@extends('layouts/contentLayoutMaster')

@section('title', 'Fresh Milk Outsale Dispatch Transaction')

@section('vendor-style')
    {{-- vendor css files --}}
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/dataTables.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/tables/datatable/buttons.bootstrap5.min.css') }}">
    <link rel="stylesheet" href="{{ asset('vendors/css/extensions/sweetalert2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/css/custom.css') }}">
@endsection
<style>
    .custom-mt-2-5 {
        margin-top: 2.3rem !important;
        /* 1.25rem is equivalent to 20px */
    }
</style>
@section('content')

    <!-- Column Search -->
    <section id="column-search-datatable">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header border-bottom">
                        <h4 class="card-title">Outsale Transaction Detail</h4>
                    </div>
                    <div class="card-datatable table-responsive">
                        <table class="table table-bordered table-striped">
                            <tbody>
                                <tr>
                                    <th>Reference Number</th>
                                    <td>{{ $transaction->referenceNumber ?? 'N/A' }}</td>
                                    <th>Date</th>
                                    <td>
                                        {{ $transaction->time ?? 'N/A' }}
                                    </td>

                                </tr>

                                <tr>
                                    <th>Milk Type</th>
                                    <td>
                                        @if ($transaction->milk_type == 1)
                                            <span class="badge badge-glow bg-success">Fresh Milk</span>
                                        @elseif ($transaction->milk_type == 0)
                                            <span class="badge badge-glow bg-warning">Rejected</span>
                                        @else
                                            'N/A'
                                        @endif
                                    </td>
                                    <th>Status</th>
                                    <td>
                                        @if ($transaction->status == 'created')
                                            <span class="badge badge-glow bg-secondary">Pending</span>
                                        @elseif ($transaction->status == 'completed')
                                            <span class="badge badge-glow bg-success">Completed</span>
                                        @elseif ($transaction->status == 'plantTransfered')
                                            <span class="badge badge-glow bg-primary">Plant Transfered</span>
                                        @elseif ($transaction->status == 'void')
                                            <span class="badge badge-glow bg-danger">Voided</span>
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <th>Transaction Type</th>
                                    <td>
                                        @if ($transaction->type == 'ao_dispatch_to_customer')
                                            Area Office to Customer
                                        @elseif ($transaction->type == 'plant_dispatch_to_customer')
                                            Plant to Customer
                                        @else
                                            N/A
                                        @endif
                                    </td>
                                    <th>Area Office</th>
                                    <td>
                                        {{ $transaction->area_office_id ? $transaction->area_office->ao_name ?? 'N/A' : 'N/A' }}
                                    </td>
                                </tr>
                                <tr>

                                    <th>Plant</th>
                                    <td>
                                        {{ $transaction->plant_id ? $transaction->plant->name : 'N/A' }}
                                    </td>
                                    <th>Vehicle</th>
                                    <td>
                                        {{ $transaction->vehicle_id ? $transaction->vehicle->vehicle_number : $transaction->delivery_challan }}
                                    </td>
                                </tr>
                                <tr>
                                    <th colspan="4" class="text-center">
                                        <h4 style="margin-bottom: 0px">Customer Details</h4>
                                    </th>
                                </tr>
                                <tr>
                                    <th>Customer Name</th>
                                    <td>{{ $transaction->customer->name ?? 'N/A' }}</td>
                                    <th>Contact</th>
                                    <td>
                                        {{ $transaction->customer->contact ?? 'N/A' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Business Name </th>
                                    <td>{{ $transaction->customer->businessName ?? 'N/A' }}</td>
                                    <th>Address</th>
                                    <td>{{ $transaction->customer->address ?? 'N/A' }} </td>
                                </tr>
                                <tr>
                                    <th colspan="4" class="text-center">
                                        <h4 style="margin-bottom: 0px">Dispatched Milk Details</h4>
                                    </th>
                                </tr>
                                <tr>
                                    <th>Gross Volume</th>
                                    <td>{{ number_format($transaction->gross_volume, 3) ?? 'N/A' }}</td>
                                    <th>Volume TS</th>
                                    <td>
                                        {{ number_format($transaction->volume_ts, 3) ?? 'N/A' }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>Fat </th>
                                    <td>{{ number_format($d_fat, 3) ?? 'N/A' }}</td>
                                    <th>LR</th>
                                    <td>{{ number_format($d_lr, 3) ?? 'N/A' }} </td>
                                </tr>

                                @if ($transaction->status == 'completed' || $transaction->status == 'Partial Outsale')
                                    <tr>
                                        <th colspan="4" class="text-center">
                                            <h4 style="margin-bottom: 0px">Milk Receiving Details</h4>
                                        </th>
                                    </tr>
                                    <tr>
                                        <th>Base Price Per Litre (Rs)</th>
                                        <td>{{ number_format($transaction->rec_base_price, 2) ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <th>Gross Volume</th>
                                        <td>{{ number_format($transaction->rec_gross_volume, 3) ?? 'N/A' }}</td>
                                        <th>Volume TS</th>
                                        <td>
                                            {{ number_format($transaction->rec_volume_ts, 3) ?? 'N/A' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Fat </th>
                                        <td>{{ $transaction->fat ?? 'N/A' }}</td>
                                        <th>LR</th>
                                        <td>{{ $transaction->lr ?? 'N/A' }} </td>
                                    </tr>
                                    <tr class="mb-5">
                                        <th colspan="4" class="text-center pt-3 pb-3">
                                            <h4 style="margin-bottom: 0px"><b>Total Amount (Rs) :
                                                    {{ round($transaction->total_amount, 0) }}</b></h4>
                                        </th>
                                    </tr>
                                @endif

                                @if ($transaction->status == 'drain')
                                    <tr>
                                        <th colspan="4" class="text-center">
                                            <h4 style="margin-bottom: 0px">Drained Milk Details</h4>
                                        </th>
                                    </tr>

                                    <tr>
                                        <th>Gross Volume</th>
                                        <td>{{ number_format($transaction->rec_gross_volume, 3) ?? 'N/A' }}</td>
                                        <th>Volume TS</th>
                                        <td>
                                            {{ number_format($transaction->rec_volume_ts, 3) ?? 'N/A' }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>Fat </th>
                                        <td>{{ $transaction->fat ?? 'N/A' }}</td>
                                        <th>LR</th>
                                        <td>{{ $transaction->lr ?? 'N/A' }} </td>
                                    </tr>
                                    <tr>
                                        <th>Remarks</th>
                                        <td>{{ $transaction->remarks ?? 'N/A' }}</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>

                @if ($transaction->status == 'created')
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">Customer Receiving</h4>
                        </div>
                        <div class="card-body">
                            @if ($errorMessage = Session::get('errorMessage'))
                                <div class="demo-spacing-0 my-2">
                                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                        <div class="alert-body">{{ $errorMessage }}</div>
                                        <button type="button" class="btn-close" data-bs-dismiss="alert"
                                            aria-label="Close"></button>
                                    </div>
                                </div>
                            @endif
                            <div class="row">
                                <div class="col-md-6 col-12">
                                    <div class="mb-1">
                                        <label class="form-label" for="status">Select Status <span
                                                class="text-danger">*</span></label>
                                        <select id="selectStatus" class="form-control" name="selectStatus">
                                            <option value="">Select Status</option>
                                            @if ($transaction->type == 'ao_dispatch_to_customer')
                                                <option value="complete">Complete</option>
                                                <option value="transferBack">Transfer Back to Plant</option>
                                            @else
                                                <option value="complete">Customer Received</option>
                                                <option value="void">Void</option>
                                            @endif
                                            <option value="partial">Partial Outsale</option>
                                            <option value="drain">Drain</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <form class="form submitCompleted"
                                action="{{ route('outsale-transactions.update', $transaction->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="row">

                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="fat">Fat <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="fat" class="form-control receivingInput"
                                                placeholder="Fat" name="fat" required onkeyup="calculateVolumeTs()"
                                                value="{{ old('fat') }}" />
                                            @error('fat')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="lr">LR <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="lr" class="form-control receivingInput"
                                                placeholder="LR" name="lr" required onkeyup="calculateVolumeTs()"
                                                value="{{ old('lr') }}" />
                                            @error('lr')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="grossVolume">Gross Volume <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="grossVolume" class="form-control receivingInput"
                                                placeholder="Gross Volume" name="rec_gross_volume" required
                                                onkeyup="calculateVolumeTs()" value="{{ old('grossVolume') }}" />
                                            @error('rec_gross_volume')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="basePrice">Base Price Per Litre <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="basePrice" class="form-control receivingInput"
                                                placeholder="Base Price" name="rec_base_price" required
                                                onkeyup="calculateVolumeTs()" value="{{ old('rec_base_price') }}" />
                                            @error('rec_base_price')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="volumeTs">Volume TS <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="volumeTs" class="form-control receivingInput"
                                                placeholder="Volume TS" name="rec_volume_ts" readonly required
                                                value="{{ old('rec_volume_ts') }}" />
                                            @error('rec_volume_ts')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="totalAmount">Total Amount (Rs) <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="totalAmount" class="form-control receivingInput"
                                                placeholder="Total Amount" name="total_amount" readonly required
                                                value="{{ old('total_amount') }}" />
                                            @error('total_amount')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>


                                    <input type="hidden" value="completed" name="status" id="status">



                                    <div class="col-12 mt-2">
                                        <button type="submit" id="completeBtn"
                                            class="btn btn-success me-1">Submit</button>
                                        {{-- <button type="submit" class="btn btn-primary me-1">Mark Void</button> --}}
                                        <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                                        <a class="btn btn-outline-secondary cancel-btn"
                                            href="{{ route('outsale-transactions.index') }}">Cancel</a>
                                    </div>
                                </div>
                            </form>

                            <form class="form submitPartial"
                                action="{{ route('outsale-transactions.update', $transaction->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="fat">Fat <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="fatForPartial" class="form-control receivingInput"
                                                placeholder="Fat" name="fat" required
                                                onkeyup="calculateVolumeTsForPartial()" value="{{ old('fat') }}" />
                                            @error('fat')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="lr">LR <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="lrForPartial" class="form-control receivingInput"
                                                placeholder="LR" name="lr" required
                                                onkeyup="calculateVolumeTsForPartial()" value="{{ old('lr') }}" />
                                            @error('lr')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="grossVolume">Gross Volume <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="grossVolumeForPartial"
                                                class="form-control receivingInput" placeholder="Gross Volume"
                                                name="rec_gross_volume" required onkeyup="calculateVolumeTsForPartial()"
                                                value="{{ old('grossVolume') }}" />
                                            @error('rec_gross_volume')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="basePrice">Base Price Per Litre <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="basePriceForPartial"
                                                class="form-control receivingInput" placeholder="Base Price"
                                                name="rec_base_price" required onkeyup="calculateVolumeTsForPartial()"
                                                value="{{ old('rec_base_price') }}" />
                                            @error('rec_base_price')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="volumeTs">Volume TS <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="volumeTsForPartial"
                                                class="form-control receivingInput" placeholder="Volume TS"
                                                name="rec_volume_ts" readonly required
                                                value="{{ old('rec_volume_ts') }}" />
                                            @error('rec_volume_ts')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="totalAmount">Total Amount (Rs) <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="totalAmountForPartial"
                                                class="form-control receivingInput" placeholder="Total Amount"
                                                name="total_amount" readonly required
                                                value="{{ old('total_amount') }}" />
                                            @error('total_amount')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <input type="hidden" value="partial" name="status" id="status">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="customer">Customer <span
                                                    class="text-danger">*</span></label>
                                            <select id="customer" class="form-control receivingInput" name="customer_id"
                                                required>
                                                <option value="">Select Customer</option>
                                                @foreach ($customers as $customer)
                                                    <option value="{{ $customer->id }}"
                                                        {{ old('customer') == $customer->id ? 'selected' : '' }}>
                                                        {{ $customer->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('customer')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12 mt-2">
                                        <button type="submit" id="completeBtnForPartial"
                                            class="btn btn-success me-1">Submit</button>
                                        <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                                        <a class="btn btn-outline-secondary cancel-btn"
                                            href="{{ route('outsale-transactions.index') }}">Cancel</a>
                                    </div>
                                </div>
                            </form>

                            <form class="form submitDrain"
                                action="{{ route('outsale-transactions.update', $transaction->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="row">
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="fat">Fat <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="fatForDrain" class="form-control receivingInput"
                                                placeholder="Fat" name="fat" required
                                                onkeyup="calculateVolumeTsForDrain()" value="{{ old('fat') }}" />
                                            @error('fat')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="lr">LR <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="lrForDrain" class="form-control receivingInput"
                                                placeholder="LR" name="lr" required
                                                onkeyup="calculateVolumeTsForDrain()" value="{{ old('lr') }}" />
                                            @error('lr')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="grossVolume">Gross Volume <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" id="grossVolumeForDrain"
                                                class="form-control receivingInput" placeholder="Gross Volume"
                                                name="rec_gross_volume" required onkeyup="calculateVolumeTsForDrain()"
                                                value="{{ old('grossVolume') }}" />
                                            @error('rec_gross_volume')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="volumeTs">Volume TS <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control receivingInput"
                                                id="volumeTsForDrain" placeholder="Volume TS" name="rec_volume_ts"
                                                required value="{{ old('rec_volume_ts') }}" />
                                            @error('rec_volume_ts')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-6 col-12">
                                        <div class="mb-1">
                                            <label class="form-label" for="remarks">Remaks <span
                                                    class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="remarks"
                                                placeholder="Remarks" name="remarks" required
                                                value="{{ old('remarks') }}" />
                                            @error('remarks')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <input type="hidden" value="drain" name="status" id="status">

                                    <div class="col-12 mt-2">
                                        <button type="submit" id="completeBtnForDrain"
                                            class="btn btn-success me-1">Submit</button>
                                        <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                                        <a class="btn btn-outline-secondary cancel-btn"
                                            href="{{ route('outsale-transactions.index') }}">Cancel</a>
                                    </div>
                                </div>
                            </form>

                            <form class="form submitTransfer"
                                action="{{ route('outsale-transactions.update', $transaction->id) }}" method="POST">
                                @csrf
                                @method('PUT')
                                <div class="row">

                                    <div class="col-md-6 col-12 plantSelect">
                                        <div class="mb-1">
                                            <label class="form-label" for="plantSelect">Select Plant <span
                                                    class="text-danger">*</span></label>
                                            <select id="plantSelect" class="form-control" name="plant_id" required
                                                value="{{ old('plant_id') }}">
                                                <option value="">Select Plant</option>
                                                @foreach ($plants as $plant)
                                                    <option value={{ $plant->_id }}>{{ $plant->name }}</option>
                                                @endforeach

                                            </select>
                                            @error('status')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <input type="hidden" value="plantTransfered" name="status" id="status">

                                    <div class="col-12 mt-2">
                                        <button type="submit" id="completeBtn"
                                            class="btn btn-success me-1">Submit</button>
                                        {{-- <button type="submit" class="btn btn-primary me-1">Mark Void</button> --}}
                                        <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                                        <a class="btn btn-outline-secondary cancel-btn"
                                            href="{{ route('outsale-transactions.index') }}">Cancel</a>
                                    </div>
                                </div>
                            </form>

                            @if ($transaction->type == 'plant_dispatch_to_customer')
                                <form class="form voidDispatch"
                                    action="{{ route('outsale-transactions.update', $transaction->id) }}" method="POST">
                                    @csrf
                                    @method('PUT')
                                    <div class="row">

                                        <input type="hidden" value="void" name="status" id="status">

                                        <div class="col-12 mt-2">
                                            <button type="submit" id="completeBtn"
                                                class="btn btn-success me-1">Submit</button>
                                            {{-- <button type="submit" class="btn btn-primary me-1">Mark Void</button> --}}
                                            {{-- <button type="reset" class="btn btn-outline-secondary me-1">Reset</button> --}}
                                            <a class="btn btn-outline-secondary cancel-btn"
                                                href="{{ route('outsale-transactions.index') }}">Cancel</a>
                                        </div>
                                    </div>
                                </form>
                            @endif
                        </div>
                    </div>
                @endif
            </div>
        </div>

    </section>
    <!--/ Column Search -->
@endsection

@section('vendor-script')
    {{-- vendor files table data --}}
    <script src="{{ asset('vendors/js/tables/datatable/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/dataTables.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/datatables.buttons.min.js') }}"></script>
    <script src="{{ asset('vendors/js/tables/datatable/buttons.bootstrap5.min.js') }}"></script>
    <script src="{{ asset('vendors/js/extensions/sweetalert2.all.min.js') }}"></script>

    <script>
        $('.submitCompleted').hide();
        $('.submitPartial').hide();
        $('.submitTransfer').hide();
        $('.submitDrain').hide();

        $('#selectStatus').on('change', function() {
            // Get the selected value
            var selectedValue = $(this).val();

            if (selectedValue == 'complete') {
                $('#fat').val('');
                $('#lr').val('');
                $('#grossVolume').val('');
                $('#basePrice').val('');

                $('.voidDispatch').hide();
                $('.submitTransfer').hide();
                $('.submitDrain').hide();
                $('.submitCompleted').show();
                $('.submitPartial').hide();
                $('#status').val('completed');
            } else if (selectedValue == 'partial') {
                $('#fat').val('');
                $('#lr').val('');
                $('#grossVolume').val('');
                $('#basePrice').val('');
                $('.submitDrain').hide();
                $('.voidDispatch').hide();
                $('.submitTransfer').hide();
                $('.submitCompleted').hide();
                $('.submitPartial').show();
                $('#status').val('partial');
            } else if (selectedValue == 'drain') {
                $('#fat').val('');
                $('#lr').val('');
                $('#grossVolume').val('');
                $('#basePrice').val('');

                $('.voidDispatch').hide();
                $('.submitTransfer').hide();
                $('.submitCompleted').hide();
                $('.submitPartial').hide();
                $('.submitDrain').show();
                $('#status').val('drain');
            } else if (selectedValue == 'transferBack') {
                $('.submitCompleted').hide();
                $('.voidDispatch').hide();
                $('.submitTransfer').show();
                $('.submitDrain').hide();
                $('.submitPartial').hide();
                $('#status').val('plantTransfered');
            } else if (selectedValue == 'void') {
                $('.submitCompleted').hide();
                $('.submitTransfer').hide();
                $('.submitDrain').hide();
                $('.voidDispatch').show();
                $('.submitPartial').hide();
                $('#status').val('void');
            }

            // Perform actions based on the selected value
            console.log('Selected value:', selectedValue);

            // Add more logic as needed
        });

        function calculateSnf(fat, lr) {
            let num1 = (lr / 4) + 0.72;
            let num2 = (0.22 * fat);
            let result = num1 + num2;
            // console.log('fat:'+fat+'/lr:'+lr+'/result'+result);
            return result;
        }

        $('#completeBtn').prop('disabled', true);

        function calculateVolumeTs() {
            var fat = $('#fat').val() == 0.000 ? '' : $('#fat').val();
            var lr = $('#lr').val() == 0.000 ? '' : $('#lr').val();
            var grossVolume = $('#grossVolume').val() == 0.000 ? '' : $('#grossVolume').val();
            var basePrice = $('#basePrice').val() == 0.000 ? '' : $('#basePrice').val();

            if (fat !== '' && lr !== '' && grossVolume !== '' && basePrice !== '') {
                $('#completeBtn').prop('disabled', false);

                //calculate volume 13 TS
                var snf = calculateSnf(fat, lr);
                var ts = parseFloat(fat) + parseFloat(snf);
                var ts13 = (parseFloat(grossVolume) * ts) / 13;
                ts13 = ts13.toFixed(3);
                $('#volumeTs').val(ts13);

                //add total amount
                var totalAmount = parseFloat(basePrice) * ts13;
                totalAmount = totalAmount.toFixed(2);
                $('#totalAmount').val(totalAmount);

            } else {
                $('#volumeTs').val('');
                $('#totalAmount').val('');
                $('#completeBtn').prop('disabled', true);
            }

        }

        function calculateVolumeTsForPartial() {
            var fat = $('#fatForPartial').val() == 0.000 ? '' : $('#fatForPartial').val();
            var lr = $('#lrForPartial').val() == 0.000 ? '' : $('#lrForPartial').val();
            var grossVolume = $('#grossVolumeForPartial').val() == 0.000 ? '' : $('#grossVolumeForPartial').val();
            var basePrice = $('#basePriceForPartial').val() == 0.000 ? '' : $('#basePriceForPartial').val();

            if (fat !== '' && lr !== '' && grossVolume !== '' && basePrice !== '') {
                $('#completeBtnForPartial').prop('disabled', false);

                //calculate volume 13 TS
                var snf = calculateSnf(fat, lr);
                var ts = parseFloat(fat) + parseFloat(snf);
                var ts13 = (parseFloat(grossVolume) * ts) / 13;
                ts13 = ts13.toFixed(3);
                $('#volumeTsForPartial').val(ts13);

                //add total amount
                var totalAmount = parseFloat(basePrice) * ts13;
                totalAmount = totalAmount.toFixed(2);
                $('#totalAmountForPartial').val(totalAmount);

            } else {
                $('#volumeTsForPartial').val('');
                $('#totalAmountForPartial').val('');
                $('#completeBtnForPartial').prop('disabled', true);
            }
        }

        function calculateVolumeTsForDrain() {
            var fat = $('#fatForDrain').val() == 0.000 ? '' : $('#fatForDrain').val();
            var lr = $('#lrForDrain').val() == 0.000 ? '' : $('#lrForDrain').val();
            var grossVolume = $('#grossVolumeForDrain').val() == 0.000 ? '' : $('#grossVolumeForDrain').val();

            if (fat !== '' && lr !== '' && grossVolume !== '') {
                $('#completeBtnForDrain').prop('disabled', false);

                //calculate volume 13 TS
                var snf = calculateSnf(fat, lr);
                var ts = parseFloat(fat) + parseFloat(snf);
                var ts13 = (parseFloat(grossVolume) * ts) / 13;
                ts13 = ts13.toFixed(3);
                $('#volumeTsForDrain').val(ts13);
            } else {
                $('#volumeTsForPartial').val('');
                $('#totalAmountForPartial').val('');
                $('#completeBtnForPartial').prop('disabled', true);
            }
        }
    </script>
@endsection

@section('page-script')
    <!-- Page js files -->
        {{-- <script src="https://rawgit.com/RobinHerbots/Inputmask/4.x/dist/jquery.inputmask.bundle.js"></script> --}}
        <script src="https://cdn.jsdelivr.net/npm/inputmask@5.0.8/dist/jquery.inputmask.min.js"></script>
    <script>
        $('.receivingInput').inputmask({
            alias: 'numeric',
            radixPoint: '.',
            // groupSeparator: ',',
            // autoGroup: true,
            // digits: 1,
            digitsOptional: true,
            allowMinus: true,
            allowPlus: true,
            placeholder: '0',
            rightAlign: false,
        });
    </script>

@endsection