@extends('layouts.master')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/css/alertify.css"
        integrity="sha512-MpdEaY2YQ3EokN6lCD6bnWMl5Gwk7RjBbpKLovlrH6X+DRokrPRAF3zQJl1hZUiLXfo2e9MrOt+udOnHCAmi5w=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/css/themes/bootstrap.min.css"
        integrity="sha512-6xVTeh6P+fsqDhF7t9sE9F6cljMrK+7eR7Qd+Py7PX5QEVVDLt/yZUgLO22CXUdd4dM+/S6fP0gJdX2aSzpkmg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <style>
        .alertify .ajs-footer .ajs-buttons .ajs-ok {
            background-color: #28a745;
            /* Green */
            color: #fff;
            border-radius: 6px;
            padding: 6px 14px;
            font-weight: bold;
            border: none;
            transition: background 0.2s;
        }

        .alertify .ajs-footer .ajs-buttons .ajs-ok:hover {
            background-color: #218838;
            /* Darker green */
        }

        /* Cancel Button */
        .alertify .ajs-footer .ajs-buttons .ajs-cancel {
            background-color: #dc3545;
            /* Red */
            color: #fff;
            border-radius: 6px;
            padding: 6px 14px;
            font-weight: bold;
            border: none;
            transition: background 0.2s;
        }

        .alertify .ajs-footer .ajs-buttons .ajs-cancel:hover {
            background-color: #c82333;
            /* Darker red */
        }

        .error {
            color: red;
        }

        table tr td .stock-item+.select2-container {
            min-width: 230px !important;
            max-width: 250px !important;
        }

        table tr td .ledger-select+.select2-container {
            min-width: 230px !important;
            max-width: 250px !important;
        }

        table tr td .unit_change+.select2-container {
            min-width: 80px !important;
        }

        .form-input-box {
            text-align: center !important;
            height: 36px !important;
            padding: 0px !important;
        }

        .min-width50 {
            min-width: 50px !important;
        }

        .min-width60 {
            min-width: 60px !important;
        }

        .select2-container *:focus {
            outline: solid 1px #405189 !important;
        }

        input:focus {
            border-color: #405189 !important;
        }
        .card {
    border: 1px solid #d0e3ff;
    background-color: #f8fbff;
}
    .card-header {
        background-color: #e6f0ff;
        border-bottom: 1px solid #cce0ff;
    }
    .form-label {
        font-weight: 500;
        color: #2b4f81;
    }
    .showHide {
        display: none;
    }
    /* .modal-content {
        overflow: visible;
    } */
    /* .modal-body {
        max-height: 80vh;
        overflow-y: auto;
    } */
    </style>
    </style>
    @include('admin.stock-items.create-modal-css')
    @include('admin.ledger.create-modal-css')
@endsection
@section('title')
    Purchase
