@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">
                                               
                                                <label class="form-label">Customer</label>
                                               
                                                <select class="form-control" name="customer_id" id="customer_id" required>
                                                    <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>
                                 
                                          
                                    <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>Quantity</th>
                                                            <th>GST%</th>
                                                            <th>GST</th>
                                                            <th>Rate</th>
                                                            <th>Amount</th>
                                                            <th>HSN Code</th>
                                                            <th>UoM</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                         @php 
                                                        $baseamount = 0;
                                                        $totalgst = 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 / (1 + ($gstRate / 100));
                                                        
                                                        // Total base for quantity
                                                        $total = $basePricePerUnit * $item->quantity;
                                                        
                                                        // GST amount for this line
                                                        $gstamt = ($priceInclGst - $basePricePerUnit) * $item->quantity;

                                                        $baseamount += $total;
                                                        $totalgst += $gstamt;

                                                        if ($gstRate == 5.00) {
                                                            $gst_5 += $gstamt;
                                                        } elseif ($gstRate == 12.00) {
                                                            $gst_12 += $gstamt;
                                                        } elseif ($gstRate == 18.00) {
                                                            $gst_18 += $gstamt;
                                                        } elseif ($gstRate == 28.00) {
                                                            $gst_28 += $gstamt;
                                                        }


                                                         @endphp
                                                        <tr class="order-row">
                                                         
                                                            <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="quantity[]" oninput="this.value = this.value.replace(/[^0-9.]/g, '')" class="form-control quantity" value="{{ $item->quantity}}" readonly></td>

                                                             <td>
                                                                  <input type="text" name="gst_percent[]" class="form-control gst_percent" value="{{ $item->gst_rate}}" readonly>
                                                            </td>
                                                             <td>
                                                                <input type="text" name="gst_rate[]" class="form-control gst_rate" value="{{ number_format($gstamt, 2, '.', '')}}"   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="amount[]" oninput="this.value = this.value.replace(/[^0-9.]/g, '')" class="form-control amount" value="{{ number_format($total, 2, '.', '') }}" required></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></td>
                                                            <td><input type="text" name="uom[]" class="form-control uom" value="{{ $item->unit_name}}" readonly></td>
                                                        </tr>
                                                       @endforeach

                                                         @php
                                                             $netbillamount = $baseamount + $totalgst + $forwarding + $forwarding_gst - $discount;
                                                         @endphp

                                                    </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 class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">GST @ 5%:</label>
                                                <input type="number" name="gst_5" class="form-control" value="{{ number_format($gst_5, 2, '.', '') }}" readonly>
                                            </div>
                                            <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">GST @ 12%:</label>
                                                <input type="number" name="gst_12" class="form-control" value="{{ number_format($gst_12, 2, '.', '') }}" readonly>
                                            </div>
                                            <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">GST @ 18%:</label>
                                                <input type="number" name="gst_18" class="form-control" value="{{ number_format($gst_18, 2, '.', '') }}" readonly>
                                            </div>
                                            <div class="d-flex align-items-center">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">GST @ 28%:</label>
                                                <input type="number" name="gst_28" class="form-control" value="{{ number_format($gst_28, 2, '.', '') }}" readonly>
                                            </div>
                                        </div>
                                        <div class="col-lg-4">
                                            <div class="d-flex align-items-center mb-3">
                                                <label class="form-label me-2 mb-0" style="white-space: nowrap;">Total Amount:</label>
                                                <input type="number" name="total_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;">Discount Amount:</label>
                                                <input type="number" name="discount" class="form-control discount" value="{{ number_format($discount, 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;">Forwarding GST:</label>
                                                <input type="number" name="forwarding_gst" class="form-control forwarding_gst" value="{{ number_format($forwarding_gst, 2, '.', '')}}" 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="{{ number_format($totalgst, 2, '.', '')}}" 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="{{ number_format($netbillamount, 2, '.', '') }}" readonly>
                                            </div>
                                        </div>

                                       
                                        
                                    </div>

                                    
                                   

                               

                                </div>
                            </div>
                        </div>
                    </div>
                </div><br>
                <div class="col-lg-12">
                    <div class="btn-addproduct mb-4">
                        <button type="button" class="btn btn-cancel me-2">Cancel</button>
                        <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...";
        }
    });
    

  
    $('#customer_id').select2({
        placeholder: "Select Customer",   
        allowClear: true,
		search:true,
		          
    });

  
        
});


function updateGstType() {
    var gstNo = $('input[name="gst"]').val(); 
    var gstTypeField = $('input[name="gst_type"]');

    if (gstNo && gstNo !== '') {
        if (gstNo.startsWith('27')) {
            gstTypeField.val('CGST + SGST');
        } else {
            gstTypeField.val('IGST');
        }
    } else {
        gstTypeField.val('');
    }
}


$(document).ready(function() {
    updateGstType(); 

    $('#customer_id').on('change', function() {
        var gstNo = $('#customer_id option:selected').data('gst') || '';
        $('input[name="gst"]').val(gstNo); 
        updateGstType(); 
    });
});


</script>