@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 .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/{{ $accountingVoucher->id }}" method="POST" id="accounting-voucher"
            autocomplete="off" class="needs-validation" novalidate>
            @method('put')
            @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">
                                Edit Purchase
                            </h5>
                            <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 (str_contains($accountingVoucher->voucher_number, '-'))
                                            @php
                                                $explode = explode('-', $accountingVoucher->voucher_number);
                                                $voucherNumber = end($explode);
                                                $prefix = array_pop($explode);
                                                $prefix = implode('-', $explode);
                                            @endphp
                                            <span class="input-group-text"
                                                id="inputGroup-sizing-sm">{{ $prefix }}</span>
                                            <input type="text" class="form-control" style="background: lightgrey;"
                                                name="voucher_number" id="voucher-number" value="{{ $voucherNumber }}"
                                                readonly>
                                        @else
                                            <span class="input-group-text" id="inputGroup-sizing-sm"
                                                style="display: none;"></span>
                                            <input type="text" class="form-control" style="background: lightgrey;"
                                                name="voucher_number" id="voucher-number"
                                                value="{{ $accountingVoucher->voucher_number }}" readonly>
                                        @endif
                                    </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"
                                        value="{{ $accountingVoucher->voucher_date }}" 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>
                                        @if ($accountingVoucher->credit_ledger_id != null)
                                            <option value="{{ $accountingVoucher->credit_ledger_id }}" selected>
                                                {{ $accountingVoucher->creditLedger->name }}</option>
                                        @endif
                                    </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" {{ $igst == false ? 'selected' : '' }}>IntraState</option>
                                        <option value="0" {{ $igst == true ? 'selected' : '' }}>InterState (IGST)
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-lg-4">
                                    <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"
                                        value="{{ $accountingVoucher->supplier_invoice_no }}" 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"
                                        value="{{ $accountingVoucher->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.001"
                                        value="{{ $accountingVoucher->supplier_inv_amount }}">
                                </div>
                                <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>
                                <div class="col-lg-4">
                                    <label for="nameInput" class="form-label">Remarks</label>
                                    <textarea class="form-control" name="remarks" rows="2" placeholder="Enter remarks">{{ $accountingVoucher->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"
                                            {{ $accountingVoucher->without_gst == 1 ? 'checked' : '' }}
                                            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">Add Items</h5>
                        </div>
                        <div class="card-body">
                            <div class="row mb-3">
                                <div class="table-responsive">
                                    <table>
                                        <thead id="appendHeadRow">
                                            <tr>
                                                <th>SN</th>
                                                <th>&nbsp;&nbsp;&nbsp;Item</th>
                                                <th>Stock</th>
                                                <th>MRP</th>
                                                <th>Qty</th>
                                                <th>Unit</th>
                                                <th>Price</th>
                                                <th>Gross Value</th>
                                                <th>Disc%</th>
                                                <th>Disc Amt</th>
                                                <th>Ad.Disc%</th>
                                                <th>Rebate</th>
                                                <th>Ad.Cost</th>
                                                <th>LC</th>
                                                <th>LC Inc Gst</th>
                                                <th>Pre.LC</th>
                                                <th>Price Slab</th>
                                                <th>Total</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="appendRow">
                                            @if (count($accountingVoucherItems) > 0)
                                                @php
                                                    $tabIndex = 0;
                                                @endphp
                                                @foreach ($accountingVoucherItems as $key => $accountingVoucherItem)
                                                    @php
                                                        $key = $key + 1;
                                                    @endphp
                                                    <tr id="{{ $key }}"
                                                        class="row_{{ $key }} headrow">
                                                        <td class="text-center purchase-sn" style="font-weight:600;">
                                                            {{ $key }}</td>
                                                        <td>
                                                            <select class="form-control stock-item" name="item[]"
                                                                tabindex="{{ $tabIndex + 1 }}"
                                                                onchange="fetchItemData({{ $key }}, false)"
                                                                id="item_{{ $key }}">
                                                                <option value="">Select item</option>
                                                                <option
                                                                    value="{{ $accountingVoucherItem->stock_item_id }}"
                                                                    selected>
                                                                    {{ $accountingVoucherItem->stockItem->name }}
                                                                </option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <div id="stock_{{ $key }}">---</div>
                                                        </td>
                                                        <td><input type="number" name="mrp[]"
                                                                value="{{ $accountingVoucherItem->stockItem->getMrp($accountingVoucher->voucher_date) }}"
                                                                id="mrp_{{ $key }}" readonly
                                                                class="form-control form-input-box min-width60"></td>
                                                        <td>
                                                            <div class="input-group">
                                                                <div class="input-group-text qty-find"><i
                                                                        class="lar la-question-circle"></i></div> <input
                                                                    type="number" name="qty[]"
                                                                    tabindex="{{ $tabIndex + 2 }}"
                                                                    value="{{ $accountingVoucherItem->quantity }}"
                                                                    id="qty_{{ $key }}"
                                                                    class="mousetrap form-control qty form-input-box min-width60">
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <select name="unit_id[]" tabindex="{{ $tabIndex + 3 }}"
                                                                class="mousetrap form-control unit_change unit_{{ $key }}"
                                                                id="unit_change_{{ $key }}"
                                                                onchange="purchaseChangeUnit({{ $key }})">
                                                                @foreach ($accountingVoucherItem->units as $unit)
                                                                    <option value="{{ $unit->id }}"
                                                                        {{ $accountingVoucherItem->unit_id == $unit->id ? 'selected' : '' }}>
                                                                        {{ $unit->symbol }}</option>
                                                                @endforeach
                                                                {{-- <option value="{{ $accountingVoucherItem->unit_id }}"
                                                                    {{ $accountingVoucherItem->unit_id == $accountingVoucherItem->unit->id ? 'selected' : '' }}>
                                                                    {{ $accountingVoucherItem->unit->symbol }}</option> --}}
                                                            </select>
                                                        </td>
                                                        <td><input type="number" name="purchase_price_exc_gst[]"
                                                                tabindex="{{ $tabIndex + 4 }}"
                                                                value="{{ $accountingVoucherItem->price }}"
                                                                id="purchase_price_exc_gst_{{ $key }}"
                                                                class="mousetrap form-control purchasePrice form-input-box min-width60">
                                                        </td>
                                                        <td><input type="number" name="gross_value[]"
                                                                value="{{ $accountingVoucherItem->gross_value }}"
                                                                id="gross_value_{{ $key }}" readonly
                                                                class="form-control form-input-box min-width60"></td>
                                                        <td><input type="number" name="discount_per[]"
                                                                tabindex="{{ $tabIndex + 5 }}"
                                                                value="{{ $accountingVoucherItem->disc_percentage }}"
                                                                id="dis_per_{{ $key }}"
                                                                class="mousetrap form-control discPer form-input-box min-width50">
                                                        </td>
                                                        <td><input type="number" tabindex="{{ $tabIndex + 6 }}"
                                                                name="disc_amt[]" id="disc_amt_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->disc_amount }}"
                                                                class="mousetrap form-control discAmt form-input-box min-width50">
                                                            <input type="hidden" name="taxable_value[]"
                                                                value="{{ $accountingVoucherItem->taxable_value }}"
                                                                id="taxable_value_{{ $key }}"
                                                                class="mousetrap form-control taxable_value form-input-box min-width60">
                                                            <input type="hidden" name="gst[]"
                                                                id="item_gst_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->gst_per }}">
                                                            <input type="hidden" id="cessPer_{{ $key }}"
                                                                name="cessper[]"
                                                                value="{{ $accountingVoucherItem->cess_per }}">


                                                            <input type="hidden"
                                                                class="form-control form-input-box min-width60 cgst_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->cgst }}" readonly>


                                                            <input type="hidden"
                                                                class="form-control form-input-box min-width60 sgst_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->sgst }}" readonly>


                                                            <input type="hidden"
                                                                class="form-control form-input-box min-width60 igst_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->igst }}" readonly>


                                                            <input type="hidden"
                                                                class="form-control form-input-box min-width60 cessAmt_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->cess }}" readonly>
                                                            <input type="hidden" name="cess_amt[]"
                                                                id="cessAmt_{{ $key }}">
                                                            <input type="hidden" name="load_weight[]"
                                                                id="load_weight_{{ $key }}">
                                                            <input type="hidden" name="empty_weight[]"
                                                                id="empty_weight_{{ $key }}">
                                                        </td>
                                                        <td><input type="number" name="ad_discount_per[]"
                                                                tabindex="{{ $tabIndex + 7 }}"
                                                                id="ad_discount_per_{{ $key }}"
                                                                class="mousetrap form-control ad_discount_per form-input-box min-width50"
                                                                value="{{ $accountingVoucherItem->additional_disc_perc }}">
                                                        </td>
                                                        <td><input type="number" name="rebate[]"
                                                                tabindex="{{ $tabIndex + 8 }}"
                                                                id="rebate_{{ $key }}"
                                                                class="mousetrap form-control rebate form-input-box min-width50"
                                                                value="{{ $accountingVoucherItem->rebate }}">
                                                        </td>
                                                        <td><input type="number" name="ad_cost[]"
                                                                class="form-control form-input-box min-width60 adCost adCost_{{ $key }}"
                                                                id="ad_cost_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->ad_cost }}">
                                                        </td>
                                                        <td><input type="number" name="landing_cost[]" readonly
                                                                class="form-control form-input-box min-width60 landingCost"
                                                                id="landing_cost_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->landing_cost }}">
                                                        </td>
                                                        <td><input type="number" name="landing_cost_inc_gst[]" readonly
                                                                class="form-control form-input-box min-width60  landingCostIncGst_{{ $key }}"
                                                                id="landing_cost_inc_gst_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->landing_cost_inc_gst }}">
                                                        </td>
                                                        <td><input type="number" readonly
                                                                class="form-control form-input-box min-width60  preLandingCost_{{ $key }}"
                                                                id="preLandingCost_{{ $key }}"></td>
                                                        <td>
                                                            @php
                                                                $priceSlab = \App\Models\StockItemPriceSlab::where(
                                                                    'business_key',
                                                                    Auth::user()->business_key,
                                                                )
                                                                    ->where(
                                                                        'stock_item_id',
                                                                        $accountingVoucherItem->stock_item_id,
                                                                    )
                                                                    ->where('unit_id', $accountingVoucherItem->unit_id)
                                                                    ->first();
                                                                if ($priceSlab) {
                                                                    $totalTax =
                                                                        ($accountingVoucherItem->stockItem->getGst(
                                                                            $accountingVoucher->voucher_date,
                                                                        ) +
                                                                            $accountingVoucherItem->stockItem->getCess(
                                                                                $accountingVoucher->voucher_date,
                                                                            )) /
                                                                        100;
                                                                    $priceSlabPrice = round(
                                                                        $priceSlab->selling_price +
                                                                            $priceSlab->selling_price * $totalTax,
                                                                        3,
                                                                    );
                                                                } else {
                                                                    $priceSlabPrice = 0;
                                                                }
                                                            @endphp
                                                            <input type="number"
                                                                class="form-control form-input-box min-width60 itemPriceSlab_{{ $key }}"
                                                                value="{{ $priceSlabPrice }}" readonly>
                                                        </td>
                                                        <td>
                                                            <input type="number" name="total[]"
                                                                class="form-control form-input-box min-width60 total_{{ $key }}"
                                                                value="{{ $accountingVoucherItem->total }}" readonly>
                                                        </td>
                                                        <td><button type="button" class="btn btn-sm btn-danger"
                                                                onclick="removeRow({{ $key }})">
                                                                <i class="las la-minus"></i></button>
                                                        </td>
                                                    </tr>
                                                    @php
                                                        $tabIndex += 8;
                                                    @endphp
                                                @endforeach
                                            @endif
                                        </tbody>
                                        <tfoot id="appendFootRow">
                                            <tr>
                                                <td></td>
                                                <td></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></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td id="total-sum" class="text-center" style="font-weight: 600;">
                                                    {{ $accountingVoucherItems->sum('total') }}
                                                </td>
                                                <td></td>

                                            </tr>
                                        </tfoot>
                                    </table>
                                    <div class="mb-1">
                                        <b>TCS :</b> <input type="checkbox" name="tcs"
                                            {{ $accountingVoucher->tcs > 0.0 ? 'checked' : '' }} id="tcs">
                                        <div class="col-md-12" id="tcs_amount" style="font-size: 15px;">
                                            {{ $accountingVoucher->tcs }}
                                        </div>
                                        <input type="hidden" name="tcsValue" value="">
                                    </div>
                                    <div class="mb-1">
                                        <b>Discount :</b> <input type="number" name="bill_discount"
                                            value="{{ $accountingVoucher->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"
                                                value="{{ $accountingVoucher->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="{{ isset($accountingVoucher) ? $accountingVoucher->freight : '' }}"
                                                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>
                                                        @if ($accountingVoucher->additional_journal_voucher_ledger_id != null)
                                                            <option
                                                                value="{{ $accountingVoucher->additional_journal_voucher_ledger_id }}"
                                                                selected>
                                                                {{ $accountingVoucher->additionalJournalVoucherLedger->name }}
                                                            </option>
                                                        @endif
                                                    </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
                                            @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"
                                                value="{{ $accountingVoucher->round_off }}"></div>
                                        <b>
                                            <div id="round-off">
                                                {{ $accountingVoucher->round_off }}
                                            </div>
                                        </b>
                                    </div>
                                    <div class="d-flex mb-2">
                                        <div><b>Grand Total : </b><input type="hidden" id="grand-total-amt"
                                                name="grand_total" value="{{ $accountingVoucher->amount }}"></div>
                                        <b>
                                            <div id="grand-total">
                                                {{ $accountingVoucher->amount }}
                                            </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"
                                        tabindex="{{ $tabIndex + 1 }}" 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>
    {{-- 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>
    {{-- 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>
    {{-- 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>
    <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>
        let withoutGst = {{ $accountingVoucher->without_gst == 1 ? 'true' : 'false' }};
        let cost_center_required = false;
        let ledgerAppend_row = '#additionLedgerRows';
        let newBasePrices = {};
        let newPriceSlabPrices = {};
        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 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
            }
        });
        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=${'{{ $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 =
                    {{ $accountingVoucher->voucher_type_id }};
                const voucherNumber =
                    '{{ $accountingVoucher->voucher_number }}';
                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();
                return data.data;
            } catch (err) {
                console.error(err);
            }
        });
        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=${'{{ $accountingVoucher->debit_ledger_id }}'}`
                }).then((response) => response.json());
                return items.data;
                var result = items.json();
            } catch (err) {
                console.error(err);
            }
        });
        $('#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,
                    };
                },
                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
            }
        });
        $('.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',
            });
            var tabIndex = 0;
            $(append_row + ' > tr').each(function() {
                var rowCount = $(this).attr('id');
                const select2Item = $('#item_' + rowCount).attr('tabindex', tabIndex + 1);
                const select2ItemUnit = $('#unit_change_' + rowCount).attr('tabindex', tabIndex + 3);
                tabIndex = parseInt(tabIndex) + parseInt(8);
            });
        });

        $('#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();
                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
                $('#submit-btn').prop('disabled', true);
                $.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) {
                                    $('#selectedItem').val(data.accountingVoucherId);
                                    @if (Auth::user()->company_profile->direct_print_in_purchase == 1)
                                        $('#printModal').modal('show');
                                    @else
                                        window.location.href =
                                            "{{ route('purchase.index') }}";
                                    @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);
                        }
                    }
                });
            }
        });
        let append_row = '#appendRow';
        var tabIndex = {{ $tabIndex }};

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

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

            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 = '</select><div class="errormsg" id="error_item_' + rowCount +
                '"></div></td><td><div id="stock_' + rowCount +
                '"></div></td><td><input type="number" name="mrp[]" id="mrp_' +
                rowCount +
                '" readonly class="form-control form-input-box min-width60"><div class="errormsg" id="error_mrp_' +
                rowCount +
                '"></div></td><td><div class="input-group" style="flex-wrap: nowrap">  <div class="input-group-text qty-find"><i class="lar la-question-circle"></i></div><input type="number" tabindex="' +
                `${tabIndex+2}` + '" name="qty[]" id="qty_' +
                rowCount +
                '" class="mousetrap form-control form-input-box qty min-width60"></div><div class="errormsg" id="error_qty_' +
                rowCount + '"></div></td><td><select tabindex="' + `${tabIndex+3}` +
                '" name="unit_id[]" class="mousetrap form-control unit_change unit_' + rowCount +
                '" id="unit_change_' + rowCount + '" onchange="purchaseChangeUnit(' + rowCount +
                ')"></select></td><td><input type="number" tabindex="' + `${tabIndex+4}` +
                '" name="purchase_price_exc_gst[]" id="purchase_price_exc_gst_' +
                rowCount +
                '" class="mousetrap form-control purchasePrice form-input-box min-width60"></td><td><input type="number" name="gross_value[]" id="gross_value_' +
                rowCount +
                '" readonly class="form-control form-input-box min-width60"></td><td><input type="number" tabindex="' +
                `${tabIndex+5}` +
                '" name="discount_per[]" id="dis_per_' +
                rowCount +
                '"  class="mousetrap form-control discPer form-input-box min-width50"></td><td><input type="number" tabindex="' +
                `${tabIndex+6}` + '" name="disc_amt[]" id="disc_amt_' +
                rowCount +
                '" class="mousetrap form-control discAmt form-input-box min-width50"><td><input type="number" name="ad_discount_per[]" id="ad_discount_per_' +
                rowCount +
                '" class="mousetrap form-control ad_discount_per form-input-box min-width50" tabindex="' +
                `${tabIndex+7}` + '"></td><td><input type="number"  name="rebate[]" id="rebate_' +
                rowCount +
                '" class="mousetrap form-control rebate form-input-box min-width50' +
                '" tabindex="' +
                `${tabIndex+8}` + '"><input type="hidden" 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 +
                '"><input type="hidden" id="cessPer_' + rowCount +
                '" name="cessper[]"><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="ad_cost[]" class="form-control form-input-box min-width60 adCost adCost_' +
                rowCount + '" id="ad_cost_' +
                rowCount +
                '"></td><td><input type="number" name="landing_cost[]" readonly class="form-control form-input-box min-width60 landingCost" id="landing_cost_' +
                rowCount +
                '"></td><td><input type="number" name="landing_cost_inc_gst[]" readonly class="form-control form-input-box min-width60  landingCostIncGst_' +
                rowCount +
                '" id="landing_cost_inc_gst_' + rowCount +
                '"></td><td><input type="number"  readonly class="form-control form-input-box min-width60  preLandingCost_' +
                rowCount +
                '" id="preLandingCost_' + rowCount +
                '"></td><td><input type="number"  class="form-control form-input-box min-width60 itemPriceSlab_' +
                rowCount +
                '" readonly></td><td><input type="number" name="total[]" class="form-control form-input-box min-width60 total_' +
                rowCount +
                '" readonly><input type="hidden" name="load_weight[]" id="load_weight_' + rowCount +
                '"><input type="hidden" name="empty_weight[]" id="empty_weight_' + rowCount +
                '"></td><td><button type="button" class="btn btn-sm btn-danger" onclick="removeRow(' + rowCount +
                ')"><i class="las la-minus"></i></button></td></tr>';

            $("#appendRow").append(rows + rows1);
            $('.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,
                        };
                    },
                    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
                }
            });
            $('.unit_change').select2();
            $('#item_' + rowCount + '').prop('tabindex', tabIndex + 1);
            $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 3);
            $('#row_add').prop('tabindex', tabIndex + 9);
            tabIndex += 8;
            $('#item_' + rowCount + '').focus().select();
            setSn();
            totalQty();
        }

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

        }
        $(document).on('click', '.qty-find', function() {
            let id = $(this).closest('tr').attr('id');
            $('#row-id').val(id);
            let oldLoadWeight = $('#load_weight_' + id).val();
            let oldEmptyWeight = $('#empty_weight_' + id).val();
            $('#load-weight').val(oldLoadWeight);
            $('#empty-weight').val(oldEmptyWeight);
            $('#qty-Modal').modal('show');
        });
        $('#qty-find-submit').on('click', function() {
            let id = $('#row-id').val();
            let load_weight = $('#load-weight').val();
            let empty_weight = $('#empty-weight').val();
            let qty = (load_weight - empty_weight).toFixed(3);
            $('#qty_' + id).val(qty);
            $('#load_weight_' + id).val(load_weight);
            $('#empty_weight_' + id).val(empty_weight);
            $('#load-weight').val('');
            $('#empty-weight').val('');
            $('#qty-Modal').modal('hide');
            calculateSum();
        });

        function fetchItemData(id, ledgerData) {
            var prd = $("#item_" + id).val();
            if (!ledgerData) {
                @if (Auth::user()->company_profile->prevent_duplicate_item_in_purchase == 1)
                    var itemIds = [];
                    $('.stock-item').each(function(index) {
                        if (itemIds.includes($(this).val())) {
                            alert('Item already added');
                            setTimeout(() => {
                                $('#item_' + id).val('').trigger('change');
                                $('#item_' + id).focus();
                                $('#item_' + id).select2('open');

                            }, 200);
                            return false;
                        }
                        itemIds.push($(this).val());
                    });
                @endif
            }
            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) {
                        $("#mrp_" + id).val(data.mrp);
                        $("#cessPer_" + id).val(data.cess);
                        $("#item_gst_" + id).val(data.gst);
                        $("#unit_change_" + id).html(data.options);
                        $("#purchase_price_exc_gst_" + id).val(data.purchase_price);
                        $("#stock_" + id).html(data.stock);
                        if (data.pre_lc != null && data.pre_lc != '') {
                            $("#preLandingCost_" + id).val(data.pre_lc)
                        }
                        calculateSum();
                        $('#qty_' + id).focus();
                        if (data.price_slab_price != null && data.price_slab_price != '') {
                            $(".itemPriceSlab_" + id).val(data.price_slab_price)
                        }
                        var purchaeincludingTax = parseFloat(data.purchase_price) + parseFloat((data
                            .purchase_price * (data.cess + data.gst) / 100));
                        purchaeincludingTax = purchaeincludingTax.toFixed(3);
                        var html = `<tr>
                                    '<td> ${data.purchase_price}</td>
                                    '<td> ${purchaeincludingTax.toFixed(3)}</td>
                                    '<td> ${data.gst}</td>
                                    '<td> ${data.cess}</td>
                                    </tr>`;
                        $('#purchasePriceBody').html(html);
                    },
                    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 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) {
                    $('#purchase_price_exc_gst_' + id).val(parseFloat(data.purchase_price).toFixed(3));
                    calculateSum();
                    if (data.price_slab_price != null && data.price_slab_price != '') {
                        $(".itemPriceSlab_" + id).val(data.price_slab_price)
                    }
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }
            });
        };

        $(document).on('keyup',
            '.billDiscount, .purchasePrice, .qty, .discPer,.freight,.additionalDiscount,.rebate,.ad_discount_per',
            function() {
                calculateSum();
            });

        $(document).on('keyup', '.taxable_value', function() {
            if (append_row == '#appendRow') {
                var input_id = $(this).closest('tr').attr('id');
                var srDiscountPer = $("#dis_per_" + input_id).val();
                var taxable_value = $("#taxable_value_" + input_id).val();
                var qty = $("#qty_" + input_id).val();
                if (isNaN(srDiscountPer) || srDiscountPer == undefined || srDiscountPer == "") {
                    srDiscountPer = 0;
                }
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    qty = 0;
                }
                if (srDiscountPer == 0) {
                    var purchasePrice = taxable_value / qty;
                    $('#purchase_price_exc_gst_' + input_id).val(parseFloat(purchasePrice).toFixed(3));
                } else {
                    var purchasePrice = taxable_value / qty;
                    var percentage = (100 - srDiscountPer) / 100;
                    var purchasePrice = purchasePrice / percentage;
                    $('#purchase_price_exc_gst_' + input_id).val(parseFloat(purchasePrice).toFixed(3));
                }
            }
        });

        $(document).on('keyup', '.discAmt', 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 dicountAmt = $("#disc_amt_" + input_id).val();
            let grossValue = price * qty;
            let discountPercentage = ((dicountAmt / grossValue) * 100).toFixed(2);
            $("#dis_per_" + input_id).val(discountPercentage);
            calculateSum(true);
        })

        $(document).on('keyup', '.adCost', function() {
            var input_id = $(this).closest('tr').attr('id');
            var adCost = $("#ad_cost_" + input_id).val();
            if (adCost == '') {
                adCost = 0;
            }
            var price = $("#purchase_price_exc_gst_" + input_id).val();
            var qty = $("#qty_" + input_id).val();
            let grossValue = price * qty;
            var discPer = $("#dis_per_" + input_id).val();
            var adDiscountPerc = $("#ad_discount_per_" + input_id).val();
            var rebate = $("#rebate_" + input_id).val();
            // if (discPer != 0 && discPer != '') {
            //     var price = price * (100 - discPer) / 100;
            // }
            let discountAmount = discPer * grossValue / 100;
            let adDiscountAmount = 0;
            let rebateAmount = 0
            if (adDiscountPerc != '' || adDiscountPerc != undefined) {
                adDiscountAmount = (adDiscountPerc * (grossValue - discountAmount) / 100);
            }
            if (rebate != '' || rebate != undefined) {
                rebateAmount = (rebate * qty)
            }

            let taxableValue = (grossValue - discountAmount - adDiscountAmount - rebateAmount);
            price = taxableValue / qty;

            var totalTaxableValue = 0;
            $('.taxable_value').each(function() {
                totalTaxableValue += parseFloat($(this).val());
            });
            var taxableRatio = taxableValue / totalTaxableValue;
            let itemFreight = 0;
            var itemDiscount = 0;
            var itemAdditionalDiscount = 0;
            if ($('#freight').val() != '' && $('#freight').val() != undefined && $('#freight').val() != 0) {
                var freight = $('#freight').val();
                itemFreight = (parseFloat(freight) * taxableRatio) / qty;
            }
            if ($('#bill-discount').val() != '' && $('#bill-discount').val() != undefined && $('#bill-discount')
                .val() != 0) {
                var billDiscount = $('#bill-discount').val();
                itemDiscount = (parseFloat(billDiscount) * taxableRatio) / qty;
            }
            if ($('#additional_discount').val() != '' && $('#additional_discount').val() != undefined && $(
                    '#additional_discount').val() != 0) {
                var additionalDiscount = $('#additional_discount').val();
                itemAdditionalDiscount = (parseFloat(additionalDiscount) * taxableRatio) / qty;
            }

            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 != "" && amount != 0) {
                    var dr_cr = $('#dr_cr_ledger_' + ledgerRowId).val()
                    if (dr_cr == 'Dr') {
                        additionalTotal += parseFloat(amount);
                    } else {
                        additionalTotal -= parseFloat(amount);
                    }
                }
            });
            var ledgerAmountTotal = 0;
            if (qty != 0 && additionalTotal != '' && additionalTotal != undefined && qty != '') {
                ledgerAmountTotal = (parseFloat(additionalTotal) * taxableRatio) / qty;
            }

            var landingCost = parseFloat(price) + parseFloat(adCost) + itemFreight - itemDiscount -
                itemAdditionalDiscount + ledgerAmountTotal;


            $("#landing_cost_" + input_id).val(parseFloat(landingCost).toFixed(3));
            if (withoutGst == true) {
                var gstPer = 0;
                var cessPer = 0;
            } else {
                var gstPer = $("#item_gst_" + input_id).val();
                var cessPer = $("#cessPer_" + input_id).val();
            }
            var totalTaxPerc = cessPer + gstPer;
            var incPrice = (price / 100) * totalTaxPerc;
            // var landingCostIncGst = landingCost + ((landingCost * cessPer) / 100) + ((landingCost * gstPer) / 100);
            var landingCostIncGst = landingCost + incPrice;
            $("#landing_cost_inc_gst_" + input_id).val(parseFloat(landingCostIncGst).toFixed(3));
        })

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

        function calculateSum(disAmnt = false) {
            var freight = parseFloat($("#freight").val()) || 0;
            var billDiscount = $("#bill-discount").val();
            var additionalDiscount = $("#additional_discount").val();
            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 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();
                }
                var adDiscountPerc = $("#ad_discount_per_" + input_id).val();
                var rebate = $("#rebate_" + input_id).val();
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    qty = 0;
                }
                if (!isNaN(price) && price != undefined && price != "") {
                    let grossValue = price * qty;
                    let discountAmount = discountPer * grossValue / 100;
                    let discountPercentage = ((dicountAmt / grossValue) * 100).toFixed(2);
                    let adDiscountAmount = 0;
                    let rebateAmount = 0
                    if (adDiscountPerc != '' || adDiscountPerc != undefined) {
                        adDiscountAmount = (adDiscountPerc * (grossValue - discountAmount) / 100);
                    }
                    if (rebate != '' || rebate != undefined) {
                        rebateAmount = (rebate * qty)
                    }
                    let taxableValue = (grossValue - discountAmount - adDiscountAmount - rebateAmount);
                    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);
                    if (disAmnt == false) {
                        $("#disc_amt_" + input_id).val(discountAmount);
                    } else {
                        $("#dis_per_" + input_id).val(discountPercentage);
                    }
                    $("#gross_value_" + input_id).val(grossValue.toFixed(3));
                    $("#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);
                $('.adCost_' + input_id).keyup();
            });
            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;
            @if (Auth::user()->company_profile->add_additional_ledgers_to_amount == 1)
                $(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);
                        }
                    }

                });
            @endif
            let grandTotal = (totalSum + tcsAmount + freight + additionalTotal - billDiscount - additionalDiscount);
            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));
            if (($('#supplier_inv_amount').val() != '') && ($('#supplier_inv_amount').val() != null)) {
                $('#supp-inv-diff').css('display', 'block');
                let diff = $('#supplier_inv_amount').val() - grandTotal;
                $('#supp-inv-diff').html('Inv Diff Amt: ' + diff.toFixed(3));
            }
        }

        $("#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,.discAmt,.ad_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();
                    var currentScroll = $(window).scrollTop();
                    $("[tabindex='" + nextindex + "']").focus().select();
                    $(window).scrollTop(currentScroll);
                }
            });

        $(document).on('keydown', '.rebate',
            function(e) {
                var key = e.which;
                if (key == 13) // the enter key code
                {
                    e.preventDefault();
                    @if (Auth::user()->company_profile->show_price_slab_update_modal_on_purchase == 0)
                        var tabindex = $(this).attr('tabindex');
                        if (tabindex == undefined || isNaN(tabindex)) {
                            return;
                        }
                        var nextindex = parseInt(tabindex) + 1;
                        calculateSum();
                        $("[tabindex='" + nextindex + "']").focus().select();
                    @else
                        let id = $(this).closest('tr').attr('id');
                        $('#price-slab-row-id').val(id);
                        showPriceSlabUpdateModal();
                    @endif
                }
            });


        function showPriceSlabUpdateModal() {
            var rowId = $('#price-slab-row-id').val();
            var stockItemId = $('#item_' + rowId).val();
            var taxable_value = $('#taxable_value_' + rowId).val();
            var qty = $('#qty_' + rowId).val();
            var setPrice = taxable_value / qty;
            setPrice = setPrice.toFixed(3);
            var setUnitId = $('#unit_change_' + rowId).val();
            $.ajax({
                type: "POST",
                url: "{{ route('fetch-item-price-slab-data') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    "stock_item_id": stockItemId,
                },
                success: function(response) {
                    let unitText = $('#unit_change_' + rowId).find('option:selected').text();
                    let setUnitQty = response.stockItemUnits.find(unit => unit.unit_id == setUnitId)
                        .unit_qty;
                    let setPricePerBaseUnit = setPrice / setUnitQty;
                    let html = '';
                    html +=
                        '<table class="table table-bordered"><thead><tr><th width="40%">Item</th><th width="30%">P.Price</th><th width="30%">Unit</th></tr></thead><tbody>';
                    html +=
                        '<tr><td>' + response.stockItem.name +
                        '</td><td><input type="number" disabled readonly class="form-control" value="' +
                        setPrice +
                        '" style="text-align: right !important; padding-right: 10px !important;"></td><td>' +
                        unitText +
                        '</td></tr></tbody></table>';
                    html += '<h5 class="modal-title">Base Prices</h5>';
                    html +=
                        '<table class="table table-bordered"><thead><tr><th width="40%">Unit</th><th width="20%">Margin</th><th width="40%">Price</th></tr></thead><tbody>';
                    let priceTabIndex = 12000;
                    response
                        .stockItemUnits.forEach(function(basePrices, index) {
                            let convertedUnitPrice = setPricePerBaseUnit * basePrices.unit_qty;
                            let sellingPrice = basePrices.unit_selling_price;
                            if (newBasePrices[basePrices.id] != undefined) {
                                sellingPrice = newBasePrices[basePrices.id];
                            }
                            let margin = (((sellingPrice - convertedUnitPrice) /
                                convertedUnitPrice) * 100).toFixed(2);
                            html += '<tr>';
                            html += '<td>' + basePrices.unit.name + '</td>';
                            html +=
                                '<td><input type="number" tabIndex="' + (priceTabIndex + 1) +
                                '"  data-base-price-id="' + basePrices.id +
                                '" data-unit-qty="' + basePrices.unit_qty +
                                '" data-unit-id="' + basePrices.unit_id +
                                '" class="baseMargin form-control form-input-box min-width60" value="' +
                                margin +
                                '" style="text-align: right !important; padding-right: 10px !important;"></td>';
                            html += '<td><input type="number" tabIndex="' + (priceTabIndex + 2) +
                                '"  data-base-price-id="' + basePrices
                                .id +
                                '" data-unit-qty="' + basePrices.unit_qty +
                                '" data-unit-id="' + basePrices.unit_id +
                                '" class="basePrice form-control form-input-box min-width60" value="' +
                                sellingPrice +
                                '" style="text-align: right !important; padding-right: 10px !important;"></td>';
                            html += '</tr>';
                            priceTabIndex = parseInt(priceTabIndex) + 2;
                        });

                    html += '</tbody></table>';
                    if (response.stockItemPriceSlabs.length > 0) {
                        html += '<h5 class="modal-title">Price Slabs</h5>';
                        html +=
                            '<table class="table table-bordered"><thead><tr><th width="30%">Price Slab</th><th width="30%">Unit</th><th width="15%">Margin</th><th width="25%">Price</th></tr></thead><tbody>';
                        response.stockItemPriceSlabs.forEach(function(priceSlabs, index) {
                            let unit_qty = response.stockItemUnits.find(unit => unit.unit_id ==
                                priceSlabs.unit_id).unit_qty;
                            let convertedUnitPrice = setPricePerBaseUnit * unit_qty;
                            let sellingPrice = priceSlabs.selling_price;
                            if (newPriceSlabPrices[priceSlabs.id] != undefined) {
                                sellingPrice = newPriceSlabPrices[priceSlabs.id];
                            }
                            let margin = (((sellingPrice - convertedUnitPrice) /
                                convertedUnitPrice) * 100).toFixed(2);
                            html += '<tr>';
                            html += '<td>' + priceSlabs.price_slab.name + '</td>';
                            html += '<td>' + priceSlabs.unit.name + '</td>';
                            html += '<td><input type="number" tabIndex="' + (priceTabIndex + 1) +
                                '"  data-item-price-slab-id="' +
                                priceSlabs.id +
                                '" data-unit-qty="' + unit_qty +
                                '" data-unit-id="' + priceSlabs.unit_id +
                                '" class="priceSlabMargin form-control form-input-box min-width60" value="' +
                                margin +
                                '" style="text-align: right !important; padding-right: 10px !important;"></td>';
                            html += '<td><input type="number" tabIndex="' + (priceTabIndex + 2) +
                                '"  data-item-price-slab-id="' +
                                priceSlabs
                                .id +
                                '" data-unit-qty="' + unit_qty +
                                '" data-unit-id="' + priceSlabs.unit_id +
                                '" class="priceSlabPrice form-control form-input-box min-width60" value="' +
                                sellingPrice +
                                '"style="text-align: right !important; padding-right: 10px !important;"></td>';
                            html += '</tr>';
                            priceTabIndex += 2;

                        })
                    } else {
                        html += 'No Price Slab Found';
                    }
                    html += '</tbody></table>';
                    $('#price-slab-update-body').html(html);
                    $(
                        '#priceSlabUpdateModal').modal('show');

                }
            });
        };

        $('#priceSlabUpdateModal').on('shown.bs.modal', function(e) {
            setTimeout(() => {
                $('input[tabIndex="12001"]').focus();
            }, 200);
        });

        $(document).on('keyup', '.basePrice', function() {
            let id = $(this).attr('data-base-price-id');
            let unit_qty = $(this).attr('data-unit-qty');
            let unit_id = $(this).attr('data-unit-id');
            let price = $(this).val();
            var rowId = $('#price-slab-row-id').val();
            // let entered_price = $('#purchase_price_exc_gst_' + rowId).val();
            let taxable_value = $('#taxable_value_' + rowId).val();
            let enetered_qty = $('#qty_' + rowId).val();
            let entered_price = (taxable_value / enetered_qty).toFixed(2);
            let entered_unit = $('#unit_change_' + rowId).val();
            let entered_unit_qty;
            $('.baseMargin').each(function() {
                if ($(this).attr('data-unit-id') == entered_unit) {
                    entered_unit_qty = $(this).attr('data-unit-qty');
                }
            });
            let entered_price_per_base_unit = entered_price / entered_unit_qty;
            let convertedUnitPrice = entered_price_per_base_unit * unit_qty;
            let margin = (((price - convertedUnitPrice) / convertedUnitPrice) * 100).toFixed(2);
            newBasePrices[id] = price;
            $('.baseMargin[data-base-price-id=' + id + ']').val(margin);
        });

        $(document).on('keyup', '.baseMargin', function() {
            let id = $(this).attr('data-base-price-id');
            let unit_qty = $(this).attr('data-unit-qty');
            let unit_id = $(this).attr('data-unit-id');
            let margin = $(this).val();
            var rowId = $('#price-slab-row-id').val();
            // let entered_price = $('#purchase_price_exc_gst_' + rowId).val();
            let taxable_value = $('#taxable_value_' + rowId).val();
            let enetered_qty = $('#qty_' + rowId).val();
            let entered_price = (taxable_value / enetered_qty).toFixed(2);
            let entered_unit = $('#unit_change_' + rowId).val();
            let entered_unit_qty;
            $('.basePrice').each(function() {
                if ($(this).attr('data-unit-id') == entered_unit) {
                    entered_unit_qty = $(this).attr('data-unit-qty');
                }
            });
            let entered_price_per_base_unit = entered_price / entered_unit_qty;
            let convertedUnitPrice = entered_price_per_base_unit * unit_qty;
            let price = (((margin / 100) * convertedUnitPrice) + convertedUnitPrice).toFixed(2);
            newBasePrices[id] = price;
            $('.basePrice[data-base-price-id=' + id + ']').val(price);
        });

        $(document).on('keyup', '.priceSlabMargin', function() {
            let id = $(this).attr('data-item-price-slab-id');
            let unit_qty = $(this).attr('data-unit-qty');
            let unit_id = $(this).attr('data-unit-id');
            let margin = $(this).val();
            var rowId = $('#price-slab-row-id').val();
            // let entered_price = $('#purchase_price_exc_gst_' + rowId).val();
            let taxable_value = $('#taxable_value_' + rowId).val();
            let enetered_qty = $('#qty_' + rowId).val();
            let entered_price = (taxable_value / enetered_qty).toFixed(2);
            let entered_unit = $('#unit_change_' + rowId).val();
            let entered_unit_qty;
            $('.basePrice').each(function() {
                if ($(this).attr('data-unit-id') == entered_unit) {
                    entered_unit_qty = $(this).attr('data-unit-qty');
                }
            });
            let entered_price_per_base_unit = entered_price / entered_unit_qty;
            let convertedUnitPrice = entered_price_per_base_unit * unit_qty;
            let price = (((margin / 100) * convertedUnitPrice) + convertedUnitPrice).toFixed(2);
            newPriceSlabPrices[id] = price;
            $('.priceSlabPrice[data-item-price-slab-id=' + id + ']').val(price);
        });

        $(document).on('keyup', '.priceSlabPrice', function() {
            let id = $(this).attr('data-item-price-slab-id');
            let unit_qty = $(this).attr('data-unit-qty');
            let unit_id = $(this).attr('data-unit-id');
            let price = $(this).val();
            var rowId = $('#price-slab-row-id').val();
            // let entered_price = $('#purchase_price_exc_gst_' + rowId).val();
            let taxable_value = $('#taxable_value_' + rowId).val();
            let enetered_qty = $('#qty_' + rowId).val();
            let entered_price = (taxable_value / enetered_qty).toFixed(2);
            let entered_unit = $('#unit_change_' + rowId).val();
            let entered_unit_qty;
            $('.baseMargin').each(function() {
                if ($(this).attr('data-unit-id') == entered_unit) {
                    entered_unit_qty = $(this).attr('data-unit-qty');
                }
            });
            let entered_price_per_base_unit = entered_price / entered_unit_qty;
            let convertedUnitPrice = entered_price_per_base_unit * unit_qty;
            let margin = (((price - convertedUnitPrice) / convertedUnitPrice) * 100).toFixed(2);
            newPriceSlabPrices[id] = price;
            $('.priceSlabMargin[data-item-price-slab-id=' + id + ']').val(margin);
        });

        $(document).on('keydown', '.basePrice,.baseMargin,.priceSlabPrice,.priceSlabMargin', function(e) {
            if (e.keyCode == 13) {
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                //check next element exist
                if ($("[tabindex='" + nextindex + "']").length == 0) {
                    let rowId = $('#price-slab-row-id').val();
                    let nextRowId = parseInt(rowId) + 1;
                    $('#priceSlabUpdateModal').modal('hide');
                    if ($('#item_' + nextRowId).length == 0) {
                        $('#row_add').click();
                    } else {
                        $('#item_' + nextRowId).focus().select();
                    }
                } else {
                    $("[tabindex='" + nextindex + "']").focus();
                }
            }
        })

        $(document).on('select2:select', '.stock-item,.unit_change', function(e) {
            var tabindex = $(this).attr('tabindex');
            var nextindex = parseInt(tabindex) + 1;
            var currentScroll = $(window).scrollTop();
            $("[tabindex='" + nextindex + "']").focus().select();
            $(window).scrollTop(currentScroll);
        });

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

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

        $(window).on("load", function() {
            fetchAccountItemData();
            fetchPartyItemData();
        })

        function fetchAccountItemData(formInput = false) {
            let item_id = $("#account").val();
            let selectedValue = '{{ $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 = '{{ $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() {
            var voucherType = $("#voucher-type").text();
            if ((voucherType != "Asset Purchase" && $('#item-heading').html() == 'Add Ledgers') || (voucherType ==
                    "Asset Purchase" && $('#item-heading').html() != 'Add Ledgers')) {
                $("#appendRow").empty();
                tabIndex = 0;
                appendStockItemRow();
            }
            var currentVoucherTypeId = {{ $accountingVoucher->voucher_type_id }};
            var currentVoucherNumber = '{{ $accountingVoucher->voucher_number }}';
            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('keydown', function(e) {
            if (e.altKey && e.key === 'i' || e.altKey && e.key === 'I') {
                $('#itemCreateModal').modal('show');
            }
        });

        $(document).on('keyup', '.discAmt', 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 dicountAmt = $("#disc_amt_" + input_id).val();
            let grossValue = price * qty;
            let discountPercentage = ((dicountAmt / grossValue) * 100).toFixed(2);
            $("#dis_per_" + input_id).val(discountPercentage);
            calculateSum(true);
        })

        $('#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();
        }

        Mousetrap.bind(['alt+u'], function() {
            $('#item-edit-data').html('');
            //get current focus
            var element = document.activeElement;
            let id = $(element).closest('tr').attr('id');
            var item_id = $('#item_' + id).val();
            if (item_id != null) {
                $.ajax({
                    url: "{{ route('edit-item-modal') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "id": item_id
                    },
                    success: function(data) {
                        $('#item-edit-data').html(data);
                        $('#item-edit-modal').modal('show');
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        });
        Mousetrap.bind(['alt+u'], function() {
            $('#item-edit-data').html('');
            //get current focus
            var element = document.activeElement;
            let id = $(element).closest('tr').attr('id');
            var item_id = $('#item_' + id).val();
            if (item_id != null) {
                $.ajax({
                    url: "{{ route('edit-item-modal') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "id": item_id
                    },
                    success: function(data) {
                        $('#item-edit-data').html(data);
                        $('#item-edit-modal').modal('show');
                        superRowId = id;
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        });
        $(document).on('keydown', function(e) {
            if (e.code === 'F6') {
                $('#purchaseHistoryBody').html('');
                $('#history-item-name').html('');
                e.preventDefault();
                var element = document.activeElement;
                let id = $(element).closest('tr').attr('id');
                var item_id = $('#item_' + id).val();
                if (item_id != null) {
                    if (!$('#sidebarModal').hasClass('show')) {
                        $.ajax({
                            type: "post",
                            url: "/admin/purchase-history",
                            data: {
                                _token: "{{ csrf_token() }}",
                                "item_id": item_id
                            },
                            dataType: "json",
                            success: function(response) {
                                var html = '';
                                for (let i = 0; i < response.purchaseHistory.length; i++) {
                                    html += '<tr>';
                                    html += '<td>' + response.purchaseHistory[i]['accounting_voucher'][
                                        'voucher_date'
                                    ] + '</td>';
                                    html += '<td>' + response.purchaseHistory[i]['accounting_voucher'][
                                        'voucher_number'
                                    ] + '</td>';
                                    html += '<td>' + response.purchaseHistory[i]['accounting_voucher'][
                                        'credit_ledger'
                                    ]['name'] + '</td>';
                                    html += '<td>' + response.purchaseHistory[i]['quantity'] + '</td>';
                                    html += '<td>' + response.purchaseHistory[i]['price'] + '</td>';
                                    html += '<td>' + response.purchaseHistory[i]['price_inc_tax'] +
                                        '</td>';
                                    html += '<td>' + response.purchaseHistory[i]['disc_amount'] +
                                        '</td>';
                                    html += '<td>' + response.purchaseHistory[i][
                                        'landing_cost_inc_gst'
                                    ] + '</td>';
                                    html += '<td>' + response.purchaseHistory[i]['total'] + '</td>';
                                    html += '</tr>';
                                    $('#purchaseHistoryBody').html(html);
                                }
                                html1 = '';
                                for (let i = 0; i < response.saleHistory.length; i++) {
                                    html1 += '<tr>';
                                    html1 += '<td>' + response.saleHistory[i]['accounting_voucher'][
                                        'voucher_date'
                                    ] + '</td>';
                                    html1 += '<td>' + response.saleHistory[i]['accounting_voucher'][
                                        'voucher_number'
                                    ] + '</td>';
                                    html1 += '<td>' + response.saleHistory[i]['accounting_voucher'][
                                        'debit_ledger'
                                    ]['name'] + '</td>';
                                    html1 += '<td>' + response.saleHistory[i]['quantity'] + '</td>';
                                    html1 += '<td>' + response.saleHistory[i]['price'] + '</td>';
                                    html1 += '<td>' + response.saleHistory[i]['price_inc_tax'] +
                                        '</td>';
                                    html1 += '<td>' + response.saleHistory[i]['disc_amount'] + '</td>';
                                    html1 += '<td>' + response.saleHistory[i]['total'] + '</td>';
                                    html1 += '</tr>';
                                    $('#saleHistoryBody').html(html1);
                                }
                                $('#history-item-name').html(response.itemName);
                            }
                        });
                    }
                }
                $('#sidebarModal').toggleClass('show');
            }
        });
        $(document).on('keyup', '.qty', function(e) {
            totalQty();
        });

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

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