@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;
        }

        .modal-side {
            position: fixed;
            top: 0;
            right: -800px;
            width: 800px;
            height: 90vh;
            background-color: white;
            box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
            transition: right 0.3s ease;
            z-index: 1000;
            margin-top: 60px;
            overflow-y: scroll;
        }

        .modal-side.show {
            right: 0;
        }

        .modal-side .modal-content {
            padding: 20px;
        }

        .modal-side .close {
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 24px;
            cursor: pointer;
        }
    </style>
    @include('admin.stock-items.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-8">
                    <div class="card">
                        <div class="card-header d-flex align-items-center justify-content-between">
                            <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 class="flex">
                                @if ($nextVoucherId != null)
                                    <a href="/admin/purchase/{{ $nextVoucherId }}/edit"
                                        class="btn btn-soft-primary">Next</a>
                                @endif
                                @if ($previousVoucherId != null)
                                    <a href="/admin/purchase/{{ $previousVoucherId }}/edit"
                                        class="btn btn-soft-primary">Previous</a>
                                @endif
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="col-lg-4">
                                    <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-4">
                                    <label class="form-label">Voucher Type</label>
                                    <select class="form-select" id="voucher-type" name="voucher_type_id"
                                        onchange="changeVoucherType()" required>
                                        <option value="">Select voucher type</option>
                                    </select>
                                </div>
                                <div class="col-lg-4">
                                    <label class="form-label">Voucher Date</label>
                                    <input type="date" class="form-control datepicker" value="{{ date('Y-m-d') }}"
                                        name="voucher_date" id="voucher-date">
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-4" 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-4">
                                    <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-4">
                                    <label class="form-label">Tax Type</label>
                                    <select class="form-select" id="tax-type" name="tax_type" data-choices
                                        data-choices-search-false>
                                        <option value="1" selected>IntraState</option>
                                        <option value="0">InterState (IGST)</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-4" 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>
                                    </select>
                                </div>
                                <div class="col-lg-4">
                                    <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-4">
                                    <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">
                                <div class="col-lg-4">
                                    <label class="form-label">Supplier Invoice Amount</label>
                                    <input type="number" class="form-control" id="supplier_inv_amount"
                                        name="supplier_inv_amount" step="0.01">
                                </div>
                                {{-- </div>
                            <div class="row mb-3"> --}}
                                @if ($companyProfile->show_cost_center == 1)
                                    <div class="col-lg-3">
                                        <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-4">
                                    <label for="nameInput" class="form-label">Remarks</label>
                                    <textarea class="form-control" name="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 class="col-lg-4">
                    <div class="card">
                        <div class="card-header d-flex align-items-center">
                            <h5 class="card-title mb-0 flex-grow-1">
                                Report
                            </h5>
                            <div>
                                <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                                    href="/admin/purchase"><i class="las la-angle-double-left"></i> Go Back</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="col-lg-12 d-flex">
                                <h5 id="account-balance"></h5>
                                <h5 id="account-closing-balance"></h5>
                            </div>
                            <div class="col-lg-12 d-flex">
                                <h5 id="party-balance"></h5>
                                <h5 id="party-closing-balance"></h5>
                            </div>
                        </div>
                    </div>
                    <div class="card" style="min-height: 50px;padding: 5px">
                        <table style="width: 100%"
                            class="table table-bordered dt-responsive nowrap table-striped align-middle">
                            <thead>
                                <tr>
                                    <th>Purchase <br> Price(Excl Tax)</th>
                                    <th>Purchase <br> Price(Incl Tax)</th>
                                    <th>Gst (%)</th>
                                    <th>Cess (%)</th>
                                </tr>
                            <tbody id="purchasePriceBody">
                            </tbody>
                            </thead>
                        </table>
                    </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="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>
                                    <tr>
                                        <td> <b>Additional Discount :</b></td>
                                        <td> <input type="number" name="additional_discount" class="additionalDiscount"
                                                id="additional_discount"></td>
                                    </tr>
                                    @if (Auth::user()->company_profile->show_freight)
                                        <div class="mb-1">
                                            <b>Freight/Etc :</b> <input type="number" name="freight" class="freight"
                                                style="width: 153px;" value="" id="freight">
                                        </div>
                                    @endif
                                    <table>

                                        <tbody id="additionLedgerRows" width="100%">
                                            <tr>
                                                <td colspan="3">
                                                    <select name="opposite_ledger" id="opposite_ledger">
                                                        <option value="">Select Ledger</option>
                                                        {{-- @foreach ($paymentLedgers as $ledger)
                                                            <option value="{{ $ledger->id }}">{{ $ledger->name }}
                                                            </option>
                                                        @endforeach --}}
                                                    </select>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3"></td>
                                            </tr>
                                            @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
                                            @else
                                                @foreach ($additionalLedgers as $additionalLedger)
                                                    <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="{{ $additionalLedger->id }}" selected>
                                                                    {{ $additionalLedger->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 }}" required>
                                                        </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">
                                                                    Dr</option>
                                                                <option value="Cr">
                                                                    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>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td 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>
                                        </tr>
                                    </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>
                            </div>
                            <div class="row">
                                <div class="col text-end">
                                    <h4 style="display: none; float: right;" class="text-danger" id="supp-inv-diff"></h4>
                                </div>
                            </div>
                            <div class="row firsthidden_rows text-end">
                                <div class="col-md-12 text-right">
                                    <button type="button" class="btn btn-info" 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>
    {{-- Modal --}}
    <div class="modal fade" id="qty-Modal" 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">Find Net Quantity</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="row-id" value="">
                    <label for="whole">Load Weight</label>
                    <input type="number" name="load-weight" id="load-weight" class="form-control" value="">
                    <br>
                    <label for="qty-1">Empty Weight</label>
                    <input type="number" name="empty-weight" id="empty-weight" class="form-control" value="">
                </div>
                <div class="modal-footer">
                    <div class="hstack gap-2 justify-content-end">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">No</button>
                        <a type="button" class="btn btn-primary" id="qty-find-submit">Submit</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Price Slab Update Modal --}}
    <div class="modal fade modal-md" id="priceSlabUpdateModal" 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">Update Item Prices</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="price-slab-row-id" value="">
                    <div id="price-slab-update-body">
                    </div>

                </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>
                    </div>
                </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>
    <div id="sidebarModal" class="modal-side">
        <div class="modal-content">
            <h3 id="history-item-name"></h3>
            <div class="purchase-history">
                Purchase History
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Voucher Date</th>
                            <th>Voucher No</th>
                            <th>Party</th>
                            <th>Qty</th>
                            <th>Price</th>
                            <th>Price Incl Tax</th>
                            <th>Discount</th>
                            <th>landing Cost(Inc Tax)</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody id="purchaseHistoryBody">

                    </tbody>
                </table>
            </div>
            <div class="purchase-history">
                Sales History
                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Voucher Date</th>
                            <th>Voucher No</th>
                            <th>Customer</th>
                            <th>Qty</th>
                            <th>Price</th>
                            <th>Price Incl Tax</th>
                            <th>Discount</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody id="saleHistoryBody">

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div id="item-edit-data">
    </div>
    @include('admin.stock-items.create-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>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/alertify.min.js"
        integrity="sha512-JnjG+Wt53GspUQXQhc+c4j8SBERsgJAoHeehagKHlxQN+MtCCmFDghX9/AcbkkNRZptyZU4zC8utK59M5L45Iw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <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.create-modal-script')
    <script>
        @if (Auth::user()->company_profile->show_similar_item_on_entry == 1)
            let searchTerm = '';
            let alreadySelectedIds = [];
        @endif
        let newBasePrices = {};
        let newPriceSlabPrices = {};
        let withoutGst = false;
        let cost_center_required = false;
        let ledgerAppend_row = '#additionLedgerRows';
        Mousetrap.bind(['command+left', 'ctrl+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();
        });
        const voucherTypeSelect = new Choices('#voucher-type', {
            placeholder: true,
        });
        const stockLocationSelect = new Choices('#stock-location', {
            placeholder: true,
        });
        const accountSelect = new Choices('#account', {
            placeholder: true,
        });
        // const partySelect = new Choices('#party', {
        //     placeholder: true,
        // });
        const taxTypeSelect = new Choices('#tax-type', {
            placeholder: true,
        });
        $('#opposite_ledger').select2({
            placeholder: 'Select Party',
            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
            }
        });


        let printValue;

        stockLocationSelect.setChoices(async () => {
            try {
                const items = await fetch('/admin/get-stock-locations', {
                    method: 'post',
                    headers: new Headers({
                        'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: `stockLocationId=${'{{ isset($accountingVoucher) ? $accountingVoucher->stock_location_id : '' }}'}`
                }).then((response) => response.json());
                return items.data;
                var result = items.json();
            } catch (err) {
                console.error(err);
            }
        });
        voucherTypeSelect.setChoices(async () => {
            try {
                const voucherTypeId =
                    {{ isset($accountingVoucher) ? $accountingVoucher->voucher_type_id : $defaultVoucherTypeId ?? 'null' }};
                const voucherNumber =
                    '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_number : 'null' }}';
                const params = {
                    voucherTypeId,
                    voucherNumber
                };
                const response = await fetch('/admin/get-purchase-voucher-types', {
                    method: 'POST',
                    headers: new Headers({
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: JSON.stringify(params),
                });
                const data = await response.json();
                if (!'{{ isset($accountingVoucher) }}') {
                    document.getElementById('voucher-number').value = data.voucherNumber;
                }
                return data.data;
            } catch (err) {
                console.error(err);
            }
        }, 'value', 'label', true).then(() => {
            @if (!isset($accountingVoucher))
                $('#voucher-type').trigger('change');
            @endif
        });
        accountSelect.setChoices(async () => {
            try {
                const items = await fetch('/admin/get-purchase-debit-ledgers', {
                    method: 'post',
                    headers: new Headers({
                        'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: `debitLedgerId=${'{{ isset($accountingVoucher) ? $accountingVoucher->debit_ledger_id : '' }}'}`
                }).then((response) => response.json());
                return items.data;
                var result = items.json();
            } catch (err) {
                console.error(err);
            }
        });
        // partySelect.setChoices(async () => {
        //     try {
        //         const items = await fetch('/admin/get-purchase-credit-ledgers', {
        //             method: 'post',
        //             headers: new Headers({
        //                 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
        //                 'X-CSRF-TOKEN': '{{ csrf_token() }}',
        //             }),
        //             body: `creditLedgerId=${'{{ isset($accountingVoucher) ? $accountingVoucher->credit_ledger_id : '' }}'}`
        //         }).then((response) => response.json());
        //         return items.data;
        //         var result = items.json();
        //     } catch (err) {
        //         console.error(err);
        //     }
        // });
        $('#party').select2({
            placeholder: 'Select item',
            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
            }
        });
        $('#party').prop('tabindex', 1);
        $('.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();

        $(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))
                appendStockItemRow();
                $('#party').focus().select();
                $('#party').select2('open');
            @endif
        });

        $('#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);
                @if (Auth::user()->company_profile->show_price_slab_update_modal_on_purchase == 1)
                    formData.append('newPriceSlabPrices', JSON.stringify(newPriceSlabPrices));
                    formData.append('newBasePrices', JSON.stringify(newBasePrices));
                @endif
                $.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) {
                                    printValue = data.data;
                                    $('#purchaseID').val(data.data);
                                    $('#purchaseUpdatePriceModal').modal('show');
                                }
                            })
                        } 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';
        var tabIndex = 1;

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

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