@extends('layouts/contentLayoutMaster')

@section('title', 'Rejected 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
@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">Rejected Milk 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 == '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 == 'mcc_dispatch_to_customer') 
                                        Collection Center to Customer
                                        @elseif ($transaction->type == 'mmt_dispatch_to_customer')    
                                        MMT to Customer 
                                        @elseif ($transaction->type == 'mmtPlant_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')
                                <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) : {{number_format($transaction->total_amount,2)}}</b></h4></th></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>
                                            
                                                <option value="complete">Customer Received</option>
                                                <option value="void">Void</option>
                                           
                                            
                                        </select>
                                </div>
                            </div>
                        </div>
                        <form class="form submitCompleted" action="{{ route('outsale-transactions.rejectionUpdate', $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 voidDispatch" action="{{ route('outsale-transactions.rejectionUpdate', $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>
                                  
                                    <a class="btn btn-outline-secondary cancel-btn"
                                        href="{{ route('outsale-transactions.index') }}">Cancel</a>
                                </div>
                            </div>
                        </form>
                    </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();
        $('.submitTransfer').hide();
        $('.voidDispatch').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();
                $('.submitCompleted').show();
                $('#status').val('completed');
                console.log($('#status').val());
            }
            else if(selectedValue == 'void')
            {
                $('.submitCompleted').hide();
                // $('.submitTransfer').hide();
                $('.voidDispatch').show();
                $('#status').val('void');
                console.log($('#status').val());
            }
            
            // 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);
            }
            
        }
</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: 3,
    digitsOptional: false,
    allowMinus: false,
    allowPlus: false,
    placeholder: '0',
    rightAlign: false,
  });
    </script>

@endsection