@include('layouts.header')
<!-- /Header -->
@include('layouts.sidebar')
<style>
    .select2-container--default .select2-selection--single {
        
        border: 1px solid #e9edf6 !important;
        height:40px !important; 
       
    }
    .select2-container .select2-selection--single .select2-selection__arrow {
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        width: 20px !important; 
        background-color: transparent !important;
        border-left: 1px solid #aaa !important; 
    }
    
    .select2-container .select2-selection__arrow b {
      
        border-width: 5px 5px 0 5px !important; 
        border-style: solid !important;
        display: inline-block !important;
        margin-top: 5px !important;
        vertical-align: middle !important;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__arrow 
    {
        display: none !important;
    }
    .select2-selection__clear{
        display: none !important;
        /* color:#aaa; */
    }
    
    </style>
    
<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4>Generate Tax Invoice</h4>
                    <h6></h6>
                </div>
            </div>
            <ul class="table-top-head">
                <li>
                    <div class="page-btn">
                        <a href="{{ route('orders') }}" class="btn btn-secondary"><i data-feather="arrow-left" class="me-2"></i>Back to Orders</a>
                    </div>
                </li>
            </ul>
        </div>

        @if(session()->has('success'))
            <div class="alert alert-success">{{ session()->get('success') }}</div>
        @endif
        @if(session()->has('error'))
            <div class="alert alert-danger">{{ session()->get('error') }}</div>
        @endif

        <form id="myForm" action="{{ route('save_taxinvoice')}}" method="post">
            @csrf
     <input type="hidden" name="order_id" class="form-control" value="{{ $order->id }}" readonly>

            <div class="card">
                <div class="card-body add-product pb-0">
                    <div class="accordion-card-one accordion" id="accordionExample">
                        <div class="accordion-item">
                            <div class="accordion-header" id="headingOne">
                                <div class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-controls="collapseOne">
                                   
                                </div>
                            </div>
                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    <div class="row">
                                        <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Invoice No</label>
                                                <input type="text" name="invoice_no" class="form-control" value="{{ $invoiceNo }}" readonly>
                                            </div>
                                        </div>
                                               <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                               <input type="hidden" value="{{$order->customer_top}}" class="customer_top">
                                               <input type="hidden" value="{{$order->company_top}}" class="company_top">
                                               <input type="hidden" value="{{$order->customer_id}}" name="customer_id" class="customer_id">
                                                <label class="form-label">Customer</label>
                                               
                                                <select class="form-control" name="customer_id" id="customer_id" required disabled>
                                                    <option value="">Select</option>
                                                    @foreach($customers as $row)
                                                            <option value="{{ $row->id }}" data-gst="{{ $row->gst_number }}" {{ $row->id == $order->customer_id ? 'selected' : '' }}>
                                                                {{ $row->customer_name }}
                                                            </option>
                                                        @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">GST No</label>
                                                  <input type="text" name="gst" class="form-control" value="{{ $order->gst_number}}" readonly>
                                            </div>
                                        </div>
                                          <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Order No</label>
                                                  <input type="text" name="order_code" class="form-control" value="{{ $order->order_code}}" readonly>
                                            </div>
                                        </div>
                                          <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">Order Date</label>
                                                  <input type="text" name="order_date" class="form-control" value="{{ $order->order_date}}" readonly>
                                            </div>
                                        </div>
                                         <div class="col-lg-2 col-sm-6 col-12">
                                            <div class="mb-3 add-product">
                                                <label class="form-label">GST Type</label>
                                                  <input type="text" name="gst_type" class="form-control"  readonly>
                                            </div>
                                        </div>
                                        <input type='hidden' value="{{ $order->labour_gst_rate ?? '18'}}" id="labour_gst_rate" name="labour_gst_rate">
                                        <input type='hidden' value="{{ $order->labour_gst_code ?? '222'}}" id="labour_gst_code" name="labour_gst_code">

                                 
                                          
                                    <div class="row mb-3">
                                        <div class="col-12">
                                            <h5>Order Items</h5>
                                            <div class="table-responsive">
                                                <table class="table table-bordered" id="order-items">
                                                    <thead>
                                                        <tr>
                                                            <th style="width:20%">Description</th>
                                                            <th>HSN Code</th>
                                                            <th>UoM</th>
                                                            <th>Labour</th>
                                                            <th>Quantity</th>
                                                            <th>Rate</th>
                                                            <th>Discount(%)</th>
                                                            <th>Amount</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                         @php 
                                                        $baseamount = 0;
                                                        $totalExDiscount = 0;
                                                        $totalDiscount = 0;
                                                        $gst_5 = $gst_12 = $gst_18 = $gst_28 = 0;
                                                        $netbillamount = 0;
                                                        
                                                        $discount = $order->customer_discount_amount;
                                                        $forwarding = $order->forwarding_amount;
                                                         $forwarding_gst = $order->forwarding_gst;

                                                         @endphp
                                                         @foreach($orderItems as $item)
                                                         @php 
                                                       
                                                         $priceInclGst = $item->price;
                                                         $gstRate = $item->gst_rate;
                                                        
                                                        // Calculate base price per unit (excluding GST)
                                                        $basePricePerUnit = $priceInclGst * $item->quantity;
                                                        $totalExDiscount +=$basePricePerUnit;

                                                        if($item->item_discount > 0){
                                                            $discountAmount = $basePricePerUnit * $item->item_discount/100;
                                                            $basePricePerUnit -= $discountAmount;
                                                            $totalDiscount +=$discountAmount;
                                                        }
                                                        // Total base for quantity
                                                        $baseamount += $basePricePerUnit;
                                                        @endphp
                                                        <tr class="order-row">
                                                            <input type="hidden" value="{{$gstRate}}" class="gst_rate">
                                                            <td style="width:20%">
                                                                 <input type="text" name="description[]" class="form-control description" value="{{ $item->varient_code}}-{{ $item->varient_name}}" readonly>
                                                            </td>
                                                            <td><input type="text" name="hsncode[]" oninput="this.value = this.value.replace(/[^0-9.]/g, '')" class="form-control hsncode" value="{{ $item->hsn_code}}" required readonly></td>
                                                            <td><input type="text" name="uom[]" class="form-control uom" value="{{ $item->unit_name}}" readonly></td>
                                                            <td>
                                                               <input type="text" name="labour_rate[]" class="form-control labour_rate" value="{{ number_format($item->labour_rate, 2, '.', '')}}" readonly>
                                                           </td>
                                                             <td><input type="text" name="quantity[]" oninput="this.value = this.value.replace(/[^0-9.]/g, '')" class="form-control quantity" value="{{ $item->quantity}}" readonly></td>
                                                             <td>
                                                                 <input type="text" name="rate[]" class="form-control rate" value="{{ number_format($item->price, 2, '.', '')}}" readonly>
                                                            </td>
                                                            <td>
                                                                <input type="text" name="item_discount[]" class="form-control item_discount" value="{{ number_format($item->item_discount, 2, '.', '')}}" readonly>
                                                            </td>
                                                            <td><input type="text" name="amount[]" oninput="this.value = this.value.replace(/[^0-9.]/g, '')" class="form-control amount" value="{{ number_format($basePricePerUnit, 2, '.', '') }}" required readonly></td>
                                                        </tr>
                                                       @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                  

                                    <div class="row">
                                        <!-- Empty offset for first 4 columns -->
                                        <div class="col-lg-4"></div>

                                       <div class="col-lg-4"></div>
                                        <div class="col-lg-4">
                                            <input type="hidden" name="forwarding_gst" value="{{$forwarding_gst}}">
                                            <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">Item Total</label>
                                                <input type="number" name="total_amount" class="form-control grosstotal" value="{{ number_format($totalExDiscount, 2, '.', '') }}" readonly>
                                            </div>
                                               <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">Discount Amount:</label>
                                                <input type="number" name="discount" class="form-control discount" value="{{ number_format($totalDiscount, 2, '.', '')}}" readonly>
                                            </div> 
                                            <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">Base Amount:</label>
                                                <input type="number" name="base_amount" class="form-control grosstotal" value="{{ number_format($baseamount, 2, '.', '')}}" readonly>
                                            </div>

                                             <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">Forwarding Amount:</label>
                                                <input type="number" name="forwarding_amount" class="form-control forwarding_amount" value="{{ number_format($forwarding, 2, '.', '')}}" readonly>
                                            </div>

                                                 <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">Labour Charges</label>
                                                <input type="number" name="labour_charges" class="form-control labour_charges" value="{{  $order->labour_charges}}" readonly>
                                            </div>


                                            <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">GST Amount:</label>
                                                <input type="number" name="gst_amount" class="form-control grosstotal" value="{{ $order->subtotal_ex_gst}}" readonly>
                                            </div>

                                            <div class="d-flex align-items-center">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">Net Bill Amount:</label>
                                                <input type="number" name="net_amount" class="form-control grandtotal" value="{{ $order->grandtotal}}" readonly>
                                            </div>
                                        </div>

                                       
                                        
                                    </div>

                                    
                                   

                               

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-4">
                    <h5><strong>GST Summary</strong></h5><br>
                    <table class="table table-bordered" id="gst-summary-table">
                        <thead>
                            <tr>
                                <th>HSN Code</th>
                                <th>GST %</th>
                                <th>CGST %</th>
                                <th>SGST %</th>
                                <th>IGST %</th>
                                <th>Total GST Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                           
                        </tbody>
                    </table>
                </div>
                <br>
                <div class="col-lg-12">
                    <div class="btn-addproduct mb-4">
                        <a href="{{ route('orders') }}" class="btn btn-cancel me-2">Cancel</a>
                        <button type="submit" id="submitBtn" class="btn btn-primary">Save</button>
                    </div>
                </div>
            </div>

            
        </form>

    </div>
</div>




<!--end modal-->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

{{-- <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>  --}}


@include('layouts.footer')

<script>
$(document).ready(function () {

    
    document.getElementById("myForm").addEventListener("submit", function(event) {
        let submitBtn = document.getElementById("submitBtn");
        
        if (submitBtn.disabled) {
            event.preventDefault(); // Prevent form resubmission
            alert("Please wait, your info is submitted.");
        } else {
            submitBtn.disabled = true;
            submitBtn.innerText = "Submitting...";
        }
    });
        
});

$(document).ready(function() {
    updateGstSummary();
});
function updateGstSummary() {
    var gstTypeField = $('input[name="gst_type"]');
    let gstGroups = {};
    const forwardingTotal = parseFloat($('.forwarding_amount').val()) || 0;
    const labourTotal = parseFloat($('.labour_charges').val()) || 0;
    // Global Forwarding GST details
    const forwardingHSN = "5245";
    const forwardingGST = 18;
    const labourHSN = $('#labour_gst_code').val();
    const labourGST = parseFloat($('#labour_gst_rate').val());

    let items = [];
    let totalTaxable = 0;

    // Step 1: Collect all items
    document.querySelectorAll('#order-items tbody tr').forEach(row => {
        let qty = parseFloat(row.querySelector('.quantity')?.value || 0);
        let rate = parseFloat(row.querySelector('.rate')?.value || 0);
        let labour_rate = parseFloat(row.querySelector('.labour_rate')?.value || 0);
        let gst = parseFloat(row.querySelector('.gst_rate')?.value || 0);
        let hsncode = row.querySelector('.hsncode')?.value || '';
        let item_discount = row.querySelector('.item_discount')?.value || '';
        if (qty === 0 || rate === 0 || !hsncode.trim()) return;

        let grossAmount = qty * rate;
        if(item_discount > 0){
            let discount = grossAmount * item_discount /100;
            grossAmount -= discount;
        }
        let amount = grossAmount;
        let gstAmount = grossAmount;

        totalTaxable += amount;

        items.push({ amount, gst, hsncode,gstAmount });
    });

    // Step 2: Normal items GST calculation
    items.forEach(item => {
        let itemGstAmount = (item.amount * item.gst) / 100;

        let key = item.hsncode + '_' + item.gst;
        if (!gstGroups[key]) {
            gstGroups[key] = {
                hsn: item.hsncode,
                gst: item.gst,
                taxable: 0,
                forwarding: 0,
                labour: 0,
                cgst: 0,
                sgst: 0,
                igst: 0,
                total: 0
            };
        }
        gstGroups[key].taxable += item.amount;
        let customerTop = $('.customer_top').val();
        let companyTop = $('.company_top').val();
         console.log("Supplier TOP:", customerTop , companyTop);

        if ((customerTop === 'oms' && companyTop === 'oms') || (customerTop === 'ms' && companyTop === 'oms') || (customerTop === 'oms' && companyTop === 'ms')) {
            gstGroups[key].igst += itemGstAmount;
            gstTypeField.val('IGST');
        }else{
            gstTypeField.val('CGST + SGST');
            gstGroups[key].cgst += itemGstAmount / 2;
            gstGroups[key].sgst += itemGstAmount / 2;
        }
        gstGroups[key].total += itemGstAmount;
    });

    // Step 3: Forwarding cost GST calculation
    if (forwardingTotal > 0) {
        let fwdGstAmount = (forwardingTotal * forwardingGST) / 100;

        let fwdKey = forwardingHSN + '_' + forwardingGST;
        if (!gstGroups[fwdKey]) {
            gstGroups[fwdKey] = {
                hsn: forwardingHSN,
                gst: forwardingGST,
                taxable: 0,
                forwarding: 0,
                cgst: 0,
                sgst: 0,
                igst: 0,
                total: 0
            };
        }

        gstGroups[fwdKey].forwarding += forwardingTotal;
         let customerTop = $('.customer_top').val();
        let companyTop = $('.company_top').val();
        console.log("Supplier TOP:", customerTop , companyTop);
         if ((customerTop === 'oms' && companyTop === 'oms') || (customerTop === 'ms' && companyTop === 'oms') || (customerTop === 'oms' && companyTop === 'ms')) {
            gstGroups[fwdKey].igst += fwdGstAmount;
             gstTypeField.val('IGST');
        }else{
             gstGroups[fwdKey].cgst += fwdGstAmount / 2;
            gstGroups[fwdKey].sgst += fwdGstAmount / 2;
            gstTypeField.val('CGST + SGST');
        }
        
        gstGroups[fwdKey].total += fwdGstAmount;
    }
    if (labourTotal > 0) {
        let fwdGstAmount = (labourTotal * labourGST) / 100;

        let fwdKey = labourHSN + '_' + labourGST;
        if (!gstGroups[fwdKey]) {
            gstGroups[fwdKey] = {
                hsn: labourHSN,
                gst: labourGST,
                taxable: 0,
                labour: 0,
                cgst: 0,
                sgst: 0,
                igst: 0,
                total: 0
            };
        }

        gstGroups[fwdKey].labour += labourTotal;
         let customerTop = $('.customer_top').val();
        let companyTop = $('.company_top').val();
        console.log("Supplier TOP:", customerTop , companyTop);
         if ((customerTop === 'oms' && companyTop === 'oms') || (customerTop === 'ms' && companyTop === 'oms') || (customerTop === 'oms' && companyTop === 'ms')) {
            gstGroups[fwdKey].igst += fwdGstAmount;
            gstTypeField.val('IGST');
        }else{
             gstTypeField.val('CGST + SGST');
             gstGroups[fwdKey].cgst += fwdGstAmount / 2;
        gstGroups[fwdKey].sgst += fwdGstAmount / 2;
        }
        
        gstGroups[fwdKey].total += fwdGstAmount;
    }

    // Step 4: Render GST Summary
    const gstTableBody = document.querySelector('#gst-summary-table tbody');
    gstTableBody.innerHTML = '';
    let totalGstSum = 0;
    let totalForwarding = 0;
    let totalLabour = 0;
    let totalCgst = 0, totalSgst = 0, totalIgst = 0;

    for (let key in gstGroups) {
        let data = gstGroups[key];
        if (data.total > 0 || data.forwarding > 0) {
            totalGstSum += data.total;
            totalForwarding += data.forwarding;
            totalLabour += data.labour;
            totalCgst += data.cgst;
            totalSgst += data.sgst;
            totalIgst += data.igst;

            // Show HSN + Forwarding amount if present
            let hsnDisplay = data.hsn;
            if (data.forwarding > 0) {
               // hsnDisplay = `${data.hsn} (${data.forwarding.toFixed(2)})`;
                hsnDisplay = `${data.hsn} (Forwarding)`;
            }
            if (data.labour > 0) {
               // hsnDisplay = `${data.hsn} (${data.forwarding.toFixed(2)})`;
                hsnDisplay = `${data.hsn} (Labour)`;
            }

            const row = document.createElement('tr');
            row.innerHTML = `
                <td>${hsnDisplay}</td>
                <td>${data.gst}%</td>
                <td>₹ ${data.cgst.toFixed(2)}</td>
                <td>₹ ${data.sgst.toFixed(2)}</td>
                <td>₹ ${data.igst.toFixed(2)}</td>
                <td>₹ ${data.total.toFixed(2)}</td>
            `;
            gstTableBody.appendChild(row);
        }
    }

    // Step 5: Add Total Row
    const totalRow = document.createElement('tr');
    totalRow.style.fontWeight = "bold";
    totalRow.innerHTML = `
        <td>Total</td>
        <td></td>
        <td>₹ ${totalCgst.toFixed(2)}</td>
        <td>₹ ${totalSgst.toFixed(2)}</td>
        <td>₹ ${totalIgst.toFixed(2)}</td>
        <td>₹ ${totalGstSum.toFixed(2)}</td>
    `;
    gstTableBody.appendChild(totalRow);
}


</script>