@endsection
@section('content')
    <main>
        <form action="/admin/purchase" method="POST" id="accounting-voucher" autocomplete="off" class="needs-validation"
            novalidate>
            @csrf
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header d-flex align-items-center">
                            <h5 class="card-title mb-0 flex-grow-1">
                                Add Purchase
                            </h5>
                            <div>
                                <a href="/admin/purchase-accounts/create" class="btn btn-primary">Accounts Only</a>
                            </div>
                        </div>
                        <div class="card-body voucher_details">
                            <div class="row mb-2">
                                <div class="col-lg-2">
                                    <label for="nameInput" class="form-label">Voucher Number</label>
                                    <div class="input-group">
                                        @if ($voucherType->prefix != null)
                                            <span class="input-group-text"
                                                id="inputGroup-sizing-sm">{{ $voucherType->prefix }}</span>
                                        @else
                                            <span class="input-group-text" id="inputGroup-sizing-sm"
                                                style="display: none;"></span>
                                        @endif
                                        <input type="text" class="form-control" style="background: lightgrey;"
                                            name="voucher_number" id="voucher-number" value="" readonly>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <label class="form-label">Voucher Type</label>
                                    <select class="form-select" id="voucher-type" name="voucher_type_id"
                                        onchange="changeVoucherType()" required tabindex="1">
                                        <option value="">Select voucher type</option>
                                    </select>
                                </div>
                                <div class="col-lg-2">
                                    <label class="form-label">Voucher Date</label>
                                    <input type="date" class="form-control datepicker" id="voucher-date"
                                        value="{{ date('Y-m-d') }}" name="voucher_date" tabindex="2">
                                </div>
                            {{-- </div>
                            <div class="row mb-3"> --}}
                                <div class="col-lg-2" id="purchase-ledger">
                                    <label class="form-label">Purchase Ledger (Dr)</label>
                                    <select class="form-select" id="account" name="debit_ledger_id"
                                        onchange="fetchAccountItemData(true)" required>
                                        <option value="">Select ledger</option>
                                    </select>
                                </div>
                                <div class="col-lg-2">
                                    <label class="form-label">Party (Cr)</label>
                                    <select class="form-select" id="party" name="credit_ledger_id"
                                        onchange="fetchPartyItemData(true)" required>
                                        <option value="">Select ledger</option>
                                    </select>
                                </div>
                                <div class="col-lg-2">
                                    <label class="form-label">Tax Type</label>
                                    <select class="form-select" id="tax-type" name="tax_type">
                                        <option value="1" selected>IntraState</option>
                                        <option value="0">InterState (IGST)</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-2" style="@if ($companyProfile->show_location == 0) display: none; @endif ">
                                    <label class="form-label">Stock Location</label>
                                    <select class="form-select" id="stock-location" name="stock_location_id" required>
                                        <option value="">Choose stock location</option>
                                        @if (isset($defaultStockLocation) && $defaultStockLocation != null)
                                            <option value="{{ $defaultStockLocation->id }}" selected>
                                                {{ $defaultStockLocation->name }}
                                            </option>
                                        @endif
                                    </select>
                                </div>
                                <div class="col-lg-2">
                                    <label class="form-label">Supplier Invoice No</label>
                                    <input type="text" class="form-control" id="supplier_invoice_no"
                                        name="supplier_invoice_no">
                                </div>
                                <div class="col-lg-2">
                                    <label class="form-label">Supplier Invoice Date</label>
                                    <input type="date" class="form-control" id="supplier_invoice_date"
                                        name="supplier_invoice_date">
                                </div>
                                {{-- </div>
                            <div class="row mb-3"> --}}
                                @if ($companyProfile->show_cost_center == 1)
                                    <div class="col-lg-2">
                                        <label class="form-label">Cost Center</label>
                                        <select class="form-select" id="cost-center" name="cost_center_id">
                                            <option value="">Select Cost Center</option>
                                            @foreach ($costCenters as $costCenter)
                                                <option value="{{ $costCenter->id }}"
                                                    {{ isset($accountingVoucher) ? ($accountingVoucher->cost_center_id == $costCenter->id ? 'selected' : '') : '' }}>
                                                    {{ $costCenter->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                                <div class="col-lg-2">
                                    <label for="nameInput" class="form-label">Remarks</label>
                                    <textarea class="form-control" name="remarks" id="remarks" rows="2" placeholder="Enter remarks"></textarea>
                                </div>
                                {{-- <div class="col-lg-1">
                                    <label class="form-label">Without GST</label>
                                    <div class="form-check form-switch">
                                        <input class="form-check-input" type="checkbox" id="without-gst"
                                            name="without_gst" value="1" onchange="toggleGst()">
                                    </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
           <div class="row" id="item-section-search">
                <div class="col-lg-12">
                    <div class="card shadow-sm">
                        <div class="card-header py-2 d-flex align-items-center">
                            <h6 id="item-heading" class="card-title mb-0 flex-grow-1">Add Items</h6>
                        </div>
                        <div class="card-body py-2">
                            <div class="row g-2 align-items-end">
                                <div class="col-md-2">
                                    <label class="form-label mb-1">Collection</label>
                                    <select class="form-select " id="collection" name="collection" >
                                        <option value="">Choose</option>
                                    </select>
                                </div>
                                <div class="col-md-8 d-flex" id="category-groups-section">
                                </div>
                            </div>

                            <div class="row g-2 align-items-end mt-2">
                                <div class="col-md-2">
                                    <label class="form-label  mb-1">Item</label>
                                    <select class="form-select" id="search_item" name="search_item">
                                        <option value="">Select</option>
                                    </select>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Qty</label>
                                    <input type="number" class="form-control" id="search_qty" name="search_qty" value="1">
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Unit</label>
                                    <select class="form-select" id="search_unit" name="search_unit" >
                                        <option value="">Unit</option>
                                    </select>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Price Exc</label>
                                    <input type="number" class="form-control " id="search_price" name="search_price">
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Price Inc</label>
                                    <input type="number" class="form-control " id="search_price_inc" name="search_price_inc" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Gross</label>
                                    <input type="number" class="form-control " id="search_gross_value" name="search_gross_value" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Disc Amt</label>
                                    <input type="number" class="form-control " id="search_discount" name="search_discount">
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Disc %</label>
                                    <input type="number" class="form-control " id="search_discount_per" name="search_discount_per" >
                                </div>
                            {{-- </div>
                            <div class="row g-2 align-items-end mt-2"> --}}
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Taxable</label>
                                    <input type="hidden" name="search_cess_per" id="search_cess_per">
                                    <input type="hidden" name="search_gst_per" id="search_gst_per">
                                    <input type="number" class="form-control " id="search_taxable_value" name="search_taxable_value" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Tax</label>
                                    <input type="number" class="form-control " id="search_tax" name="search_tax" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Total</label>
                                    <input type="number" class="form-control " id="search_total" name="search_total" readonly>
                                </div>
                            </div>
                        </div>
                         <div class="row ps-3">
                            <div class="col-md-2 p-2 fw-bold">Mrp: <span id="search_mrp"></span></div>
                        </div>
                        <div class="col-md-12 text-end p-3">
                            <label class="form-label  mb-1"></label>
                            <button type="button" id="search_submit" class="btn btn-sm btn-primary">Add Item</button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header d-flex align-items-center">
                            <h5 id="item-heading" class="card-title mb-0 flex-grow-1"></h5>
                        </div>
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="table-responsive">
                                    <table>
                                        <thead id="appendHeadRow">
                                        </thead>
                                        <tbody id="appendRow">
                                        </tbody>
                                        <tfoot id="appendFootRow">
                                        </tfoot>
                                    </table>
                                    <div class="row">
                                        <div class="col-md-5">
                                            <div class="mb-1">
                                                <b>TCS :</b> <input type="checkbox" name="tcs" id="tcs">
                                                <div class="col-md-12" id="tcs_amount" style="font-size: 15px;"></div>
                                                <input type="hidden" name="tcsValue" value="">
                                            </div>
                                            <div class="mb-1">
                                                <b>Discount :</b> <input type="number" name="bill_discount"
                                                    class="billDiscount" id="bill-discount">
                                            </div>
                                            <div class="mb-1">
                                                <b>Freight/Etc :</b> <input type="number" name="freight" class="freight"
                                                    style="width: 153px;" value="" id="freight">
                                            </div>
                                            <table>
                                                <tr>
                                                    <td colspan="2" class="text-end"><button id="additionLedgerAdd"
                                                            type="button" class="btn btn-sm btn-info text-end"><i
                                                                class="las la-plus">Add</button></td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>
                                                <tbody id="additionLedgerRows" width="100%">
                                                    @isset($accountingVoucher)
                                                        @foreach ($accountingVoucher->accountingVoucherLedgers as $accountingVoucherLedger)
                                                            <tr id="{{ $loop->iteration }}"
                                                                class="additionalRow_{{ $loop->iteration }}">
                                                                <td>
                                                                    <select class="form-control additional-ledger"
                                                                        name="additional_ledger[]"
                                                                        id="addition_ledger_{{ $loop->iteration }}" required>
                                                                        <option value="">Select Ledger</option>
                                                                        <option
                                                                            value="{{ $accountingVoucherLedger->ledger_id }}"
                                                                            selected>
                                                                            {{ $accountingVoucherLedger->ledger->name }}
                                                                        </option>
                                                                    </select>
                                                                </td>
                                                                <td class="addition-ledger-amount-td">
                                                                    <input type="number"
                                                                        class="form-control addition-ledger-amount"
                                                                        name="additional_ledger_amount[]"
                                                                        id="addition_ledger_amount_{{ $loop->iteration }}"
                                                                        value={{ $accountingVoucherLedger->amount }}>
                                                                </td>
                                                                <td class="dr-cr-ledger-td">
                                                                    <select class="form-select dr_cr_ledger"
                                                                        style="width: 100px;" name="dr_cr_ledger[]"
                                                                        id="dr_cr_ledger_{{ $loop->iteration }}">
                                                                        <option value="Dr"
                                                                            {{ $accountingVoucherLedger->dr_or_cr == 'Dr' ? 'selected' : '' }}>
                                                                            Dr</option>
                                                                        <option value="Cr"
                                                                            {{ $accountingVoucherLedger->dr_or_cr == 'Cr' ? 'selected' : '' }}>
                                                                            Cr</option>
                                                                    </select>
                                                                </td>
                                                                <td>
                                                                    <button type="button" class="btn btn-sm btn-danger"
                                                                        onclick="removeAdditionLedgerRow({{ $loop->iteration }})"><i
                                                                            class="las la-minus"></i></button>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    @endisset
                                                </tbody>
                                            </table>
                                            <div class="d-flex mb-1">
                                                <div><b>Round Off : </b><input type="hidden" id="round-off-amt"
                                                        name="round_off"></div>
                                                <b>
                                                    <div id="round-off">
                                                        0.00
                                                    </div>
                                                </b>
                                            </div>
                                            <div class="d-flex mb-2">
                                                <div><b>Grand Total : </b><input type="hidden" id="grand-total-amt"
                                                        name="grand_total"></div>
                                                <b>
                                                    <div id="grand-total">
                                                        0.00
                                                    </div>
                                                </b>
                                            </div>
                                        </div>
                                        @if (Auth::user()->company_profile->show_previous_price_history == 1)
                                            <div class="col-md-5">
                                                <table class="table table-bordered">
                                                    <tr>
                                                        <th>Voucher Date</th>
                                                        <th>Voucher no</th>
                                                        <th>Qty</th>
                                                        <th>Unit</th>
                                                        <th>Price</th>
                                                        <th>Price(Inc GST)</th>
                                                        <th>Dis %</th>
                                                        <th>Dis Amt</th>
                                                        <th>Total</th>
                                                    </tr>
                                                    <tbody id="price-history-body">

                                                    </tbody>
                                                </table>
                                            </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row firsthidden_rows text-end">
                                <div class="col-md-12 text-right">
                                    <button type="button" class="btn btn-info" style="visibility: hidden" id="row_add"
                                        onclick="appendStockItemRow()"><i class="las la-plus"></i>Add</button>
                                    <button type="submit" id="submit-btn" class="btn btn-primary">Submit</button>
                                </div>
                            </div>
                            <small class="text-danger">* Stock is based on the base unit of the item</small>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </main>

    <div id="purchaseUpdatePriceModal" class="modal fade zoomIn" data-bs-keyboard="false" data-bs-backdrop="static"
        tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close close-update-price" data-bs-dismiss="modal"
                        aria-label="Close" id="btn-close"></button>
                </div>
                <div class="modal-body">
                    <div class="mt-2 text-center">
                        <input type="hidden" name="purchaseID" id="purchaseID" value="">
                        <div class="mt-4 pt-2 fs-15 mx-4 mx-sm-5">
                            <h4>Are you Sure ?</h4>
                            <p class="text-muted mx-4 mb-0">You want to update product purchase rate with this Purchase
                                rates?</p>
                        </div>
                    </div>
                    <div class="d-flex gap-2 justify-content-center mt-4 mb-2">
                        <button type="button" class="btn w-sm btn-light close-update-price"
                            data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn w-sm btn-primary" id="update-price">Yes, Update!</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal modal-lg fade" id="priceHistoryModal" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Last 5 Price History</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body" id="price-history" style="font-size: 14px; text-align: center">

                </div>
            </div>
        </div>
    </div>
    {{-- Print Modal --}}
    <div class="modal fade" id="printModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Print</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('purchase-item-print') }}" method="POST" class="tablelist-form"
                    autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <h5 class="modal-title">Do You Want to Print ?</h5>
                        <input type="hidden" name="selectedItem" id="selectedItem">
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Print</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @include('admin.stock-items.multiple-create-modal')
    {{-- @include('admin.ledger.create-modal') --}}
    {{-- @include('admin.purchase.cost_allocation_modal') --}}
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/css/alertify.css"
        integrity="sha512-MpdEaY2YQ3EokN6lCD6bnWMl5Gwk7RjBbpKLovlrH6X+DRokrPRAF3zQJl1hZUiLXfo2e9MrOt+udOnHCAmi5w=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/css/themes/bootstrap.min.css"
        integrity="sha512-6xVTeh6P+fsqDhF7t9sE9F6cljMrK+7eR7Qd+Py7PX5QEVVDLt/yZUgLO22CXUdd4dM+/S6fP0gJdX2aSzpkmg=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/mousetrap.min.js') }}"></script>
    @include('admin.stock-items.multiple-create-modal-script')
    {{-- @include('admin.ledger.create-modal-script') --}}
    {{-- @include('admin.purchase.cost_allocation_scripts') --}}
    <script>
        let withoutGst = false;
        let cost_center_required = false;
        let against_vouchers = {};
        Mousetrap.bind(['command+left', 'ctrl+left'], function() {
            var focusedElement = $(":focus");
            focusedElement.css("border", "1px solid #ced4da");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) - 1;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        $('#tax-type').select2({
            placeholder: 'Select Tax Type',
        })
        let printValue;

        $('#stock-location').select2({
            placeholder: 'Select Stock Location',
            ajax: {
                url: "/admin/get-stock-locations",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        var name = item.description != null ? item.name + ' (' + item.description +
                            ')' : item.name;
                        return {
                            id: item.id,
                            text: name,
                            selected: data.selected
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        const url = new URL(window.location.href);
        let itemIds = '';
        if (url.searchParams.has('item_ids')) {
            itemIds = url.searchParams.get('item_ids');
        }
        if (itemIds) {

            $.ajax({
                url: "/admin/get-purchase-voucher-types",
                type: "post",
                dataType: 'json',
                data: {
                    _token: '{{ csrf_token() }}',
                },
                success: function(response) {
                    // Process the data and populate Select2
                    var results = response.data.map(function(item) {
                        return {
                            id: item.id,
                            text: item.name,
                        };
                    });
                    $('#voucher-type').select2({
                        placeholder: 'Select Voucher Type',
                        allowClear: false,
                        data: results
                    });



                    @isset($accountingVoucher)
                    @else
                        // Pre-select the first option
                        $('#voucher-type').val(results[0].id).trigger('change');
                        $('#voucher-type').prop('tabindex', 1);
                    @endisset

                },
                error: function(err) {
                    console.error("Error loading data:", err);
                }
            });
        } else {
            $('#voucher-type').select2({
                placeholder: 'Select Voucher Type',
                ajax: {
                    url: "/admin/get-purchase-voucher-types",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            var name = item.description != null ? item.name + ' (' + item.description +
                                ')' : item.name;
                            return {
                                id: item.id,
                                text: name,
                            };
                        });

                        return {
                            results: results,
                            pagination: {
                                more: (params.page * data.per_page) < data.total
                            }
                        };
                    },
                    cache: true
                }
            });
        }
        $('#voucher-type').prop('tabindex', 1);
        $('#account').select2({
            placeholder: 'Select Ledger',
            ajax: {
                url: "/admin/get-purchase-debit-ledgers",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        var name = item.description != null ? item.name + ' (' + item.description +
                            ')' : item.name;
                        return {
                            id: item.id,
                            text: name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('#collection').select2({
            placeholder: 'Select Collection',
            ajax: {
                url: "/admin/get-item-collections",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        return {
                            id: item.id,
                            text: item.name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('#collection').prop('tabindex', 8);
        $('#collection').on('change', function() {
            resetSearch();
            $('#category-groups-section').html('');
            getCategoryGroups();
        })

        $('#party').select2({
            placeholder: 'Select Party',
            ajax: {
                url: "/admin/get-purchase-ledgers",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        var name = item.description != null ? item.name + ' (' + item.description +
                            ')' : item.name;
                        return {
                            id: item.id,
                            text: name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });

        $('.stock-item').select2({
            placeholder: 'Select item',
            ajax: {
                url: "/admin/get-stock-items",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                        is_from_purchase: true,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        var name = item.name;
                        if (item.purchase_price != null) {
                            name += ' (Rs. ' + item.purchase_price + ')';
                        }
                        if (item.description != null) {
                            name += ' (' + item.description + ')';
                        }
                        return {
                            id: item.id,
                            text: name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('.unit_change').select2();

        let saved = false;
        $(document).ready(function() {
            // $('#topnav-hamburger-icon').click();
            if ($(window).width() > 992) {
                $('#topnav-hamburger-icon').trigger('click');
            }

            totalQty();
            cost_center_required = '{{ $cost_center_required }}' == '1' ? true : false;
            $('#cost-center').select2({
                placeholder: 'Select Cost Center',
            });
            @if (!isset($accountingVoucher))

                @php
                    $items = [];
                    $itemIds = app('request')->query('item_ids');
                    $itemIdsArray = explode(',', $itemIds);
                    foreach ($itemIdsArray as $itemId) {
                        $item = \App\Models\StockItem::find($itemId);
                        if ($item) {
                            $items[$itemId] = $item->name;
                        }
                    }
                @endphp
                let items = {!! json_encode($items) !!};
                if (items.length == 0) {
                    // appendStockItemRow();
                }
                setTimeout(() => {
                        // for (let i = 0; i < Object.keys(items).length; i++) {
                        //     appendStockItemRow(items[Object.keys(items)[i]], Object.keys(items)[i]);
                        // }
                        $('#voucher-type').focus().select();
                        $('#voucher-type').select2('open');
                    @endif
                }, 300)
        });

        $('#accounting-voucher').validate({
            rules: {
                'voucher_number': {
                    required: true,
                },
                'voucher_date': {
                    required: true,
                },
                'amount': {
                    required: true,
                },
                'cost_center_id': {
                    required: function() {
                        return cost_center_required;
                    },
                },
            },
            messages: {
                'voucher_number': {
                    required: "Please enter voucher number",
                },
                'voucher_date': {
                    required: "Please select date",
                },
                'amount': {
                    required: "Please enter amount",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                calculateSum();
                $('#submit-btn').prop('disabled', true);
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    saved = true;
                                    console.log(data.data);
                                    printValue = data.data;
                                    $('#purchaseID').val(data.data);
                                    @if (Auth::user()->company_profile->quick_cost_allocation == 1)
                                        $('#accounting_voucher_id').val(data.data);
                                        $('#CostAllocationModal').modal('show');
                                    @else
                                        $('#purchaseUpdatePriceModal').modal('show');
                                    @endif
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                        $('#submit-btn').prop('disabled', false);
                    },
                    error: function(data) {
                        $('#submit-btn').prop('disabled', false);
                        if (data.status === 422) {
                            var message = data.responseJSON.message;
                            Swal.fire({
                                title: 'Error!',
                                text: message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        } else {
                            // Handle other error cases
                            console.log('Other Error:', data.responseText);
                        }
                    }
                });
            }
        });

        $("#purchaseUpdatePriceModal").on('hide.bs.modal', function() {
            $('#selectedItem').val(printValue);
            @if (Auth::user()->company_profile->direct_print_in_purchase == 1)
                $('#printModal').modal('show');
            @else
                window.location.href = "{{ route('purchase.create') }}";
            @endif

        });

        $("#printModal").on('hide.bs.modal', function() {
            window.location.href = "{{ route('purchase.create') }}";
        });

        $('#update-price').click(function(e) {
            e.preventDefault();
            var purchaseID = $('#purchaseID').val();
            $.ajax({
                type: "post",
                url: "/admin/update-purchase-price",
                data: {
                    _token: "{{ csrf_token() }}",
                    "purchaseID": purchaseID
                },
                success: function(response) {
                    if (response.status == 'success') {
                        Swal.fire({
                            title: 'Success!',
                            text: response.message,
                            icon: 'success',
                            confirmButtonText: 'Ok'
                        }).then((result) => {
                            $('#purchaseUpdatePriceModal').modal('hide');
                            // if (result.isConfirmed) {
                            // $('#selectedItem').val(printValue);
                            // $('#printModal').modal('show');
                            // }
                        });
                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        });
                    }
                }
            });
        });

        let append_row = '#appendRow';
        let ledgerAppend_row = '#additionLedgerRows';



        function setSn() {
            $('.purchase-sn').each(function(index) {
                $(this).html(index + 1);
            });
        }

        function fetchItemData(id, ledgerData) {
            let tabIndex = $('#item_' + id).prop('tabindex');
            var prd = $("#item_" + id).val();
            if (prd != "" && id != "") {
                $.ajax({
                    url: "{{ route('fetch-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd,
                        "ledgerData": ledgerData,
                        "location": $('#stock-location').val(),
                        "date": $('#voucher-date').val(),
                    },
                    success: function(data) {
                        if (data.ledger) {
                            $("#item_gst_" + id).val(data.gst_perc);
                            $("#cessPer_" + id).val(data.cess_perc);
                        } else {
                            $("#stock_" + id).html(data.stock);
                            $("#mrp_" + id).val(data.mrp);
                            $("#cessPer_" + id).val(data.cess);
                            $("#item_gst_" + id).val(data.gst);
                            $("#unit_change_" + id).html(data.options);
                            $('#unit_change_' + id + '').prop('tabindex', tabIndex + 2);
                            $("#purchase_price_exc_gst_" + id).val(data.purchase_price);
                        }
                        calculateSum();
                        handleFocus(id);
                        priceHistory(id);
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        };

        let oldDate = null

        document.getElementById("voucher-date").addEventListener("focus", function(e) {
            oldDate = e.target.value;
        });

        document.getElementById("voucher-date").addEventListener("change", function(e) {
            newDate = e.target.value;
            if ((newDate < '2025-09-22' && oldDate >= '2025-09-22') || (newDate >= '2025-09-22' && oldDate <
                    '2025-09-22')) {

                alertify.confirm('Revised Gst', 'Gst rate will be updated as per date',
                    function() {
                        $('#voucher-date').val(newDate);
                        fetchGstRate();
                    },
                    function() {
                        $('#voucher-date').val(oldDate);
                        fetchGstRate();
                    });
            }
        });

        function fetchGstRate() {
            $(append_row + ' > tr').each(function() {
                var input_id = this.id.match(/\d+/);
                var stock_item_id = $('#item_' + input_id).val();
                if (stock_item_id != null && stock_item_id != '') {
                    $.ajax({
                        type: "post",
                        url: "{{ route('fetch-gst-rate') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            "stock_item_id": stock_item_id,
                            "date": $('#voucher-date').val(),
                        },
                        success: function(response) {
                            $("#item_gst_" + input_id).val(response.gst);
                            $("#cessPer_" + input_id).val(response.cess);
                            calculateSum();
                        }
                    });
                }
            });
        }

        function purchaseChangeUnit(id) {
            let unit_id = $('#unit_change_' + id).val();
            let tabIndex = $('#item_' + id).prop('tabindex');
            let stock_item_id = $('#item_' + id).val();
            $.ajax({
                url: "{{ route('purchase-change-unit') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    "unit_id": unit_id,
                    "stock_item_id": stock_item_id
                },
                success: function(data) {
                    $('#unit_change_' + id + '').prop('tabindex', tabIndex + 2);
                    $('#purchase_price_exc_gst_' + id).val(parseFloat(data.purchase_price).toFixed(3));
                    if ($('#qty_' + id).val() != '') {
                        var qty = $('#qty_' + id).val();
                        var price = $('#purchase_price_exc_gst_' + id).val();
                        var grossValue = price * qty;
                        $('#gross_value_' + id).val(parseFloat(grossValue).toFixed(3));
                    }
                    calculateSum();
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }
            });
        };

        $(document).on('keyup', '.billDiscount,.freight', function() {
            calculateSum();
        });
        $(document).on('keyup', '.qty,.purchasePrice', function() {
            var input_id = $(this).closest('tr').attr('id');
            var qty = $("#qty_" + input_id).val();
            var price = $("#purchase_price_exc_gst_" + input_id).val();
            var grossValue = price * qty;
            $('#gross_value_' + input_id).val(parseFloat(grossValue).toFixed(3));
            calculateSum();
        });
        $(document).on('keyup', '.discPer', function() {
            var input_id = $(this).closest('tr').attr('id');
            var grossValue = $("#gross_value_" + input_id).val();
            if (!isNaN(grossValue) && grossValue != '' && grossValue != undefined) {
                var dicountAmt = grossValue * $(this).val() / 100;
                $("#disc_amt_" + input_id).val(parseFloat(dicountAmt).toFixed(3));
                calculateSum(true);
            }
        });

        $(document).on('focus', '.select2-selection.select2-selection--single', function(e) {
            setTimeout(() => {
                var $selectElement = $(this).closest('td').find('select');
                if ($selectElement.length != 0) {
                    var itemIndex = $selectElement.attr('tabindex');
                    if (itemIndex) {
                        $(this).prop('tabindex', itemIndex);
                    }
                }
            }, 100);
        });



        $(document).on('keyup', '.taxable_value', function() {
            if (append_row == '#appendRow') {
                var input_id = $(this).closest('tr').attr('id');
                var gross_value = $("#gross_value_" + input_id).val();
                var taxable_value = $("#taxable_value_" + input_id).val();
                if (!isNaN(taxable_value) && taxable_value != '' && taxable_value != undefined && !isNaN(
                        gross_value) && gross_value != '' && gross_value != undefined) {
                    var dicountAmt = gross_value - taxable_value;
                    $("#disc_amt_" + input_id).val(parseFloat(dicountAmt).toFixed(3));
                    calculateSum(disPer = false, fromTaxableValue = true);
                }
            }
        });

        $(document).on('keyup', '.gross_value', function() {
            if (append_row == '#appendRow') {
                var input_id = $(this).closest('tr').attr('id');
                var gross_value = $("#gross_value_" + input_id).val();
                var qty = $("#qty_" + input_id).val();
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    $("#qty_" + input_id).val(1);
                    qty = 1;
                }

                var purchasePrice = gross_value / qty;
                $('#purchase_price_exc_gst_' + input_id).val(parseFloat(purchasePrice).toFixed(3));
                calculateSum(disPer = false, fromTaxableValue = false, fromGrossValue = true);
            }
        });


        $(document).on('change', '#tax-type', function() {
            calculateSum();
        })

        $(document).on('keyup', '.discAmt', function() {
            var input_id = $(this).closest('tr').attr('id');
            var dicountAmt = $("#disc_amt_" + input_id).val();
            let grossValue = $('#gross_value_' + input_id).val();
            let discountPercentage = ((dicountAmt / grossValue) * 100).toFixed(3);
            $("#dis_per_" + input_id).val(discountPercentage);
            calculateSum();
        })

        function calculateSum(disPer = false, fromTaxableValue = false, fromGrossValue = false) {
            saved = false;
            var billDiscount = $("#bill-discount").val();
            var freight = parseFloat($("#freight").val()) || 0;
            var totalSum = 0;
            var discountPer = 0;
            var cessPer = 0;
            $(append_row + ' > tr').each(function() {
                var itemTotal = 0;
                var input_id = this.id.match(/\d+/);
                var qty = $("#qty_" + input_id).val();
                var price = $("#purchase_price_exc_gst_" + input_id).val();
                var discountPer = $("#dis_per_" + input_id).val();
                var dicountAmt = $("#disc_amt_" + input_id).val();
                var grossValue = $("#gross_value_" + input_id).val();
                var taxType = $("#tax-type").val();
                if (withoutGst == true) {
                    var itemGst = 0;
                    var cessPer = 0;
                } else {
                    var itemGst = $("#item_gst_" + input_id).val();
                    var cessPer = $("#cessPer_" + input_id).val();
                }
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    qty = 0;
                }
                if (!isNaN(price) && price != undefined && price != "") {
                    if (isNaN(grossValue) || grossValue == undefined || grossValue == "" || grossValue == 0) {
                        grossValue = price * qty;
                    }

                    let discountPercentage = ((dicountAmt / grossValue) * 100).toFixed(3);
                    let taxableValue = (grossValue - dicountAmt);
                    let totalGst = itemGst * taxableValue / 100;
                    let cgst = (totalGst / 2).toFixed(3);
                    let sgst = (totalGst / 2).toFixed(3);
                    let itemGstAmount = parseFloat(cgst) + parseFloat(sgst);
                    let cessAmount = (cessPer * taxableValue / 100);
                    itemTotal = (taxableValue + cessAmount + itemGstAmount);
                    let taxTotal = cessAmount + itemGstAmount;
                    $('.tax_' + input_id).val(parseFloat(taxTotal).toFixed(3));
                    if (disPer == true) {
                        $("#disc_amt_" + input_id).val(dicountAmt);
                    } else {
                        $("#dis_per_" + input_id).val(discountPercentage);
                    }
                    if (fromGrossValue == false) {
                        $("#gross_value_" + input_id).val(parseFloat(grossValue).toFixed(3));
                    }
                    if (fromTaxableValue == false) {
                        $("#taxable_value_" + input_id).val(taxableValue.toFixed(3));
                    }
                    $(".cessAmt_" + input_id).val(cessAmount.toFixed(3));
                    if (taxType == '1') {
                        $(".cgst_" + input_id).val(cgst);
                        $(".sgst_" + input_id).val(sgst);
                        $(".igst_" + input_id).val('');
                    } else {
                        $(".igst_" + input_id).val(itemGstAmount.toFixed(3));
                        $(".cgst_" + input_id).val('');
                        $(".sgst_" + input_id).val('');
                    }
                }
                $(".total_" + input_id).val(itemTotal.toFixed(3));
                totalSum += parseFloat(itemTotal);
            });
            if ($('#tcs').is(':checked') == true) {
                var tcsAmount = totalSum * 0.1 / 100;
                $('input[name="tcsValue"]').val(tcsAmount.toFixed(3));
                $("#tcs_amount").html(tcsAmount.toFixed(3));
            } else {
                var tcsAmount = 0;
            }
            $("#total-sum").html(totalSum.toFixed(3));
            let additionalTotal = 0;
            // $(ledgerAppend_row + ' > tr').each(function() {
            //     var ledgerRowId = this.id.match(/\d+/);
            //     var amount = $("#addition_ledger_amount_" + ledgerRowId).val();
            //     if (!isNaN(amount) && amount != undefined && amount != "") {
            //         var dr_cr = $('#dr_cr_ledger_' + ledgerRowId).val()
            //         if (dr_cr == 'Dr') {
            //             additionalTotal += parseFloat(amount);
            //         } else {
            //             additionalTotal -= parseFloat(amount);
            //         }
            //     }

            // });
            let grandTotal = (totalSum + tcsAmount + freight + additionalTotal - billDiscount);
            let roundOff = Math.round(grandTotal) - grandTotal;
            grandTotal += roundOff;
            $("#round-off").html(roundOff.toFixed(3));
            $("#round-off-amt").val(roundOff.toFixed(3));
            $("#grand-total").html(grandTotal.toFixed(3));
            $("#grand-total-amt").val(grandTotal.toFixed(3));
            setLandingCost();
        }

        $("#tcs").change(function(e) {
            e.preventDefault();
            let val = $(this).is(':checked');
            if (val == false) {
                $('#tcs_amount').html('');
                $('input[name="tcsValue"]').val('');
            }
            calculateSum();
        });

        function removeRow(id) {
            var rowCount = $('#appendRow .headrow').length;
            if (rowCount == 1) {
                alert("Sorry, last row can't be remove");
            } else {
                $(".row_" + id).remove();
                calculateSum();
            }
            setSn();
            totalQty();
        }

        $(document).on('keydown',
            '.qty, .purchasePrice, .discPer, .taxable_value,.gross_value, .discAmt, #supplier_invoice_no, #supplier_invoice_date,#remarks,#voucher-date,#search_qty,#search_price,#search_discount,#search_discount_per',
            function(e) {
                var key = e.which;
                if (key == 13) // the enter key code
                {
                    e.preventDefault();
                    var tabindex = $(this).attr('tabindex');
                    if (tabindex == undefined || isNaN(tabindex)) {
                        return;
                    }
                    var nextindex = parseInt(tabindex) + 1;
                    calculateSum();
                    $("[tabindex='" + nextindex + "']").focus().select();
                }
            });

        $(document).on('select2:select',
            '.stock-item,.unit_change,#party, #tax-type,#stock-location,#account,#voucher-type,#collection,.categoryGroup,#search_unit,#search_item,#search_unit',
            function(e) {
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                $("[tabindex='" + nextindex + "']").focus().select();
            });
           $(document).on('keydown', function(e) {
                if (e.key === 'Escape') {
                    $('.select2').select2('close');
                }else if (e.code == 'F5' ) {
                    e.preventDefault();
                    $('#collection').focus().select();
                }
            });

        $(document).on('select2:select',
            '.ledger-select, #party,#tax-type,#stock-location,#account,#voucher-type,.collection,.categoryGroup,#search_unit,#search_item',
            function(e) {
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                $("[tabindex='" + nextindex + "']").focus().select();
            });

        $(document).on('select2:close',
            '.stock-item,.unit_change,#party, #tax-type,#stock-location,#account,.collection,.categoryGroup,#search_unit,#search_item',
            function(e) {
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                $("[tabindex='" + nextindex + "']").focus().select();
            });

        $(document).on('select2:close', '.ledger-select', function(e) {
            var tabindex = $(this).attr('tabindex');
            var nextindex = parseInt(tabindex) + 1;
            $("[tabindex='" + nextindex + "']").focus().select();
        });

        $(document).on('select2:open', '.stock-item, .unit_change', function(e) {
            $('.select2-search__field').focus().select();
        });
        $(document).on('select2:open', '.ledger-select', function(e) {
            $('.select2-search__field').focus().select();
        });

        if ('{{ isset($accountingVoucher) }}') {
            $(window).on("load", function() {
                fetchAccountItemData();
                fetchPartyItemData();
            })
        }

        function fetchAccountItemData(formInput = false) {
            let item_id = $("#account").val();
            let selectedValue = '{{ isset($accountingVoucher) ? $accountingVoucher->debit_ledger_id : '' }}';
            if (!formInput) {
                selectedValue != '' ? item_id = selectedValue : null;
            }
            if (item_id) {
                $.ajax({
                    url: "{{ route('fetch-item-data') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id
                    },
                    success: function(item) {
                        $("#account-balance").html(item.data[0] + " Balance :");
                        var formattedData = parseFloat(item.data[1]).toFixed(3) + " " + item.data[2];
                        $("#account-closing-balance").html(formattedData);
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        }

        function fetchPartyItemData(formInput = false) {
            let item_id = $("#party").val();
            let selectedValue = '{{ isset($accountingVoucher) ? $accountingVoucher->credit_ledger_id : '' }}';
            if (!formInput) {
                selectedValue != '' ? item_id = selectedValue : null;
            }
            if (item_id) {
                $.ajax({
                    url: "{{ route('fetch-item-data') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id
                    },
                    success: function(item) {
                        $("#party-balance").html(item.data[0] + " Balance :");
                        var formattedData = parseFloat(item.data[1]).toFixed(3) + " " + item.data[2];
                        $("#party-closing-balance").html(formattedData);
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        }

        function changeVoucherType() {
            $("#appendRow").empty();
            if($('#voucher-type').find(":selected").text() == 'Asset Purchase') {
                $('#item-section-search').css('display', 'none');
                $('#row_add').css('visibility', 'visible');
            }else{
                $('#item-section-search').css('display', 'block');
                $('#row_add').css('visibility', 'hidden');
            }
            // tabIndex = 9;
            var currentVoucherTypeId =
                {{ isset($accountingVoucher) ? $accountingVoucher->voucher_type_id : 'null' }};
            var currentVoucherNumber =
                '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_number : 'null' }}';
            var voucherTypeId = $("#voucher-type").val();
            if (voucherTypeId) {
                $.ajax({
                    url: "{{ route('getVoucherNumber') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "voucherTypeId": voucherTypeId,
                        "currentVoucherTypeId": currentVoucherTypeId,
                        "currentVoucherNumber": currentVoucherNumber
                    },
                    success: function(data) {
                        $("#voucher-number").val(data.voucherNumber);
                        if (data.prefix != null) {
                            $("#inputGroup-sizing-sm").show();
                            $("#inputGroup-sizing-sm").html(data.prefix);
                        } else {
                            $("#inputGroup-sizing-sm").hide();
                        }
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        }
        $(document).on('click', '.price-find', function() {
            let id = $(this).closest('tr').attr('id');
            let stock_item_id = $('#item_' + id).val();
            let party = $('#party').val();
            if (stock_item_id != null) {
                $.ajax({
                    url: "{{ route('get-item-purchase-price-history') }}",
                    type: "get",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "stock_item_id": stock_item_id,
                        "party": party
                    },
                    success: function(data) {
                        if (data.status == 'success') {
                            var html = `<div class="row">
                        <div class="col-md-2">
                            Date
                        </div>
                        <div class="col-md-3">
                            Price
                        </div>
                        <div class="col-md-2">
                            Unit
                        </div>
                        <div class="col-md-2">
                            Quantity
                        </div>
                        <div class="col-md-3">
                            Discount
                        </div>
                    </div>`;
                            for (let i = 0; i < data.data.price.length; i++) {
                                html += `<div class="row" style="font-size: 16px">
                                <div class="col-md-2">
                                    ${data.data.date[i]}
                                </div>
                                <div class="col-md-3">
                                    ${data.data.price[i]}
                                </div>
                                <div class="col-md-2">
                                    ${data.data.unit[i]}
                                </div>
                                <div class="col-md-2">
                                    ${data.data.quantity[i]}
                                </div>
                                <div class="col-md-3">
                                    ${data.data.discount[i]}
                                </div>
                            </div>`
                            }
                            $('#price-history').html(html);
                            $('#priceHistoryModal').modal('show');
                        }

                    }
                })
            }
        });
        $(".datepicker").on("change", function() {
            let date = $(this).val();
            let voucherTypeId = $("#voucher-type").val();
            if (date != '') {
                $.ajax({
                    url: "{{ route('check-voucher-date') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        'voucherTypeId': voucherTypeId
                    },
                    success: function(data) {
                        if (data.voucher_date != "") {
                            if (data.voucher_date > date) {
                                let voucherDate = data.voucher_date.split("-").reverse().join("-");
                                alert("Please choose date after " + voucherDate);
                                $('#submit-btn').prop('disabled', true);
                            } else {
                                $('#submit-btn').prop('disabled', false);
                            }
                        }
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }

        });
        $('#against-voucher').select2({
            placeholder: "Select voucher",
            allowClear: true,
            multiple: true,
            ajax: {
                url: "/admin/get-purchase-against-vouchers",
                type: "post",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    selectedTerm = params.term;
                    ledger_id = $('#party').val();
                    return {
                        _token: '{{ csrf_token() }}',
                        search: params.term,
                        ledger_id: ledger_id
                    }
                },
                processResults: function(response) {
                    against_vouchers = {};
                    var results = response.map(function(item) {
                        against_vouchers[item.id] = item.amount;
                        return {
                            id: item.id,
                            text: item.voucher,
                        };
                    });
                    return {
                        results: results
                    };
                },

            },
            cache: true,
            language: {
                noResults: function(term) {
                    if (ledger_id == '' || ledger_id == null) {
                        return 'Please Select Party First';
                    }
                }
            },

            escapeMarkup: function(markup) {
                return markup;
            }
        });
        //
        $(document).on('keydown', function(e) {
            if (e.altKey && e.key === 'i' || e.altKey && e.key === 'I') {
                $('#itemCreateModal').modal('show');
            }
        });
        $(document).on('keydown', function(e) {
            if (e.altKey && e.key === 'l' || e.altKey && e.key === 'L') {
                $('#ledgerCreateModal').modal('show');
            }
        });


        function toggleGst() {
            if ($('#without-gst').is(':checked')) {
                withoutGst = true;
            } else {
                withoutGst = false;
            }
            calculateSum();
        }

        Mousetrap.bind(['alt+v', 'alt+v'], function() {
            $('#submit-btn').click();
        });
        $(document).on('keyup', '.qty', function(e) {
            totalQty();
        });

        function totalQty() {
            $('#total-qty').html('');
            var total = 0;
            $('.qty').each(function() {
                total += parseFloat($(this).val()) || 0;
            });
            $('#total-qty').html(total);
        }

        $('#additionLedgerAdd').on('click', function() {

            var additionLedgerRowCount = $('#additionLedgerRows tr:last').attr('id');
            if (additionLedgerRowCount == "" || additionLedgerRowCount == undefined) {
                additionLedgerRowCount = 1;
            } else {
                additionLedgerRowCount = parseInt(additionLedgerRowCount) + 1;
            }

            var html = '<tr id="' + additionLedgerRowCount +
                '" class="additionalRow_' + additionLedgerRowCount +
                '"><td><select class="form-control additional-ledger" name="additional_ledger[]" id="addition_ledger_' +
                additionLedgerRowCount + '" required><option value="">Select Ledger</option></select></td>' +
                '<td class="addition-ledger-amount-td"><input type="number" class="form-control addition-ledger-amount" name="additional_ledger_amount[]" id="addition_ledger_amount_' +
                additionLedgerRowCount + '"></td>' +
                '<td class="dr-cr-ledger-td"><select class="form-select dr_cr_ledger" style="width: 100px;" name="dr_cr_ledger[]" id="dr_cr_ledger_' +
                additionLedgerRowCount +
                '"><option value="Dr">Dr</option><option value="Cr">Cr</option></select></td>' +
                '<td><button type="button" class="btn btn-sm btn-danger" onclick="removeAdditionLedgerRow(' +
                additionLedgerRowCount + ')"><i class="las la-minus"></i></button></td></tr>';

            $('#additionLedgerRows').append(html);


            $('#addition_ledger_' + additionLedgerRowCount + '').select2({
                placeholder: 'Select Ledger',
                ajax: {
                    url: "/admin/get-ledgers",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            var name = item.description != null ? item.name + ' (' + item
                                .description +
                                ')' : item.name;
                            return {
                                id: item.id,
                                text: name,
                            };
                        });

                        return {
                            results: results,
                            pagination: {
                                more: (params.page * data.per_page) < data.total
                            }
                        };
                    },
                    cache: true
                }
            });
        });
        $(document).on('input', '.addition-ledger-amount', function(e) {
            calculateSum();
        });
        $(document).on('change', '.dr_cr_ledger', function(e) {
            calculateSum();
        })

        function removeAdditionLedgerRow(id) {
            $('.additionalRow_' + id).remove();
            calculateSum();
        }

        window.addEventListener('beforeunload', function(e) {
            if (!saved) {
                const confirmationMessage = 'Are you sure you want to leave? Your changes may not be saved.';
                e.returnValue = confirmationMessage;
                return confirmationMessage;
            }
        });

        function handleFocus(id) {
            var item_id = $('#item_' + id).val();
            $('#UnitTableBody').html('');
            $('#PriceSlabTableBody').html('');
            if (item_id != null) {
                $.ajax({
                    url: "{{ route('get-item-price-slab') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id
                    },
                    success: function(data) {
                        console.log(data.price_slab_html);
                        $('#priceSlabListBody').html('');
                        $('#priceSlabListBody').html(data.price_slab_html);

                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        }

        function setLandingCost() {
            var html = '';
            $(append_row + ' > tr').each(function() {
                var input_id = $(this).attr('id');
                var item_id = $('#item_' + input_id + '').val();
                var qty = $('#qty_' + input_id + '').val();
                if (item_id != null && item_id != '' && qty != null && qty != '') {
                    var item_name = $('#item_' + input_id + '').find('option:selected').text();
                    var taxable_value = $('#taxable_value_' + input_id + '').val();
                    var total_value = $('.total_' + input_id + '').val();
                    var landing_cost = (taxable_value / qty).toFixed(3);
                    var landing_cost_incl_gst = (total_value / qty).toFixed(3);
                    html += '<tr><td>' + item_name + '</td><td>' + landing_cost + '</td><td>' +
                        landing_cost_incl_gst +
                        '</td></tr>';
                    $('#landingCostBody').html(html);
                }
            });
        }

        function priceHistory(id) {
            var item_id = $("#item_" + id).val();
            var ledger_id = $('#party').val();
            if (ledger_id != '' && item_id != '') {
                $.ajax({
                    url: "{{ route('purchase-price-history-ledger') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id,
                        "ledger_id": $('#party').val(),
                    },
                    success: function(data) {
                        $('#price-history-body').html('');
                        $('#price-history-body').append(data.html);
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        }


        function changeCollection(id) {
            var item_id = $('#item_' + id).val('').trigger('change');
            $('#item_' + id + '').data('select2').trigger('query', {
                term: ''
            });
        }

         $(document).on('focusout', '#supplier_invoice_no', function(e) {
            var supplier_invoice_no = $(this).val();
            var ledger_id = $('#party').val();
            if (ledger_id != '' && supplier_invoice_no != '') {
                $.ajax({
                    url: "{{ route('supplier-invoice-no-check') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "supplier_invoice_no": supplier_invoice_no,
                        "ledger_id": $('#party').val(),
                    },
                    success: function(data) {
                        if (data.used == true) {
                            alertify.confirm(
                                'Invoice With Same Supplier Invoice No Exist For This Supplier',
                                'Do you want to continue',
                                function() {

                                },
                                function() {
                                    $('#supplier_invoice_no').val('');
                                });
                        }
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        });
        //
        $('#search_item').select2({
            placeholder: 'Select item',
            ajax: {
                url: "/admin/get-stock-items-by-collection",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    categoryIds = [];
                    $('.categoryGroup').each(function() {
                        const val = $(this).val();
                        if (val) {
                            categoryIds.push(val);
                        }
                    });
                    selectedIds = [];
                    $('.stock-item').each(function() {
                        const val = $(this).val();
                        if (val) {
                            selectedIds.push(val);
                        }
                    });
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                        is_from_purchase: true,
                        item_collection_id: $('#collection').val(),
                        categoryIds: categoryIds,
                        selectedIds: selectedIds
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        var name = item.name;
                        if (item.purchase_price != null) {
                            name += ' (Rs. ' + item.purchase_price + ')';
                        }
                        if (item.description != null) {
                            name += ' (' + item.description + ')';
                        }
                        return {
                            id: item.id,
                            text: name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        // $('#search_item').prop('tabindex', tabIndex++);
        // $('#search_qty').prop('tabindex', tabIndex++);
        // $('#search_unit').select2({
        //     placeholder: 'Select unit'
        // });
        // $('#search_unit').prop('tabindex', tabIndex++);
        // $('#search_price').prop('tabindex', tabIndex++);
        // $('#search_discount').prop('tabindex', tabIndex++);
        // $('#search_discount_per').prop('tabindex', tabIndex++);
        // $('#search_submit').prop('tabindex', tabIndex++);
        $(document).on('change', '#collection,.categoryGroup', function(e) {
            $('#search_item').val(null).trigger('change');
        })
        $('#search_item').on('change', function(e) {
            var prd = $(this).val();
            if (prd != "") {
                $.ajax({
                    url: "{{ route('fetch-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd,
                        "location": $('#stock-location').val(),
                        "date": $('#voucher-date').val(),
                    },
                    success: function(data) {
                            // $("#stock_" + id).html(data.stock);
                            $("#search_mrp").html(data.mrp);
                            $("#search_cess_per").val(data.cess);
                            $("#search_gst_per").val(data.gst);
                            $("#search_unit").html(data.options);
                            $("#search_price").val(data.purchase_price);
                            callculateSearchBox();
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        });

        function callculateSearchBox(fromDiscountAmt = false) {
            let cessPer = parseFloat($("#search_cess_per").val()) || 0;
            let gstPer = parseFloat($("#search_gst_per").val()) || 0;
            let price = parseFloat($("#search_price").val()) || 0;
            let qty = parseFloat($("#search_qty").val()) || 0;
            let disc_amount = parseFloat($("#search_discount").val()) || 0;
            let disc_per = parseFloat($("#search_discount_per").val()) || 0;

            let totalTaxPer = (cessPer + gstPer) / 100;

            // price inclusive of tax
            let priceInc = price + (price * totalTaxPer);

            // gross value before discount
            let grossValue = price * qty;

            // discount calculations
            let discountAmount = (disc_per * grossValue / 100);
            let discountPercentage = (grossValue > 0) ? ((disc_amount / grossValue) * 100) : 0;

            // taxable value and tax
            let taxableValue = grossValue - discountAmount;
            let taxAmt = taxableValue * totalTaxPer;

            // total
            let total = taxableValue + taxAmt;

            // round properly (keep numbers as numbers)
            priceInc = priceInc.toFixed(3);
            grossValue = grossValue.toFixed(3);
            discountAmount = discountAmount.toFixed(3);
            discountPercentage = discountPercentage.toFixed(3);
            taxableValue = +taxableValue.toFixed(3);
            taxAmt = taxAmt.toFixed(3);
            total = total.toFixed(3);

            // set input values
            if (!fromDiscountAmt) {
                $("#search_discount").val(discountAmount);
            } else {
                $("#search_discount_per").val(discountPercentage);
            }

            $("#search_price_inc").val(priceInc);
            $("#search_gross_value").val(grossValue);
            $("#search_taxable_value").val(taxableValue);
            $("#search_tax").val(taxAmt);
            $("#search_total").val(total);

        }
        $(document).on('keyup', '#search_discount_per,#search_qty,#search_price', function() {
            callculateSearchBox(false);
        })
         $(document).on('keyup', '#search_discount', function() {
            callculateSearchBox(true);
        })
        let tabIndexNew = 10000;
        $('#search_submit').on('click', function(e) {
            e.preventDefault();
            var rowCount = $('#appendRow tr:last').attr('id');
            if (rowCount == "" || rowCount == undefined) {
                rowCount = 1;
            } else {
                rowCount = parseInt(rowCount) + parseInt(1);
            }
            var prd = $('#search_item').val();
            var qty = $('#search_qty').val();
            if (prd != "" && qty != "") {
                let itemName = $('#search_item option:selected').text();
                let itemId = $('#search_item').val();
                let qty = $('#search_qty').val();
                let price = $('#search_price').val();
                let unitId = $('#search_unit').val();
                let unitName = $('#search_unit option:selected').text();
                let cessPer = $('#search_cess_per').val();
                let gstPer = $('#search_gst_per').val();
                let priceInc = $('#search_price_inc').val();
                let discPer = $('#search_discount_per').val();
                let discAmt = $('#search_discount').val();
                let mrp = $('#search_mrp').text();
                $("#appendHeadRow").empty();
                $("#appendFootRow").empty();
                var headRow = '<tr>' +
                    '<th>SN</th>' +
                    '<th>&nbsp;&nbsp;&nbsp;Item</th>' +
                    '<th>MRP</th>' +
                    '<th>Qty</th>' +
                    '<th>Unit</th>' +
                    '<th>Price</th>' +
                    '<th>Gross Value</th>' +
                    '<th>Disc%</th>' +
                    '<th>Discount <br> Amt</th>' +
                    '<th>Taxable Value</th>' +
                    '<th>Tax</th>' +
                    '<th>Total</th>' +
                    '<th></th>' +
                    '</tr>';
                var rows = '<tr id="' + rowCount + '" class="row_' + rowCount +
                    ' headrow"><td class="text-center purchase-sn" style="font-weight:600;">' + rowCount +
                    '</td><td><select tabindex="1" class="form-control stock-item" name="item[]" onchange="fetchItemData(' +
                    rowCount + ', false)" id="item_' + rowCount + '"><option value="">Select item</option>';
                var rows1 = '<option value="' + itemId + '" selected>' + itemName + '</option></select><div class="errormsg" id="error_item_' + rowCount +
                    '"></div></td><td><input type="number" name="mrp[]" id="mrp_' + rowCount +
                    '" readonly class="form-control form-input-box min-width60" value="' + mrp + '"><div class="errormsg" id="error_mrp_' +
                    rowCount +
                    '"></div></td><td><input type="number" tabindex="' + `${tabIndexNew+3}` + '" name="qty[]" id="qty_' +
                    rowCount +
                    '" class="mousetrap form-control qty form-input-box min-width60" value="' + qty + '"><div class="errormsg" id="error_qty_' +
                    rowCount + '"></div></td><td><select tabindex="' + `${tabIndexNew+4}` +
                    '" name="unit_id[]" class="mousetrap form-control unit_change unit_' + rowCount +
                    '" id="unit_change_' + rowCount + '" onchange="purchaseChangeUnit(' + rowCount +
                    ')"><option value="' + unitId + '" selected>' + unitName + '</option></select></td><td><div class="input-group" style="flex-wrap: nowrap">  <div class="input-group-text price-find"><i class="lar la-question-circle"></i></div><input type="number" tabindex="' +
                    `${tabIndexNew+5}` +
                    '" name="purchase_price_exc_gst[]" id="purchase_price_exc_gst_' +
                    rowCount +
                    '" class="mousetrap form-control purchasePrice form-input-box min-width60" value="' + price + '"><div class="errormsg" id="error_purchase_price_exc_gst_' + rowCount + '"></div></td><td><input type="number" name="gross_value[]" id="gross_value_' +
                    rowCount +
                    '"  class="form-control form-input-box min-width60 gross_value" tabindex="' + `${tabIndexNew+6}` +
                    '"></td><td><input type="number" tabindex="' +
                    `${tabIndexNew+7}` +
                    '" name="discount_per[]" id="dis_per_' +
                    rowCount +
                    '"  class="mousetrap form-control discPer form-input-box min-width50" value="' + discPer + '"></td><td><input type="number" tabindex="' +
                    `${tabIndexNew+8}` + '" name="disc_amt[]" id="disc_amt_' +
                    rowCount +
                    '" class="mousetrap form-control discAmt form-input-box min-width50" value="' + discAmt + '"></td><td><input type="number" tabindex="' +
                    `${tabIndexNew+9}` +
                    '" name="taxable_value[]" id="taxable_value_' + rowCount +
                    '" class="mousetrap form-control taxable_value form-input-box min-width60"><input type="hidden" name="gst[]" id="item_gst_' +
                    rowCount +
                    '" value="' + gstPer + '"><input type="hidden" id="cessPer_' + rowCount +
                    '" name="cessper[]" value="' + cessPer + '"></td><td><input type="number" class="mousetrap form-control tax_' + rowCount +
                    ' form-input-box min-width60" name="tax[]" id="tax_' +
                    rowCount + '" readonly><input type="hidden" class="form-control form-input-box min-width60 cgst_' +
                    rowCount +
                    '" readonly><input type="hidden" class="form-control form-input-box min-width60 sgst_' +
                    rowCount +
                    '" readonly><input type="hidden" class="form-control form-input-box min-width60 igst_' +
                    rowCount +
                    '" readonly><input type="hidden" class="form-control form-input-box min-width60 cessAmt_' +
                    rowCount +
                    '" readonly><input type="hidden" name="cess_amt[]" id="cessAmt_' + rowCount +
                    '"></td><td><input type="number" name="total[]" class="form-control form-input-box min-width60 total_' +
                    rowCount +
                    '" readonly></td><td><button type="button" class="btn btn-sm btn-danger" onclick="removeRow(' +
                    rowCount +
                    ')"><i class="las la-minus"></i></button></td></tr>';

                var footRow = '<tr>' +
                    '<td></td><td><td></td><td style="font-weight:bold;text-align:center" id="total-qty"></td><td></td><td></td><td></td><td></td><td></td><td></td>' +
                    '<td></td><td id="total-sum" class="text-center" style="font-weight: 600;">{{ isset($accountingVoucherItems) ? $accountingVoucherItems->sum('total') : '0.00' }}</td><td></td>' +
                    '</tr>';
                $("#appendHeadRow").append(headRow);
                $("#appendRow").append(rows + rows1);
                $("#appendFootRow").append(footRow);
                $('#item_' + rowCount + '').select2({
                    placeholder: 'Select item',
                });
                $('#unit_change_' + rowCount + '').select2();
                $('#item_' + rowCount + '').prop('tabindex', tabIndexNew + 2);
                $('#unit_change_' + rowCount + '').prop('tabindex', tabIndexNew + 4);
                $('#row_add').prop('tabindex', tabIndexNew + 10);
                tabIndexNew += 9;
                calculateSum();
                resetSearch();
                $('#search_item').focus().select();

            }else{
                alert("Please select item or Quantity");
                resetSearch();
                $('#search_item').focus().select();
                return false;
            }
        })
        $(document).on('keydown', function(e) {
            if (e.code === 'F6') {
              e.preventDefault();
              $('.voucher_details').toggleClass('d-none');
            }
        });
        function resetSearch() {
            $('#search_item').val(null).trigger('change');
            $('#search_unit').val(null).trigger('change');
            $('#search_price').val('');
            $('#search_price_inc').val('');
            $('#search_gst_per').val('');
            $('#search_cess_per').val('');
            $('#search_discount').val('');
            $('#search_discount_per').val('');
            $('#search_gross_value').val('');
            $('#search_taxable_value').val('');
            $('#search_tax').val('');
            $('#search_total').val('');
            $('#search_qty').val(1);
        }
        Mousetrap.bind(['left'], function() {
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) - 1;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        Mousetrap.bind(['down'], function() {
            event.preventDefault();
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        Mousetrap.bind(['up'], function() {
            event.preventDefault();
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) - 1;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        Mousetrap.bind(['right'], function() {
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) + 1;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        $(document).on('keydown', '.select2-selection', function(e) {
            if (e.key === 'Delete') {
                const select = $(this).parent().siblings('select');
                select.val(null).trigger('change');
                e.preventDefault();
            }
        });
        function getCategoryGroups() {
            var collectionId = $('#collection').val();
             $('#category-groups-section').html('');
            if (collectionId != null) {
                $.ajax({
                    url: "{{ route('admin.get-category-groups-by-collection') }}",
                    type: 'POST',
                    data: {
                        _token: "{{ csrf_token() }}",
                        collection_id: collectionId,
                    },
                    dataType: 'json',
                    success: function(response) {
                        var groups  = response.data;
                        var html = "";
                        for(var i = 0; i < groups.length; i++){
                            html += `<div class="col-md-2">
                                            <label class="form-label mb-1">${groups[i].name}</label>
                                            <select class="form-categoryGroup categoryGroup form-control" id="categoryGroup_${groups[i].id}"
                                                data-id="${groups[i].id}">
                                                <option value="">Choose</option>
                                            </select>
                                        </div>`
                        }
                        $('#category-groups-section').html(html);
                        tabindexNew = 2;
                         for(var i = 0; i < groups.length; i++){
                            $('#categoryGroup_' + groups[i].id + '').select2({
                                placeholder: 'Select Category',
                                allowClear: true,
                                ajax: {
                                    url: "/admin/get-item-category-by-collection",
                                    type: "POST",
                                    dataType: 'json',
                                    delay: 250,
                                    data: function(params) {
                                        var group_id = $(this).attr('data-id');
                                        var collection_id = $('#collection').val();
                                        return {
                                            _token: "{{ csrf_token() }}",
                                            search: params.term,
                                            page: params.page,
                                            group_id: group_id,
                                            collection_id: collection_id
                                        };
                                    },
                                    processResults: function(data, params) {
                                        params.page = params.page || 1;
                                        var results = data.data.map(function(item) {
                                            return {
                                                id: item.id,
                                                text: item.name,
                                            };
                                        });

                                        return {
                                            results: results,
                                            pagination: {
                                                more: (params.page * data.per_page) < data.total
                                            }
                                        };
                                    },
                                    cache: true
                                }
                            });
                            $('#categoryGroup_' + groups[i].id + '').prop('tabindex', tabindexNew++);
                         }
                         if(groups.length > 0){
                              $('#categoryGroup_' + groups[0].id + '').select2('open');
                         }else{
                            $('#search_item').select2('open');
                         }
                            $('#search_item').prop('tabindex', tabindexNew++);
                            $('#search_qty').prop('tabindex', tabindexNew++);
                            $('#search_unit').select2({
                                placeholder: 'Select unit'
                            });
                            $('#search_unit').prop('tabindex', tabindexNew++);
                            $('#search_price').prop('tabindex', tabindexNew++);
                            $('#search_discount').prop('tabindex', tabindexNew++);
                            $('#search_discount_per').prop('tabindex', tabindexNew++);
                            $('#search_submit').prop('tabindex', tabindexNew++);
                    },
                });
            } else {


            }
        }
        $('#search_unit').on('change', function() {
            let unit_id = $(this).val();
            let stock_item_id = $('#search_item').val();
            if(unit_id == '' || stock_item_id == ''){
                return false;
            }
            $.ajax({
                url: "{{ route('purchase-change-unit') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    "unit_id": unit_id,
                    "stock_item_id": stock_item_id
                },
                success: function(data) {
                    $('#search_price').val(parseFloat(data.purchase_price).toFixed(3));
                    callculateSearchBox();
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }
            });
        })
        function appendStockItemRow(itemName = '', itemId = '') {
            tabIndex = 8;
            var rowCount = $('#appendRow tr:last').attr('id');
            if (rowCount == "" || rowCount == undefined) {
                rowCount = 1;
            } else {
                rowCount = parseInt(rowCount) + parseInt(1);
            }

            var voucherType = $('#voucher-type option:selected').text();
            if (voucherType == "Asset Purchase") {
                $("#item-heading").html('Add Ledgers');
                $("#purchase-ledger").hide();
                $("#appendHeadRow").empty();
                $("#appendFootRow").empty();
                var headRow = '<tr>' +
                    '<th>SN</th>' +
                    '<th>&nbsp;&nbsp;&nbsp;Ledger</th>' +
                    '<th>Qty</th>' +
                    '<th>Price</th>' +
                    '<th>Gross Value</th>' +
                    '<th>Disc%</th>' +
                    '<th>Taxable Value</th>' +
                    '<th>Tax</th>' +
                    '<th>Total</th>' +
                    '<th></th>' +
                    '</tr>';
                var rows = '<tr id="' + rowCount + '" class="row_' + rowCount +
                    ' headrow"><td class="text-center purchase-sn" style="font-weight:600;">' + rowCount +
                    '</td><td><select tabindex="1" class="form-control ledger-select" name="item[]" id="item_' +
                    rowCount + '" onchange="fetchItemData(' +
                    rowCount + ', true)"><option value="">Select ledger</option>';