@extends('layouts.room-booking-master')
@section('css')
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css" />
    <!--datatable responsive css-->
    <link href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" rel="stylesheet"
        type="text/css" />
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <style>
        .filepond--root,
        .filepond--drop-label.filepond--drop-label label {
            cursor: pointer !important;
        }

        .booked-slot-bx {
            width: 100%;
            height: 100%;
            border-radius: 5px;
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
            padding: 15px 15px;
            display: flex;
            background-color: #ffffff;
            border: 1px solid #e7e7e7;
            align-items: start;
            justify-content: center;
            text-align: center;
        }

        .table>:not(caption)>*>* {
            padding: .75rem 1px !important;
        }
       tbody, td, tfoot, th, thead, tr {
           border: none !important;
       }
    </style>
@endsection
{{-- @section('title')
@endsection --}}

@section('content')
    @component('admin.room-booking.breadcrumb')
        @slot('li_1')
            Room Booking
        @endslot
        @slot('title')
            @isset($accountingVoucher)
                Edit
            @else
                Generate
            @endisset
            Invoice
        @endslot
    @endcomponent
    <div class="col-lg-12 ">
       
        <div class="card-body card" style="margin-bottom: 0px;">
            <div class="card-header d-flex phcl-flx gap-2" style="justify-content: space-between;">
                <button type="button" class="bookedSlotButton"
                    style="border: none; background-color: transparent; cursor: context-menu;">
                    <div class="booked-slot-bx" style="flex-direction: column;">
                        <div>
                            <span style="color: #212121; font-weight: 600; padding-right: 4px; font-size: 15px;">Customer :</span>
                            <span style="font-size: 14px; font-weight: 800;"> {{ $roomBooking->customer->name }} {{ $roomBooking->customer->ledger_id ? '(Credit Party)' : '' }} </span>
                        </div>
                        @isset($totalAdvanceAmount)
                            <div>
                                <span style="color: #212121; padding-right: 4px; font-size: 15px;">Total Room Advance Amount :</span>
                                <span style="font-size: 14px; font-weight: 800;">{{ $totalAdvanceAmount }}</span>
                            </div>
                            @foreach ($extraHours as $key => $extraHour)
                                @php
                                    $stockItem = App\Models\StockItem::where('id', $key)->first();
                                @endphp
                                <div>
                                    <span style="color: #212121; padding-right: 4px; font-size: 15px;">{{ $stockItem->name }} Extra Hours :</span>
                                    <span style="font-size: 14px; font-weight: 800;">{{ $extraHour }} </span>
                                </div>
                            @endforeach
                        @endisset
                    </div>
                </button>
                 <div class="phcl-flx-btns">
                <button class="btn btn-primary waves-effect waves-light" id="quickReceiptBtn" data-id="{{ $roomBooking->id }}" style="margin-right: 10px;"> Quick Receipt</button>
                <a href="/admin/room-booking" class="btn btn-soft-primary waves-effect waves-light"><i class="las la-arrow-left"></i> Back</a>
            </div>
            </div>
        </div>
        @isset($accountingVoucher)
            <form action="/admin/room-booking-invoice/{{ $roomBooking->id }}" method="post" id="roomBookingInvoiceUpdate"
                enctype="multipart/form-data">
                @method('put')
                <input type="text" name="accounting_voucher_id" value="{{ $accountingVoucher->id }}" hidden>
            @else
                <form action="/admin/room-booking-invoice" method="post" id="generateInvoiceForm"
                    enctype="multipart/form-data">
                    @method('post')
                @endisset
                @csrf
                <input type="text" name="room_booking_id" value="{{ isset($roomBooking) ? $roomBooking->id : '' }}"
                hidden>
                <input type="text" name="totalExtraHours" value="{{ $totalExtraHours ?? '' }}" hidden>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="card mb-4">
                            <div class="card-body">
                                @isset($accountingVoucher)
                                    billedit
                                @else
                                    @if (count($roomBookingItems) > 0)
                                        <div class="table-responsive mb-3">
                                            <table class="table align-middle">
                                                <thead>
                                                    <tr>
                                                        <th>Room</th>
                                                        <th>Quantity</th>
                                                        <th>Price</th>
                                                        <th>Discount</th>
                                                        <th>Tax Amount</th>
                                                        <th>Total Amount</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="appendRow">
                                                    @foreach ($roomBookingItems as $index => $bookingItem)
                                                        @php
                                                            $from = \Carbon\Carbon::parse($bookingItem->from_date);
                                                            $to = \Carbon\Carbon::parse($bookingItem->to_date);
                                                            $diffInDays = max(1, $from->diffInDays($to));
                                                            // $diffInDays = $from->diffInDays($to);
                                                            // $diffInDays = round($from->floatDiffInRealHours($to) / 24, 2);
                                                        @endphp

                                                        <tr id="main_item_{{ $index + 1 }}">
                                                            <td>
                                                                <input type="text" value="{{ $bookingItem->stockItems->name }}" class="form-control" readonly>
                                                                <input type="text" name="item[]" value="{{ $bookingItem->stock_item_id }}" hidden>
                                                                {{-- <input type="text" name="quantity[]" id="qty_{{ $index + 1 }}" value="1" > --}}
                        
                                                                <input type="text" name="roomIds[]" value="{{ $bookingItem->id }}" hidden>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control" name="quantity[]" id="qty_{{ $index + 1 }}"
                                                                    value="{{ $diffInDays }}"readonly>
                                                                    {{-- value="{{ $bookingItem->stockItems->baseStockItemUnit->unit_qty }}"readonly> --}}
                                                            </td>
                                                            <td>
                                                                <input type="number" class="form-control unit_selling_price" name="price[]" id="price_{{ $index + 1 }}"
                                                                    value="{{ $bookingItem->price ?? '' }}" placeholder="Enter price">
                                                                <input class="form-control" name="gross_value[]" id="gross_value_{{ $index + 1 }}" type="text" hidden>
                                                                <input class="form-control" name="taxable_value[]" type="text" id="taxable_value_{{ $index + 1 }}" hidden>
                                                            </td>
                                                            <td>
                                                                <input type="number" class="form-control discount-input" name="discount[]" id="item_discount_{{ $index + 1 }}" placeholder="Enter discount">
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control" name="item_gst[]" value="{{ $bookingItem->stockItems->gst ?? 0 }}" id="item_gst_{{ $index + 1 }}" hidden>
                                                                <input type="text" class="form-control" name="tax[]" id="tax_{{ $index + 1 }}" readonly>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control" name="item_total[]" id="item_total_{{ $index + 1 }}" readonly>
                                                            </td>
                                                           
                                                            <td>
                                                                <input type="text" name="remarks[]" value="{{ isset($extraHours[$bookingItem->stock_item_id]) ? $extraHours[$bookingItem->stock_item_id] : ''  }}" class="form-control" id="" hidden>
                                                            </td>
                                                          
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                                {{-- Room addon items --}}
                                                @if ($roomBookingUsedItems->count() > 0 && $roomBookingUsedItems != null)
                                                    <tbody id="usedItemAppendRow">
                                                        @foreach ($roomBookingUsedItems as $index => $usedItem)
                                                            <tr id="used_row_{{ $index + 1 }}">
                                                                <td style="border: none;">
                                                                    <input type="text" value="{{ $usedItem->stockItem->name }}" class="form-control" readonly>
                                                                    <input type="text" name="item[]" value="{{ $usedItem->stock_item_id }}" hidden>
                                                                </td>
                                                                <td style="border: none;">
                                                                    <input type="number" class="form-control" name="quantity[]" id="used_item_qty_{{ $index + 1 }}" value="{{ $usedItem->total_quantity ?? '' }}" readonly>
                                                                </td>
                                                                <td style="border: none;">
                                                                    <input type="number" name="price[]" class="form-control used_item_price" id="used_item_price_{{ $index + 1 }}"
                                                                        value="{{ $usedItem->stockItem->baseStockItemUnit->unit_selling_price ?? '' }}" placeholder="Enter price">
                                                                    <input type="text" class="form-control" name="gross_value[]"  id="used_item_gross_value_{{ $index + 1 }}" hidden>
                                                                    <input type="text" class="form-control" name="taxable_value[]" id="used_item_taxable_value_{{ $index + 1 }}" hidden>
                                                                </td>
                                                                <td>
                                                                    <input type="number" class="form-control used-item-discount" name="discount[]" id="used_item_discount_{{ $index + 1 }}" placeholder="Enter discount">
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control" name="item_gst[]" value="{{ $usedItem->stockItem->gst ?? 0 }}" id="used_item_gst_{{ $index + 1 }}"
                                                                        hidden>
                                                                    <input class="form-control" name="tax[]" type="text" id="used_item_tax_{{ $index + 1 }}" readonly>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control" name="item_total[]" id="used_item_total_{{ $index + 1 }}" readonly>
                                                                </td>
                                                                
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                @endif
                                                {{-- Additional room rent --}}
                                                @if ($totalExtraAmount > 0 && $additionalRoomItems != null)
                                                    <tr>
                                                        <td>
                                                            <input type="text" value="{{ $additionalRoomItems->name ?? '' }}"id="additionalRoomRentItem" class="form-control" readonly>
                                                            <input type="text" value="{{ $additionalRoomItems->id ?? '' }}" name="item[]" id="additionalRoomRentItem" class="form-control" hidden>
                                                        </td>
                                                        <td>
                                                            <input type="number" class="form-control" name="quantity[]" value="{{ $additionalRoomItems->baseStockItemUnit->unit_qty ?? '' }}" id="add-room-rent-qty" placeholder="quantity">
                                                        </td>
                                                        <td>
                                                            <input type="number" class="form-control" name="price[]" value="{{ $totalExtraAmount }}" id="add-room-rent-price" placeholder="price">
                                                            <input type="text" class="form-control" name="gross_value[]" id="add-room-rent-gross-value" hidden>
                                                            <input type="text" class="form-control" name="taxable_value[]"  id="add-room-rent-taxable-value" hidden>
                                                        </td>
                                                        <td>
                                                            <input type="number" class="form-control"name="discount[]" id="add-room-rent-discount" placeholder="Enter discount">
                                                        </td>
                                                         <td>
                                                            <input type="text" class="form-control" name="item_gst[]" value="{{ $additionalRoomItems->gst ?? 0 }}" id="add-room-rent-gst" hidden>
                                                            <input class="form-control" name="tax[]" type="text" id="add-room-rent-tax" readonly>
                                                        </td>
                                                        <td>
                                                            <input class="form-control" name="item_total[]" id="add-room-rent-item-total" type="text" readonly>
                                                        </td>
                                                        
                                                    </tr>
                                                @endif
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td><p style="text-align: end; font-weight: bold; font-size: 14px;">Total</p></td>
                                                    <td><p id="total_amount" style="padding: .5rem .9rem; font-size: 15px; font-weight: bold;"></p></td>
                                                </tr>

                                                {{-- @if ($roomBookingUsedItems->count() > 0 && $roomBookingUsedItems != null)
                                                    <tr>
                                                        <td style="border: none; padding-bottom: 0px !important;" colspan="3">
                                                            <p style="font-weight: 800;"> AddON Grand Total :&nbsp; 
                                                            <input type="text" name="used_addon_total" id="used_addon_total" style="border: none; outline: none; font-weight: 800;" readonly></p>
                                                        </td>
                                                    </tr>
                                                @endif --}}
                                                <tr>
                                                    <td colspan="5" style="padding-top: 0px !important;">
                                                        <p style="font-weight: 800; margin: 0px;">Round Off :&nbsp;
                                                            <span id="round-off"></span>
                                                        </p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="5" style="padding-top: 0px !important;">
                                                        <p style="font-weight: 800;">Grand Total :&nbsp;
                                                            <input type="text" name="grand_total" id="grand-total-amt" style="border: none; outline: none; font-weight: 800;" readonly>
                                                        </p>
                                                    </td>
                                                </tr>

                                            </table>

                                        </div>
                                    @endif
                                @endisset

                                <br>
                                {{-- @dd($accountingVoucher) --}}
                                <div class="col-md-12 d-flex justify-content-end gap-2" style="padding: 0px 38px 10px 0px;">
                                    <button class="btn text-white btn-primary" id="invoiceSubmitBtn" type="submit" style="width: 100px;">
                                        @isset($accountingVoucher)
                                            Update
                                        @else
                                            Submit
                                        @endisset
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </div>
    {{-- QuickReceipt Modal --}}
    <div class="modal fade" id="quickReceiptModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="d-flex justify-content-between" style="width: 90%;">
                        <h5 class="modal-title" id="exampleModalLabel">Quick Receipt</h5>
                    </div>

                    <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <form action="/admin/room-booking-receipts" method="post" id="quickReceiptForm" enctype="multipart/form-data">
                    @csrf
                    <input type="text" name="room_booking_id" id="roomBookingId" hidden>

                    <div class="modal-body" style="padding-top: 0px;">
                        <div class="row gx-3 mb-3 mt-3">
                            {{-- <div class="col-md-12 mb-3">
                                <label class="small mb-1" for="paymentMode">Cost Center</label>
                                <select name="cost_center" class="form-control paymentMode" id="costCenter" required>
                                    <option value="">Select Cost Center</option>
                                    @foreach ($costCenters as $costCenter)
                                        <option value="{{ $costCenter->id }}">{{ $costCenter->name }}</option>
                                    @endforeach
                                  
                                </select>
                            </div> --}}
                            <div class="col-md-12 mb-3">
                                <label class="small mb-1" for="paymentMode">Account(Dr)</label>
                                <select name="payment_ledger" class="form-control " id="paymentLedger" required>
                                    <option value="">Select Account</option>
                                    @foreach ($PaymentLedgers as $PaymentLedger)
                                        <option value="{{ $PaymentLedger->id }}">{{ $PaymentLedger->name }}</option>
                                    @endforeach

                                </select>
                            </div>
                            <div class="col-md-12">
                                <label class="small mb-1" for="inputFirstName">Amount</label>
                                <input class="form-control" name="amount" type="text" id="receiptAmount"
                                    placeholder="Enter Amount" required />
                            </div>
                            <div class="col-md-12 mt-3 mb-3 ">
                                <label class="small mb-1" for="inputFirstName">Voucher Date</label>
                                <input class="form-control" name="date" type="date" placeholder="Enter Date"
                                    value="{{ date('Y-m-d') }}" required />
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer"><button class="btn btn-primary" type="button"
                            data-bs-dismiss="modal">Close</button>
                        <button class="btn btn-primary" id="quickReceiptSubmit" type="submit">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.html5.min.js" type="text/javascript"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.2/js/buttons.print.min.js" type="text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script>
        let append_row = '#appendRow';
        let used_row = '#usedItemAppendRow';
        $(document).ready(function() {
            calculateSum();
            FilePond.registerPlugin(
                // encodes the file as base64 data
                FilePondPluginFileEncode,
                // validates the size of the file
                FilePondPluginFileValidateSize,
                // corrects mobile image orientation
                FilePondPluginImageExifOrientation,
                // previews dropped images
                FilePondPluginImagePreview
            );
            $('.filepondSingle').filepond({
                credits: false,
                multiple: false,
            });

        }); // end of document ready

        function calculateSum() {
            let grandTotal = 0;
            let complimentaryGrandTotal = 0;
            // calculating additional room rent
            let additionalRoomRentPrice = parseFloat($('#add-room-rent-price').val()) || 0;
            let additionalRoomGrossValue = $('#add-room-rent-gross-value');
            let additionalRoomTax = $('#add-room-rent-tax');
            let additionalRoomTaxableValue = $('#add-room-rent-taxable-value');
            let additionalRoomQty = parseFloat($('#add-room-rent-qty').val()) || 0;
            let additionalRoomRentDisc = parseFloat($('#add-room-rent-discount').val()) || 0;
            let additionalRoomGst = $('#add-room-rent-gst');
            let additionalRoomItemTotal = $('#add-room-rent-item-total');

            let addRoomRentGrossValueAmt = 0;
            let addRoomRentTaxableAmt = 0;
            let addRoomRentTaxAmt = 0;

            addRoomRentGrossValueAmt = (parseFloat(additionalRoomRentPrice) || 0) * (parseFloat(additionalRoomQty) || 0);
            addRoomRentTaxableAmt = addRoomRentGrossValueAmt - (parseFloat(additionalRoomRentDisc) || 0);
            addRoomRentTaxAmt = addRoomRentTaxableAmt * (parseFloat(additionalRoomGst.val()) || 0) / 100;
            
            additionalRoomGrossValue.val(addRoomRentGrossValueAmt.toFixed(3));
            additionalRoomTaxableValue.val(addRoomRentTaxableAmt.toFixed(3));
            additionalRoomTax.val(addRoomRentTaxAmt.toFixed(3));
            additionalRoomItemTotal.val((addRoomRentTaxableAmt + addRoomRentTaxAmt).toFixed(3));
            grandTotal += parseFloat(addRoomRentTaxableAmt + addRoomRentTaxAmt);

            
            


            // addon items calculation
            $(used_row + ' > tr').each(function() {

                console.log('used_row' + this.id);
                var usedRowId = this.id.match(/\d+/);
                if (!usedRowId) return;
                // used item containers
                let complimentaryPrice = parseFloat($('#used_item_price_' + usedRowId).val()) || 0;
                let usedItemGrossValue = $('#used_item_gross_value_' + usedRowId);
                let usedItemTax = $('#used_item_tax_' + usedRowId);
                let usedItemTaxableValue = $('#used_item_taxable_value_' + usedRowId);
                let usedItemQty = parseFloat($('#used_item_qty_' + usedRowId).val()) || 0;
                let usedItemDiscAmt = parseFloat($('#used_item_discount_' + usedRowId).val()) || 0;
                let usedItemGst = $('#used_item_gst_' + usedRowId);
                let usedItemTotal = $('#used_item_total_' + usedRowId);

                let complementaryGrossValueAmt = 0;
                let complementaryTaxableAmt = 0;
                let complementaryTaxAmt = 0;

                complementaryGrossValueAmt = complimentaryPrice * usedItemQty;
                complementaryTaxableAmt = complementaryGrossValueAmt - usedItemDiscAmt;
                complementaryTaxAmt = complementaryTaxableAmt * usedItemGst.val() / 100;

                usedItemGrossValue.val(complementaryGrossValueAmt.toFixed(3));
                usedItemTaxableValue.val(complementaryTaxableAmt.toFixed(3));
                usedItemTax.val(complementaryTaxAmt.toFixed(3));

                usedItemTotal.val((complementaryTaxableAmt + complementaryTaxAmt).toFixed(3));
                complimentaryGrandTotal += parseFloat(complementaryTaxableAmt + complementaryTaxAmt);

            });

            // room items calculation
            $(append_row + ' > tr').each(function() {
                // console.log('append_row' + this.id);
                var rowId = this.id.match(/\d+/);
                if (!rowId) return;
                let price = parseFloat($('#price_' + rowId).val()) || 0;
                let grossValue = $('#gross_value_' + rowId);
                let tax = $('#tax_' + rowId);
                let taxableValue = $('#taxable_value_' + rowId);
                let qty = parseFloat($('#qty_' + rowId).val()) || 0;
                let disc_amt = parseFloat($('#item_discount_' + rowId).val()) || 0;
                let itemGst = $('#item_gst_' + rowId);
                let itemTotal = $('#item_total_' + rowId);

                let grossValueAmt = 0;
                let taxableAmt = 0;
                let taxAmt = 0;

                grossValueAmt = price * qty;
                taxableAmt = grossValueAmt - disc_amt;
                taxAmt = taxableAmt * itemGst.val() / 100;

                grossValue.val(grossValueAmt.toFixed(3));
                taxableValue.val(taxableAmt.toFixed(3));
                tax.val(taxAmt.toFixed(3));

                itemTotal.val((taxableAmt + taxAmt).toFixed(3));
                grandTotal += parseFloat(taxableAmt + taxAmt);

            });
            // additionalRoomTotal = parseFloat(additionalRoomRentPrice) - parseFloat(additionalRoomRentDisc);
            // grandTotal += additionalRoomTotal;
            grandTotal += complimentaryGrandTotal;
            $('#total_amount').html(grandTotal.toFixed(3));
            let roundOff = Math.round(grandTotal) - grandTotal;
            $('#round-off').html(roundOff.toFixed(3));
            $('#grand-total-amt').val(Math.round(grandTotal.toFixed(3)));

        }
        $(document).on('keyup',
            '.discount-input, .unit_selling_price, .used_item_price, .used-item-discount, #add-room-rent-price, #add-room-rent-discount',
            function() {
                var rowId = $(this).closest('tr').attr('id');
                calculateSum();
            });

        $('#generateInvoiceForm').on('submit', function(e) {
            e.preventDefault();
            $('#invoiceSubmitBtn').prop('disabled', true);
            var url = $(this).attr('action');
            var formData = new FormData(this);
            $.ajax({
                url: url,
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                success: function(response) {
                    console.log(response);
                    if (response.status == true) {
                        $('#invoiceSubmitBtn').prop('disabled', false);
                        Swal.fire({
                            icon: 'success',
                            text: response.message,
                            showConfirmButton: true
                        }).then((result) => {
                            location.href = '/admin/room-booking';
                        });
                    } else {
                        $('#invoiceSubmitBtn').prop('disabled', false);
                        Swal.fire({
                            icon: 'warning',
                            text: response.message || 'Something went wrong'
                        });
                    }
                },
                error: function(data) {
                    response = JSON.parse(data.responseText);
                    $('#invoiceSubmitBtn').prop('disabled', false);
                    Swal.fire({
                        html: response.message || 'Something went wrong',
                        icon: 'warning',
                        confirmButtonText: 'Ok'
                    });
                }
            });
        });
        // room booking invoice update
        $('#roomBookingInvoiceUpdate').on('submit', function(e) {
            e.preventDefault();
            $('#invoiceSubmitBtn').prop('disabled', true);
            var url = $(this).attr('action');
            var formData = new FormData(this);
            $.ajax({
                url: url,
                type: "POST",
                data: formData,
                contentType: false,
                processData: false,
                success: function(response) {
                    if (response.status == true) {
                        $('#invoiceSubmitBtn').prop('disabled', false);
                        Swal.fire({
                            icon: 'success',
                            text: response.message
                        }).then((result) => {
                            if (result.isConfirmed) {
                                location.href = '/admin/room-booking';
                            }
                        });
                    } else {
                        $('#invoiceSubmitBtn').prop('disabled', false);
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: response.message || 'Something went wrong'
                        });
                    }
                },
                error: function(data) {
                    response = JSON.parse(data.responseText);
                    $('#invoiceSubmitBtn').prop('disabled', false);
                    Swal.fire({
                        html: response.message || 'Something went wrong',
                        icon: 'warning',
                        confirmButtonText: 'Ok'
                    });
                }
            });
        });
        $(document).on('click', '#quickReceiptBtn', function(e) {
            let id = $(this).data('id');
            $('#roomBookingId').val(id);
            $('#quickReceiptModal').modal('show');
        });
        $('#paymentLedger').select2({
            placeholder: 'Select ledger',
            dropdownParent: $('#quickReceiptModal')
        });
        $('#quickReceiptForm').submit(function(e) {
            e.preventDefault();
            var formData = new FormData(this);
            var url = $(this).attr('action');
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                dataType: 'json',
                contentType: false,
                processData: false,
                success: function(response) {
                    if (response.status == true) {
                        $('#quickReceiptModal').modal('hide');
                        $('#quickReceiptForm')[0].reset();
                        $('#paymentLedger').val('').trigger('change');
                        $('#dataTable').DataTable().ajax.reload(null, false);
                        // $('#paymentLedger').val('').trigger('change');
                        // $('#receiptAmount').val('');
                        Swal.fire({
                            icon: 'success',
                            title: 'Success',
                            text: response.message,
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            location.reload();
                        });
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: response.message,
                            confirmButtonText: 'Ok'
                        });
                    }
                },
                error: function(data) {
                    response = JSON.parse(data.responseText);
                    Swal.fire({
                        html: response.message || 'Something went wrong',
                        icon: 'warning',
                        confirmButtonText: 'Ok'
                    });
                }
            });
        });
    </script>
@endsection