@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.AddNewCashCreditSaleOrder') }}</h4>
                </div>
            </div>
            <form method="post" action="{{ url('/') }}/possaleorderdetailprocess" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <input type="hidden" name="hbid" id="hbid" value="{{ $customerInvoice->Id }}" />
                        <div class="row">
                            @php
                                if ($customerInvoice->CustomerName == '') {
                                    $customerName = $customerInvoice->NewCustomerName;
                                } else {
                                    $customerName = $customerInvoice->CustomerName;
                                }
                            @endphp
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.CustomerName') }}</label>
                                    <input type="text" class="form-control" id="txtCustomerName" name="txtCustomerName"
                                        value="{{ $customerName }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.BillNo') }}</label>
                                    <input type="text" class="form-control" id="txtBillNo" name="txtBillNo"
                                        value="{{ $customerInvoice->BillNo }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ComputerSaleOrderNo') }}</label>
                                    <input type="text" class="form-control" id="txtSaleOrderId" name="txtSaleOrderId"
                                        value="{{ $customerInvoice->FactorySaleOrderId }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SaleOrderNo') }}</label>
                                    <input type="text" class="form-control" id="txtSaleOrderBillNo"
                                        name="txtSaleOrderBillNo" value="{{ $customerInvoice->SaleOrderBillNo }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.GatePassNo') }}</label>
                                    <input type="text" class="form-control" id="txtBillNo" name="txtBillNo"
                                        value="0" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.ComputerGatePassNo') }}</label>
                                    <input type="text" class="form-control" id="txtBillNo" name="txtBillNo"
                                        value="0" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SubTotal') }}</label>
                                    <input type="text" class="form-control" id="txtGrossTotal" name="txtGrossTotal"
                                        value="{{ $customerInvoice->OrderTotal }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.SaleTax') }}</label>
                                    <input type="text" class="form-control" id="txtSaleTax" name="txtSaleTax"
                                        value="{{ $customerInvoice->SaleTax }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Discount') }}</label>
                                    <input type="text" class="form-control" id="txtDiscountTotal" name="txtDiscountTotal"
                                        value="{{ $customerInvoice->DiscountTotal }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TotalAmount') }}</label>
                                    <input type="text" class="form-control" id="txtTotalAmount" name="txtTotalAmount"
                                        value="{{ $customerInvoice->NetAmount }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.BookingDate') }}</label>
                                    <input class="form-control" type="date" name="txtBookingDate" id="txtBookingDate"
                                        value="{{ \Carbon\Carbon::parse($customerInvoice->OrderDate)->format('Y-m-d') }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}</label>
                                    <select name="cmbStatus" id="cmbStatus" class="form-select">
                                        <option value="" {{ $customerInvoice->Status == '' ? 'selected' : '' }}>
                                            {{ __('sitelabel.SelectStatus') }}</option>
                                        <option value="1" {{ $customerInvoice->Status == '1' ? 'selected' : '' }}>
                                            {{ __('sitelabel.Finalize') }}</option>
                                        <option value="2" {{ $customerInvoice->Status == '2' ? 'selected' : '' }}>
                                            {{ __('sitelabel.Cancel') }}</option>
                                        <option value="0" {{ $customerInvoice->Status == '0' ? 'selected' : '' }}>
                                            {{ __('sitelabel.Pending') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Note') }}</label>
                                    <textarea name="txtNote" id="txtNote">{{ $customerInvoice->Note }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>{{ __('sitelabel.SerialNumber') }}</th>
                                            <th>{{ __('sitelabel.Product') }}</th>
                                            <th>{{ __('sitelabel.SalePrice') }}</th>
                                            <th>{{ __('sitelabel.Qty') }}</th>
                                            <th>{{ __('sitelabel.SubTotal') }}</th>
                                            <th>{{ __('sitelabel.DiscountType') }}</th>
                                            <th>{{ __('sitelabel.Discount') }}</th>
                                            <th>{{ __('sitelabel.DiscountAmount') }}</th>
                                            <th>{{ __('sitelabel.STax') }}</th>
                                            <th>{{ __('sitelabel.NetAmt') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($customerInvoiceDetail as $key => $item)
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                @php
                                                    if ($item->ItemName == '') {
                                                        $productName = $item->ProductName;
                                                    } else {
                                                        $productName = $item->ItemName;
                                                    }
                                                @endphp
                                                <td>
                                                    <input type="hidden" name="txtRecordId[{{ $key }}]" value="{{ $item->Id }}">
                                                    <input type="text" name="txtProduct[{{ $key }}]" 
                                                        id="txtProduct_{{ $key }}" 
                                                        value="{{ $productName }}" 
                                                        class="form-control">
                                                </td>
                                                <td>
                                                    <input type="number" name="txtSalePrice[{{ $key }}]" 
                                                        id="txtSalePrice_{{ $key }}" 
                                                        value="{{ $item->SalePrice }}" 
                                                        class="form-control calc-field">
                                                </td>
                                                <td>
                                                    <input type="number" name="txtQuantity[{{ $key }}]" 
                                                        id="txtQuantity_{{ $key }}" 
                                                        value="{{ $item->Quantity }}" 
                                                        class="form-control calc-field">
                                                </td>
                                                <td>
                                                    <input type="number" name="txtSubTotal[{{ $key }}]" 
                                                        id="txtSubTotal_{{ $key }}" 
                                                        value="{{ $item->SubTotal }}" 
                                                        readonly 
                                                        class="form-control">
                                                </td>
                                                <td>
                                                    <select name="cmbPerFlat[{{ $key }}]" 
                                                        id="cmbPerFlat_{{ $key }}" 
                                                        class="form-select calc-field">
                                                        <option value="Per" {{ $item->DiscountPer == 'Per' ? 'selected' : '' }}>
                                                            {{ __('sitelabel.Percent') }}
                                                        </option>
                                                        <option value="Flat" {{ $item->DiscountPer == 'Flat' ? 'selected' : '' }}>
                                                            {{ __('sitelabel.Flat') }}
                                                        </option>
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="number" name="txtDiscountValue[{{ $key }}]" 
                                                        id="txtDiscountValue_{{ $key }}" 
                                                        value="{{ $item->DiscountValue }}" 
                                                        class="form-control calc-field">
                                                </td>
                                                <td>
                                                    <input type="number" name="txtDiscountAmount[{{ $key }}]" 
                                                        id="txtDiscountAmount_{{ $key }}" readonly
                                                        value="{{ $item->DiscountAmount }}" 
                                                        class="form-control">
                                                </td>
                                                <td>
                                                    <input type="number" name="txtTaxAmount[{{ $key }}]" 
                                                        id="txtTaxAmount_{{ $key }}" 
                                                        value="{{ $item->TaxAmount }}" 
                                                        readonly 
                                                        class="form-control">
                                                </td>
                                                <td>
                                                    <input type="number" name="txtTotalAmount[{{ $key }}]" 
                                                        id="txtTotalAmount_{{ $key }}" 
                                                        value="{{ $item->TotalAmount }}" 
                                                        readonly 
                                                        class="form-control">
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="4" class="text-end"><strong>{{ __('sitelabel.GrandTotal') }}</strong></td>
                                            <td>
                                                <span id="spSubTotal"></span>
                                                <input type="hidden" name="gSubTotal" id="gSubTotal" class="form-control" readonly>
                                            </td>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                            <td>
                                                <span id="spTotalDiscount"></span>
                                                <input type="hidden" name="gTotalDiscount" id="gTotalDiscount" class="form-control" readonly>
                                            </td>
                                            <td>
                                                <span id="spSTax"></span>
                                                <input type="hidden" name="gSTax" id="gSTax" class="form-control" readonly>
                                            </td>
                                            <td>
                                                <span id="spTotalAmount"></span>
                                                <input type="hidden" name="gTotalAmount" id="gTotalAmount" class="form-control" readonly>
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Update') }}</button>
                                <button type="button" onclick="javascript:window.location='{{ url('/saleorder') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            // Initialize select2
            $('[id^="cmbPerFlat_"], #cmbStatus').select2({
                theme: "bootstrap-5",
            });

            // Calculate on page load
            calculateAllRows();

            // Event listeners for input changes
            $(document).on('change keyup', '.calc-field', function() {
                const rowId = $(this).attr('id').split('_')[1];
                calculateRow(rowId);
                updateGrandTotals();
            });

            function calculateRow(rowId) {
                const salePrice = parseFloat($('#txtSalePrice_' + rowId).val()) || 0;
                const quantity = parseFloat($('#txtQuantity_' + rowId).val()) || 0;
                const discountValue = parseFloat($('#txtDiscountValue_' + rowId).val()) || 0;
                const discountType = $('#cmbPerFlat_' + rowId).val();
                const taxAmount = parseFloat($('#txtTaxAmount_' + rowId).val()) || 0;

                // Calculate subtotal
                const subTotal = salePrice * quantity;
                $('#txtSubTotal_' + rowId).val(subTotal.toFixed(2));

                // Calculate discount amount
                let discountAmount = 0;
                if (discountType === 'Per') {
                    discountAmount = (subTotal * discountValue) / 100;
                } else {
                    discountAmount = discountValue;
                }
                $('#txtDiscountAmount_' + rowId).val(discountAmount.toFixed(2));

                // Calculate total amount using backend tax amount
                const totalAmount = subTotal - discountAmount + taxAmount;
                $('#txtTotalAmount_' + rowId).val(totalAmount.toFixed(2));
            }

            function calculateAllRows() {
                $('[id^="txtSalePrice_"]').each(function() {
                    const rowId = $(this).attr('id').split('_')[1];
                    calculateRow(rowId);
                });
                updateGrandTotals();
            }

            function updateGrandTotals() {
                let grandSubTotal = 0;
                let grandDiscount = 0;
                let grandTax = 0;
                let grandTotal = 0;

                $('[id^="txtSubTotal_"]').each(function() {
                    grandSubTotal += parseFloat($(this).val()) || 0;
                });
                $('[id^="txtDiscountAmount_"]').each(function() {
                    grandDiscount += parseFloat($(this).val()) || 0;
                });
                $('[id^="txtTaxAmount_"]').each(function() {
                    grandTax += parseFloat($(this).val()) || 0;
                });
                $('[id^="txtTotalAmount_"]').each(function() {
                    grandTotal += parseFloat($(this).val()) || 0;
                });

                $('#spSubTotal').text(grandSubTotal.toFixed(2));
                $('#gSubTotal').val(grandSubTotal.toFixed(2));
                $('#spTotalDiscount').text(grandDiscount.toFixed(2));
                $('#gTotalDiscount').val(grandDiscount.toFixed(2));
                $('#spSTax').text(grandTax.toFixed(2));
                $('#gSTax').val(grandTax.toFixed(2));
                $('#spTotalAmount').text(grandTotal.toFixed(2));
                $('#gTotalAmount').val(grandTotal.toFixed(2));
            }
        });
    </script>
@endsection