@extends('admin.layout.app')

@section('content')
<div class="content-wrapper">
    <section class="content py-2">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-10">
                    <div class="card">
                        <div class="card-header">
                            <h3 class="card-title">
                                <i class="fas fa-edit"></i> Edit Sale
                            </h3>
                        </div>
                        <form action="" method="POST">
                            @csrf
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="customer_id">Select Customer</label>
                                            <select id="customer_id" name="customer_id" class="form-control select2"
                                                    data-placeholder="Select Select Customer">
                                                <option value="">Select</option>
                                                @foreach($customers as $customer)
                                                    <option
                                                        value="{{$customer->id}}" {{$sale->customer_id == $customer->id?'selected':''}}>{{$customer->name}}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('customer_id')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('customer_id')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="date">Date</label>
                                            <input type="date" id="" name="date" class="form-control"
                                                   value="{{$sale->date ,old('date')}}"
                                                   placeholder="Enter Date">
                                            @error('date')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('date')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="d-flex justify-content-between">
                                                <label for="bill_no">Bill No</label>
                                                <label class="text-danger"> </label>
                                            </div>
                                            <input type="text" id="bill_no" name="bill_no" class="form-control"
                                                   value="{{$sale->bill_no ,old('bill_no')}}"
                                                   placeholder="Enter Bill No">
                                            @error('bill_no')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('bill_no')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="refer_id">Select Refer</label>
                                            <select id="refer_id" name="refer_id" class="form-control select2"
                                                    data-placeholder="Select Select Refer">
                                                <option value="">Select</option>
                                                @foreach($refers as $refer)
                                                    <option
                                                        value="{{$refer->id}}" {{$sale->refer_id == $refer->id?'selected':''}}>{{$refer->name}}
                                                    </option>
                                                @endforeach
                                            </select>
                                            @error('refer_id')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('refer_id')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="adjustment">Adjustment Details</label>
                                            <input type="text" id="adjustment" name="adjustment" class="form-control"
                                                   value="{{$sale->adjustment ,old('adjustment')}}"
                                                   placeholder="Enter Adjustment Details">
                                            @error('adjustment')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('adjustment')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="adjustment_amount">Adjustment Amount</label>
                                            <input type="number" id="adjustment_amount" name="adjustment_amount" class="form-control"
                                                   value="{{$sale->adjustment_amount ,old('adjustment_amount')}}"
                                                   placeholder="Enter Adjustment Amount">
                                            @error('adjustment_amount')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('adjustment_amount')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <label>Select Item</label>
                                        <select id="item_id" class="form-control select2">
                                            <option value="">Select & Search</option>
                                            @foreach($items as $item)
                                                <option value="{{ $item->id }}"
                                                    data-rate="{{ $item->sale_rate }}">
                                                    {{ $item->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <hr>
                                <table class="table table-bordered" id="itemsTable">
                                    <thead>
                                        <tr>
                                            <th>Item</th>
                                            <th>Qty</th>
                                            <th>Rate</th>
                                            <th>Subtotal</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($sale->items as $key => $pi)
                                            <tr>
                                                <td>
                                                    <input type="hidden"
                                                           name="items[{{ $key }}][item_id]"
                                                           value="{{ $pi->item_id }}">
                                                    <input type="text"
                                                           class="form-control"
                                                           value="{{ $pi->item->name }}"
                                                           readonly>
                                                </td>
                                                <td>
                                                    <input type="number"
                                                           name="items[{{ $key }}][quantity]"
                                                           class="form-control qty"
                                                           value="{{ $pi->quantity }}"
                                                           min="1" step="0.01">
                                                </td>

                                                <td>
                                                    <input type="number"
                                                           name="items[{{ $key }}][rate]"
                                                           class="form-control rate"
                                                           value="{{ $pi->rate }}"
                                                           step="0.01">
                                                </td>
                                                <td>
                                                    <input type="number"
                                                            name="items[{{ $key }}][subtotal]"
                                                           class="form-control subtotal"
                                                           value="{{ $pi->subtotal }}"
                                                           readonly step="0.01">
                                                </td>

                                                <td>
                                                    <button type="button"
                                                            class="btn btn-danger btn-sm remove w-100">
                                                        Remove
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                                {{-- <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="type">Select Type</label>
                                            <select id="type" name="type" class="form-control"
                                                    data-placeholder="Select Select Type">
                                                <option value="">Select</option>
                                                <option value="direct" {{ $sale->type == 'direct' ? 'selected' : '' }}>Direct</option>
                                                <option value="installment" {{ $sale->type == 'installment' ? 'selected' : '' }}>Installment</option>
                                            </select>
                                            @error('type')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('type')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <label>Total</label>
                                        <input type="number" id="grand_total" name="total" class="form-control"
                                            readonly>
                                    </div>
                                    <div class="col-md-6" id="direct">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label>Received</label>
                                                <input type="number" id="received" name="received" class="form-control"
                                                    value="{{ $sale->received }}">
                                            </div>

                                            <div class="col-md-4">
                                                <label>Remaining</label>
                                                <input type="number" id="remaining" class="form-control"
                                                    readonly>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="mop">Mop</label>
                                                    <input type="text" id="mop" name="mop" class="form-control"
                                                           value="{{$sale->mop ,old('mop')}}"
                                                           placeholder="Enter Mop">
                                                    @error('mop')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('mop')}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6" id="installment">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="installment_charges">Charges</label>
                                                    <input type="NUMBER" id="installment_charges" name="installment_charges" class="form-control"
                                                           value="{{$sale->installment_charges ,old('installment_charges')}}"
                                                           placeholder="Enter Charges">
                                                    @error('installment_charges')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('installment_charges')}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <label>Received</label>
                                                <input type="number" id="received" name="received" class="form-control"
                                                    value="{{ $sale->received }}">
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="installment_date">Installment Start</label>
                                                    <input type="date" id="installment_date" name="installment_date" class="form-control"
                                                           value="{{$sale->installment_date ,old('installment_date')}}"
                                                           placeholder="Enter Installment Start">
                                                    @error('installment_date')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('installment_date')}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="installment_no">Installment No</label>
                                                    <input type="number" id="installment_no" name="installment_no" class="form-control"
                                                           value="{{$sale->installment_no ,old('installment_no')}}"
                                                           placeholder="Enter Installment No">
                                                    @error('installment_no')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('installment_no')}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div> --}}
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label for="type">Select Type</label>
                                            <select id="type" name="type" class="form-control"
                                                    data-placeholder="Select Select Type">
                                                <option value="">Select</option>
                                                <option value="direct" {{ $sale->type == 'direct' ? 'selected' : '' }}>Direct</option>
                                                <option value="installment" {{ $sale->type == 'installment' ? 'selected' : '' }}>Installment</option>
                                            </select>
                                            @error('type')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('type')}}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <label>Total</label>
                                        <input type="number" id="grand_total" name="total" class="form-control" readonly>
                                    </div>

                                    {{-- ✅ MAIN RECEIVED (ONLY THIS WILL SUBMIT) --}}
                                    <input type="hidden" id="received_main" name="received" value="{{ $sale->received }}">

                                    <div class="col-md-6" id="direct">
                                        <div class="row">
                                            <div class="col-md-4">
                                                <label>Received</label>
                                                <input type="number" id="received_direct" class="form-control"
                                                    value="{{ $sale->type == 'direct' ? $sale->received : 0 }}">
                                            </div>

                                            <div class="col-md-4">
                                                <label>Remaining</label>
                                                <input type="number" id="remaining" class="form-control" readonly>
                                            </div>

                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label for="mop">Mop</label>
                                                    <input type="text" id="mop" name="mop" class="form-control"
                                                        value="{{ old('mop', $sale->mop) }}"
                                                        placeholder="Enter Mop">
                                                    @error('mop')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('mop')}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6" id="installment">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="installment_charges">Charges</label>
                                                    <input type="number" id="installment_charges" name="installment_charges" class="form-control"
                                                        value="{{ old('installment_charges', $sale->installment_charges) }}"
                                                        placeholder="Enter Charges">
                                                    @error('installment_charges')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('installment_charges')}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <label>Received</label>
                                                <input type="number" id="received_installment" class="form-control"
                                                    value="{{ $sale->type == 'installment' ? $sale->received : 0 }}">
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="installment_date">Installment Start</label>
                                                    <input type="date" id="installment_date" name="installment_date" class="form-control"
                                                        value="{{ old('installment_date', $sale->installment_date) }}">
                                                    @error('installment_date')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('installment_date')}}</span>
                                                    @enderror
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="installment_no">Installment No</label>
                                                    <input type="number" id="installment_no" name="installment_no" class="form-control"
                                                        value="{{ old('installment_no', $sale->installment_no) }}"
                                                        placeholder="Enter Installment No">
                                                    @error('installment_no')
                                                    <span class="text-danger text-sm pull-right">{{$errors->first('installment_no')}}</span>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="veh_no">Vehicle No</label>
                                            <input type="text" id="veh_no" name="veh_no" class="form-control"
                                                   value="{{$sale->veh_no ,old('veh_no')}}"
                                                   placeholder="Enter Vehicle No">
                                            @error('veh_no')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('veh_no')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-8">
                                        <div class="form-group">
                                            <label for="note">Note</label>
                                            <input type="text" id="note" name="note" class="form-control"
                                                   value="{{$sale->note ,old('note')}}"
                                                   placeholder="Enter Note">
                                            @error('note')
                                            <span class="text-danger text-sm pull-right">{{$errors->first('note')}}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer text-right">
                                <button type="submit" class="btn btn-primary">
                                    Update Sale
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection
@push('script')
<script>
$(document).ready(function () {

    $('.select2').select2();
    let row = {{ count($sale->items ?? []) }};

    // ✅ Show/Hide blocks
    function toggleType() {
        let type = $('#type').val();

        if (type === 'direct') {
            $('#direct').show();
            $('#installment').hide();
        } else if (type === 'installment') {
            $('#direct').hide();
            $('#installment').show();
        } else {
            $('#direct').hide();
            $('#installment').hide();
        }
    }

    toggleType();

    $('#type').on('change', function () {
        toggleType();
        syncReceived();
        calculate();
    });

    // ✅ Add item into table
    $('#item_id').on('change', function () {

        let itemId = $(this).val();
        if (!itemId) return;

        let selectedOption = $('#item_id option:selected');
        let itemName = selectedOption.text().trim();
        let rate = parseFloat(selectedOption.data('rate')) || 0;

        if ($(`#itemsTable input[value="${itemId}"]`).length) {
            alert('Item already added');
            $('#item_id').val('').trigger('change');
            return;
        }

        row++;

        let html = `
            <tr>
                <td>
                    <input type="hidden" name="items[${row}][item_id]" value="${itemId}">
                    <input type="text" class="form-control" value="${itemName}" readonly>
                </td>

                <td>
                    <input type="number" name="items[${row}][quantity]"
                        class="form-control qty" value="1" min="1" step="0.01">
                </td>

                <td>
                    <input type="number" name="items[${row}][rate]"
                        class="form-control rate" value="${rate}" step="0.01">
                </td>

                <td>
                    <input type="number" name="items[${row}][subtotal]"
                        class="form-control subtotal" readonly step="0.01">
                </td>

                <td>
                    <button type="button" class="btn btn-danger btn-sm remove w-100">Remove</button>
                </td>
            </tr>
        `;

        $('#itemsTable tbody').append(html);
        $('#item_id').val('').trigger('change');

        calculate();
    });

    // ✅ Remove row
    $(document).on('click', '.remove', function () {
        $(this).closest('tr').remove();
        calculate();
    });

    // ✅ Sync received to hidden field (this will be submitted)
    function syncReceived() {
        let type = $('#type').val();
        let received = 0;

        if (type === 'direct') {
            received = parseFloat($('#received_direct').val()) || 0;
        } else if (type === 'installment') {
            received = parseFloat($('#received_installment').val()) || 0;
        }

        $('#received_main').val(received.toFixed(2));
    }

    // ✅ Recalculate on changes
    $(document).on('keyup change input', '.qty, .rate, #received_direct, #received_installment, #adjustment_amount, #installment_charges', function () {
        syncReceived();
        calculate();
    });

    // ✅ MAIN CALCULATION
    function calculate() {

        let total = 0;

        $('#itemsTable tbody tr').each(function () {
            let qty = parseFloat($(this).find('.qty').val()) || 0;
            let rate = parseFloat($(this).find('.rate').val()) || 0;

            let subtotal = qty * rate;

            $(this).find('.subtotal').val(subtotal.toFixed(2));
            total += subtotal;
        });

        let adjustmentAmount = parseFloat($('#adjustment_amount').val()) || 0;
        let installmentCharges = parseFloat($('#installment_charges').val()) || 0;

        let grandTotal = (total + installmentCharges) - adjustmentAmount;

        $('#grand_total').val(grandTotal.toFixed(2));

        let received = parseFloat($('#received_main').val()) || 0;
        let remaining = grandTotal - received;

        if (remaining < 0) remaining = 0;

        $('#remaining').val(remaining.toFixed(2));
    }

    // ✅ Run once at load
    syncReceived();
    calculate();
});
</script>
@endpush