@extends('layouts.room-booking-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" />
    <style>
        .error {
            color: red;
        }

        table tr td .stock-item+.select2-container {
            min-width: 500px !important;
            max-width: 500px !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: 100px !important;
        }
         .select2-container .select2-search--inline .select2-search__field {
            margin-top: 9px !important;
        }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
            text-wrap: auto ! important;
        }

        .select2-selection.select2-selection--multiple {
            display: flex !important;
        }

        .card-body .col-lg-4 {
            padding: 0 5px !important;
        }
        .loader-div {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 99;
            display: flex;
            align-items: center;
            justify-content: center;

        }

        .loader {
            width: 60px;
            aspect-ratio: 1;
            animation: l5-0 1s infinite steps(1);
        }

        .loader::before,
        .loader::after {
            content: "";
            position: absolute;
            inset: 0 50% 50% 0;
            transform-origin: bottom right;
            animation:
                l5-1 0.5s infinite linear alternate,
                l5-2 0.5s infinite steps(1) alternate;
        }

        .loader::after {
            --s: -1, -1;
        }

        @keyframes l5-0 {
            0% {
                transform: scale(1, 1) rotate(0deg)
            }

            50% {
                transform: scale(1, -1) rotate(90deg)
            }
        }

        @keyframes l5-1 {
            0% {
                transform: scale(var(--s, 1)) perspective(150px) rotateX(0deg)
            }

            100% {
                transform: scale(var(--s, 1)) perspective(150px) rotateX(180deg)
            }
        }

        @keyframes l5-2 {
            0% {
                background: #25b09b
            }

            50% {
                background: #514b82
            }
        }

        .select2-container *:focus {
            outline: solid 2px #81321b !important;
            border: 2px solid #81321b !important;
        }

        input:focus {
            outline: solid 2px #81321b !important;
            border: 2px solid #81321b !important;
        }
    </style>
    @include('admin.stock-items.create-modal-css')
@endsection
@section('title')
    Sales
@endsection
@section('content')
    <main style="position: relative">
        <div class="loader-div" style="visibility: hidden;">
            <div class="loader"></div>
        </div>
        @isset($accountingVoucher)
            <form action="/admin/simple-sale/{{ $accountingVoucher->id }}" method="POST" id="accounting-voucher"
                autocomplete="off" class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/simple-sale" method="POST" id="accounting-voucher" autocomplete="off"
                    class="needs-validation" novalidate>
                @endisset
                @csrf
                <div class="row d-none">

                    <div class="col-lg-8">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    @isset($accountingVoucher)
                                        Edit Sales
                                    @else
                                        Add Sales
                                    @endisset
                                </h5>

                                <div class="form-check form-switch" style="float: right;">
                                    <label class="form-label">Price Including GST</label>
                                    <input class="form-check-input" type="checkbox" id="price-including"
                                        name="price_including" value="1"
                                        {{ Auth::user()->company_profile->price_or_price_including == 1 ? 'checked' : '' }}
                                        onchange="togglePriceIncluding()">
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <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 col-sm-6 mb-2">
                                        <label for="nameInput" class="form-label">Voucher Number</label>
                                        <div class="input-group">
                                            @if (Auth::user()->company_profile->use_new_voucher_number_format == 1)
                                                @isset($accountingVoucher)
                                                    @php
                                                        $prefix = $accountingVoucher->vch_prefix;
                                                        $suffix = $accountingVoucher->vch_suffix;
                                                        $vch_no = $accountingVoucher->vch_no;
                                                    @endphp
                                                    @if ($vch_no != null)
                                                        <span class="input-group-text" id="inputGroup-sizing-sm"
                                                            @if ($prefix == null || $prefix == '') style="display: none;" @endif>{{ $prefix }}</span>
                                                        <input type="text" class="form-control"
                                                            style="background: lightgrey;" name="voucher_number"
                                                            id="voucher-number" value="{{ $vch_no }}"
                                                            @if ($companyProfile->edit_voucher_number) @else readonly @endif>
                                                        <span class="input-group-text" id="inputGroup-sizing-sm-2"
                                                            @if ($suffix == null || $suffix == '') style="display: none;" @endif>{{ $suffix }}</span>
                                                    @else
                                                        @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 }}"
                                                                @if ($companyProfile->edit_voucher_number) @else readonly @endif>
                                                            <span class="input-group-text" id="inputGroup-sizing-sm-2"
                                                                style="display: none;"></span>
                                                        @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 }}"
                                                                @if ($companyProfile->edit_voucher_number) @else readonly @endif>
                                                            <span class="input-group-text" id="inputGroup-sizing-sm-2"
                                                                style="display: none;"></span>
                                                        @endif
                                                    @endif
                                                @else
                                                    @if ($voucherType->prefix != null)
                                                        <span class="input-group-text"
                                                            id="inputGroup-sizing-sm">{{ $voucherType->prefix }}</span>
                                                    @else
                                                        <span class="input-group-text" id="inputGroup-sizing-sm"
                                                            style="display: none;"></span>
                                                    @endif
                                                    <input type="text" class="form-control" style="background: lightgrey;"
                                                        name="voucher_number" id="voucher-number" value="" readonly>
                                                    @if ($voucherType->suffix != null)
                                                        <span class="input-group-text"
                                                            id="inputGroup-sizing-sm-2">{{ $voucherType->suffix }}</span>
                                                    @else
                                                        <span class="input-group-text" id="inputGroup-sizing-sm-2"
                                                            style="display: none;"></span>
                                                    @endif
                                                @endisset
                                            @else
                                                @isset($accountingVoucher)
                                                    @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 }}"
                                                            @if ($companyProfile->edit_voucher_number) @else readonly @endif>
                                                    @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 }}"
                                                            @if ($companyProfile->edit_voucher_number) @else readonly @endif>
                                                    @endif
                                                @else
                                                    @if ($voucherType->prefix != null)
                                                        <span class="input-group-text"
                                                            id="inputGroup-sizing-sm">{{ $voucherType->prefix }}</span>
                                                    @else
                                                        <span class="input-group-text" id="inputGroup-sizing-sm"
                                                            style="display: none;"></span>
                                                    @endif
                                                    <input type="text" class="form-control" style="background: lightgrey;"
                                                        name="voucher_number" id="voucher-number" value="" readonly>
                                                @endisset
                                            @endif
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <label class="form-label">Voucher Date</label>
                                        <input type="date"
                                            class="form-control {{ isset($accountingVoucher) ? '' : 'datepicker' }}"
                                            name="voucher_date"
                                            value="{{ isset($accountingVoucher) ? $accountingVoucher->voucher_date : date('Y-m-d') }}">
                                    </div>
                                {{-- </div>
                                <div class="row mb-3"> --}}

                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <label class="form-label">Sales Ledger (Cr)</label>
                                        <select class="form-select" id="account" name="credit_ledger_id"
                                            onchange="fetchAccountItemData(true)" required>
                                            <option value="">Select ledger</option>
                                        </select>
                                    </div>
                                    {{-- </div>
                                <div class="row mb-3"> --}}
                                    <div class="col-lg-4 col-sm-6 mb-2"
                                        style="@if ($companyProfile->show_location == 0) display: none; @endif ">
                                        <label class="form-label">Stock Location</label>
                                        <select class="form-select" id="stock-location" name="stock_location_id" required
                                            onChange="updateStockLocation()">
                                            <option value="">Choose stock location</option>
                                        </select>
                                    </div>

                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        @php
                                            $paymentIds = $PaymentLedgers->pluck('id')->toArray();
                                        @endphp
                                        <label class="form-label">Party (Dr)</label>
                                        <select class="form-select" id="party" name="debit_ledger_id"
                                            onchange="fetchPartyItemData(true)">
                                            <option value="">Select ledger</option>
                                            @isset($accountingVoucher)
                                                @if ($accountingVoucher->debitLedger != null && !in_array($accountingVoucher->debit_ledger_id, $paymentIds))
                                                    <option value="{{ $accountingVoucher->debit_ledger_id }}" selected>
                                                        {{ $accountingVoucher->debitLedger->name }}</option>
                                                @endif
                                            @endisset
                                        </select>
                                    </div>
                                    @if ($companyProfile->show_price_slab == 1)
                                        <div class="col-lg-4 col-sm-6 mb-2 mt-2">
                                            <label class="form-label">Price Slab</label>
                                            <select class="form-select" id="price-slab" name="price_slab_id">
                                                <option value="">Select Price Slab</option>
                                                @foreach ($priceSlabs as $priceSlab)
                                                    <option value="{{ $priceSlab->id }}"
                                                        {{ isset($accountingVoucher) ? ($accountingVoucher->price_slab_id == $priceSlab->id ? 'selected' : '') : '' }}>
                                                        {{ $priceSlab->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif
                                     <div class="col-lg-4 col-sm-6 mb-2">
                                        <label class="form-label">Tax Type</label>
                                        <select class="form-select" id="tax-type" name="tax_type" data-choices
                                            data-choices-search-false>
                                            @isset($accountingVoucher)
                                                <option value="1" {{ $igst == false ? 'selected' : '' }}>IntraState
                                                </option>
                                                <option value="0" {{ $igst == true ? 'selected' : '' }}>InterState (IGST)
                                                </option>
                                            @else
                                                <option value="1" selected>IntraState</option>
                                                <option value="0">InterState (IGST)</option>
                                            @endisset
                                        </select>
                                    </div>
                                    @if ($companyProfile->show_vehicle_number)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">Vehicle Number</label>
                                            <input type="text" class="form-control" placeholder="Enter vehicle number"
                                                value="{{ isset($accountingVoucher) ? $accountingVoucher->vehicle_no : '' }}"
                                                name="vehicle_no" @if ($companyProfile->vehicle_no_mandatory) required @endif>
                                        </div>
                                    @endif

                                    @if (isset($accountingVoucher) && $accountingVoucher->otp != null && $accountingVoucher->approval_status != 'Approved')
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">OTP</label>
                                            <input type="text" name="otp" class="form-control"
                                                placeholder="Enter OTP">
                                        </div>
                                    @endif
                                </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/sales"><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 class="col-lg-12 d-flex">
                                    <h5 id="party-address"></h5>
                                    <h5 id="party-details"></h5>
                                </div>
                                <div class="col-lg-12 d-flex">
                                    <h5 id="party-gst"></h5>
                                </div>
                            </div>
                        </div>
                        <div class="card" style="min-height: 100px;padding: 5px">
                            <div>
                                <table style="width: 100%">
                                    <thead>
                                        <tr>
                                            <th>Price Slab</th>
                                            <th>Unit</th>
                                            <th>Price (Inc Tax)</th>
                                        </tr>
                                    <tbody id="priceSlabListBody">
                                    </tbody>
                                    </thead>
                                    <tbody id="priceSlabList"></tbody>
                                </table>
                            </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="col-lg-4 col-sm-6 mb-2 p-3" style="padding-bottom: 0px !important;">
                                        <label class="form-label"><strong> Voucher Date : </strong> {{ \Carbon\Carbon::parse($accountingVoucher->voucher_date)->format('d-m-Y') }}</label>
                                    </div>
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    Edit Sales
                                </h5>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table style="width: 100%">
                                            <thead>
                                                <tr>
                                                    <th>SN</th>
                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <th>Item Code</th>
                                                    @endif
                                                    <th style="width: 500px">&nbsp;&nbsp;&nbsp;Item</th>
                                                    <th class="d-none">Stock</th>
                                                    @if (Auth::user()->company_profile->show_mrp_in_simple_mode == 1)
                                                        <th>MRP</th>
                                                    @endif
                                                    <th>Unit</th>
                                                    @if (Auth::user()->company_profile->qty_or_price_first == 0)
                                                        <th>Qty</th>
                                                        <th>Price</th>
                                                    @else
                                                        <th>Price</th>
                                                        <th>Qty</th>
                                                    @endif
                                                    @if (Auth::user()->company_profile->discount_percentage_in_sales)
                                                        <th> Disc%</th>
                                                    @endif
                                                    <th style="text-align: center;">Total</th>
                                                    @if (Auth::user()->company_profile->show_item_description)
                                                        <th>Description</th>
                                                    @endif
                                                    <th>Remarks</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="appendRow">
                                                @isset($accountingVoucherItems)
                                                    @php
                                                        $tabIndex = 1;
                                                    @endphp
                                                    @if (count($accountingVoucherItems) > 0)
                                                        @foreach ($accountingVoucherItems as $key => $accountingVoucherItem)
                                                            @php
                                                                $key = $key + 1;
                                                            @endphp
                                                            <tr id="{{ $key }}"
                                                                class="row_{{ $key }} headrow">
                                                                <td class="text-center sale-sn" style="font-weight:600;">
                                                                    {{ $key }}
                                                                </td>
                                                                @php
                                                                    $i = 0;
                                                                    $j = 0;
                                                                @endphp
                                                                @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                                    @php
                                                                        $i = 1;
                                                                    @endphp
                                                                    <td><input type="text"
                                                                            value="{{ $accountingVoucherItem->stockItem->item_code }}"
                                                                            class="mousetrap form-control itemCode  min-width60"
                                                                            data-id="{{ $key }}"
                                                                            id="itemCode_{{ $key }}"
                                                                            tabindex="{{ $tabIndex + 1 }}"
                                                                            onfocus="handleRow({{ $key }})"></td>
                                                                    </td>
                                                                @endif
                                                                <td>
                                                                    <select tabindex="{{ $tabIndex + 1 + $i }}"
                                                                        class="form-control stock-item" name="item[]"
                                                                        onchange="fetchItemData({{ $key }})"
                                                                        id="item_{{ $key }}"
                                                                        onfocus="handleRow({{ $key }})">
                                                                        <option value="">Select item</option>
                                                                        <option
                                                                            value="{{ $accountingVoucherItem->stock_item_id }}"
                                                                            selected>
                                                                            {{ $accountingVoucherItem->stockItem->name }}
                                                                        </option>
                                                                    </select>
                                                                </td>
                                                                <td class="d-none">
                                                                    <div id="stock_{{ $key }}">---</div>
                                                                </td>
                                                                @if (Auth::user()->company_profile->show_mrp_in_simple_mode == 1)
                                                                    <td>
                                                                        <input type="number" name="mrp[]"
                                                                            value="{{ $accountingVoucherItem->stockItem->mrp }}"
                                                                            id="mrp_{{ $key }}" readonly
                                                                            class="form-control min-width60 form-input-box"
                                                                            readonly>
                                                                    </td>
                                                                @endif
                                                                <td>
                                                                    <select name="unit_id[]"
                                                                        tabindex="{{ $tabIndex + 2 + $i }}"
                                                                        class="mousetrap form-control unit_change unit_{{ $key }}"
                                                                        id="unit_change_{{ $key }}"
                                                                        onchange="salesChangeUnit({{ $key }})"
                                                                        onfocus="handleRow({{ $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 }}"
                                                                            {{ isset($accountingVoucherItem) ? ($accountingVoucherItem->unit_id == $accountingVoucherItem->unit->id ? 'selected' : '') : '' }}>
                                                                            {{ $accountingVoucherItem->unit->symbol }}</option> --}}
                                                                    </select>
                                                                </td>
                                                                @if (Auth::user()->company_profile->qty_or_price_first == 0)
                                                                    <td>

                                                                        <div class="input-group" style="flex-wrap: nowrap">
                                                                            <div class="input-group-text qty-find d-none"><i
                                                                                    class="lar la-question-circle"></i></div>
                                                                            <input type="number"
                                                                                tabindex="{{ $tabIndex + 3 + $i }}"
                                                                                name="qty[]"
                                                                                value="{{ $accountingVoucherItem->quantity }}"
                                                                                id="qty_{{ $key }}"
                                                                                class="mousetrap form-control qty min-width60 form-input-box"
                                                                                onfocus="handleRow({{ $key }})">
                                                                        </div>
                                                                    </td>
                                                                    <td
                                                                        @if (Auth::user()->company_profile->price_or_price_including == 1) style="display: none" @endif>
                                                                        <input type="number" name="price[]"
                                                                            tabindex="{{ $tabIndex + 4 + $i }}"
                                                                            value="{{ $accountingVoucherItem->price }}"
                                                                            id="price_{{ $key }}"
                                                                            class="mousetrap form-control min-width60 price form-input-box"
                                                                            {{ Auth::user()->sale_executive_price_change == 0 ? 'readonly' : '' }}>
                                                                    </td>
                                                                    <td
                                                                        @if (Auth::user()->company_profile->price_or_price_including == 0) style="display: none" @endif>
                                                                        <div class="input-group" style="flex-wrap: nowrap">
                                                                            <div class="input-group-text item-price-slab">
                                                                                <i class="lar la-question-circle"></i>
                                                                            </div><input type="number" name="price_inc_gst[]"
                                                                                value="{{ $accountingVoucherItem->price_inc_tax }}"
                                                                                id="price_inc_tax_{{ $key }}"
                                                                                tabindex="{{ $tabIndex + 4 + $i }}"
                                                                                class="mousetrap form-control min-width60 priceIncTax form-input-box"
                                                                                onfocus="handleFocus({{ $key }})">
                                                                            <input type="hidden" name="gross_value[]"
                                                                                value="{{ $accountingVoucherItem->gross_value }}"
                                                                                id="gross_value_{{ $key }}" readonly
                                                                                class="form-control min-width60 form-input-box">
                                                                        </div>
                                                                    </td>
                                                                @else
                                                                    <td
                                                                        @if (Auth::user()->company_profile->price_or_price_including == 1) style="display: none" @endif>
                                                                        <input type="number" name="price[]"
                                                                            tabindex="{{ $tabIndex + 3 + $i }}"
                                                                            value="{{ $accountingVoucherItem->price }}"
                                                                            id="price_{{ $key }}"
                                                                            class="mousetrap form-control min-width60 price form-input-box"
                                                                            {{ Auth::user()->sale_executive_price_change == 0 ? 'readonly' : '' }}>
                                                                    </td>
                                                                    <td
                                                                        @if (Auth::user()->company_profile->price_or_price_including == 0) style="display: none" @endif>
                                                                        <div class="input-group" style="flex-wrap: nowrap">
                                                                            <div class="input-group-text item-price-slab">
                                                                                <i class="lar la-question-circle"></i>
                                                                            </div><input type="number" name="price_inc_gst[]"
                                                                                value="{{ $accountingVoucherItem->price_inc_tax }}"
                                                                                id="price_inc_tax_{{ $key }}"
                                                                                tabindex="{{ $tabIndex + 3 + $i }}"
                                                                                class="mousetrap form-control min-width60 priceIncTax form-input-box"
                                                                                onfocus="handleFocus({{ $key }})">
                                                                            <input type="hidden" name="gross_value[]"
                                                                                value="{{ $accountingVoucherItem->gross_value }}"
                                                                                id="gross_value_{{ $key }}" readonly
                                                                                class="form-control min-width60 form-input-box">
                                                                        </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 + 4 + $i }}"
                                                                                name="qty[]"
                                                                                value="{{ $accountingVoucherItem->quantity }}"
                                                                                id="qty_{{ $key }}"
                                                                                class="mousetrap form-control qty min-width60 form-input-box"
                                                                                onfocus="handleRow({{ $key }})">
                                                                        </div>
                                                                    </td>
                                                                @endif

                                                                @if (Auth::user()->company_profile->discount_percentage_in_sales)
                                                                    @php
                                                                        $j = 1;
                                                                    @endphp
                                                                    <td>
                                                                        <input type="number"
                                                                            tabindex="{{ $tabIndex + 5 + $i }}"
                                                                            @if (Auth::user()->company_profile->discount_percentage_in_sales) @else type="hidden" @endif
                                                                            name="discount_per[]"
                                                                            value="{{ $accountingVoucherItem->disc_percentage }}"
                                                                            id="dis_per_{{ $key }}"
                                                                            class="mousetrap form-control min-width50 discPer form-input-box"
                                                                            onfocus="handleRow({{ $key }})">
                                                                        <input type="hidden" name="disc_amt[]"
                                                                            id="disc_amt_{{ $key }}"
                                                                            value="{{ $accountingVoucherItem->disc_amount }}">
                                                                    </td>
                                                                @endif
                                                                <td><input type="hidden" name="taxable_value[]"
                                                                        value="{{ $accountingVoucherItem->taxable_value }}"
                                                                        id="taxable_value_{{ $key }}"
                                                                        class="mousetrap form-control min-width60 taxable_value form-input-box">
                                                                    <input type="hidden" name="gst[]"
                                                                        id="item_gst_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->stockItem->gst }}">
                                                                    <input type="hidden" id="cessPer_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->stockItem->cess }}"
                                                                        name="cessper[]">
                                                                    <input type="hidden" name="cess_amt[]"
                                                                        id="cessAmt_{{ $key }}">
                                                                    <input type="hidden" name="load_weight[]"
                                                                        id="load_weight_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->load_weight }}"><input
                                                                        type="hidden" name="empty_weight[]"
                                                                        id="empty_weight_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->empty_weight }}">
                                                                    <input type="number"
                                                                        class="form-control min-width60 form-input-box min-width60 total_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->total }}" readonly>
                                                                </td>
                                                                @if (Auth::user()->company_profile->show_item_description)
                                                                    <td>
                                                                        <textarea class="form-control min-width60" id="item_description_{{ $key }}" readonly>  {{ $accountingVoucherItem->stockItem->description }}
                                                                      </textarea>
                                                                    </td>
                                                                @endif
                                                                <td> <input type="text" name="item_remarks[]"
                                                                        id="item_remarks_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->remarks ?? '' }}"
                                                                        class="mousetrap form-control min-width60 form-input-box item-remarks">
                                                                </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 = $tabIndex + $j + $i + 4;
                                                            @endphp
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td></td>
                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                    {{-- <td></td> --}}
                                                    @if (Auth::user()->company_profile->show_mrp_in_simple_mode == 1)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td class="text-center"><span class=" fw-bold w-100"
                                                            id="total-qty">0</span></td>
                                                    <td></td>
                                                    @if (Auth::user()->company_profile->discount_percentage_in_sales == 1)
                                                        <td></td>
                                                    @endif
                                                    <td id="total-sum" class="text-center" style="font-weight: 600;">
                                                        {{ isset($accountingVoucherItems) ? $accountingVoucherItems->sum('total') : '0.00' }}
                                                    </td>
                                                    @if (Auth::user()->company_profile->show_item_description)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                        <div class="row">
                                            <div class="col-md-5">
                                                <table>
                                                    <tr class="d-none">
                                                        <td><b>Discount :</b></td>
                                                        <td>
                                                            <div style="display: flex"> <input type="number"
                                                                    name="bill_discount" class="billDiscount"
                                                                    value="{{ isset($accountingVoucher) ? $accountingVoucher->discount : '' }}"
                                                                    id="bill-discount">
                                                                <div class="input-group ms-2" style="flex-wrap: nowrap">
                                                                    <div class="input-group-text item-price-slab">
                                                                        <i class="ri-percent-line"></i>
                                                                    </div> <input type="number"
                                                                        class="billDiscountPercentage" value=""
                                                                        id="bill-discount-percentage">
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr class="d-none">
                                                        <td> <b>Additional Discount :</b></td>
                                                        <td> <input type="number" name="additional_discount"
                                                                class="additionalDiscount"
                                                                value="{{ isset($accountingVoucher) ? $accountingVoucher->additional_discount : '' }}"
                                                                id="additional_discount"></td>
                                                    </tr>
                                                    <tr  class="d-none">
                                                        <td><b class="text-nowrap">Freight/Etc :</b> </td>
                                                        <td><input type="number" name="freight" class="freight"
                                                                style="width: 153px;"
                                                                value="{{ isset($accountingVoucher) ? $accountingVoucher->freight : '' }}"
                                                                id="freight"></td>
                                                    </tr>
                                                    <tr>
                                                        <td> <b>Round Off :</td>
                                                        <td> <input type="hidden" id="round-off-amt" name="round_off"
                                                                value="{{ isset($accountingVoucher) ? $accountingVoucher->round_off : '0.00' }}">
                                                            <div id="round-off" style="font-weight: 600;">
                                                                {{ isset($accountingVoucher) ? $accountingVoucher->round_off : '0.00' }}
                                                            </div>
                                                        </td>

                                                    </tr>
                                                    <tr>
                                                        <td> <b class="text-nowrap">Grand Total : <input type="hidden" id="grand-total-amt"
                                                                    name="grand_total"
                                                                    value="{{ isset($accountingVoucher) ? $accountingVoucher->amount : '0.00' }}">
                                                        </td>
                                                        <td id="grand-total">
                                                            {{ isset($accountingVoucher) ? $accountingVoucher->amount : '0.00' }}
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            @if (Auth::user()->company_profile->show_previous_price_history == 1)
                                                <div class="col-md-5">
                                                    <table class="table table-bordered">
                                                        <tr>
                                                            <th>Voucher Date</th>
                                                            <th>Voucher no</th>
                                                            <th>Qty</th>
                                                            <th>Unit</th>
                                                            <th>Price</th>
                                                            <th>Price(Inc GST)</th>
                                                            <th>Dis %</th>
                                                            <th>Dis Amt</th>
                                                            <th>Total</th>
                                                            <th>Batch</th>
                                                        </tr>
                                                        <tbody id="price-history-body">

                                                        </tbody>
                                                    </table>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="row firsthidden_rows text-end">
                                    <div class="col-md-12 text-right">
                                        {{-- <button type="button" class="btn btn-info" id="row_add"
                                            @isset($accountingVoucherItems)
                                                tabindex="{{ $tabIndex + 1 }}"
                                            @endisset
                                            onclick="appendStockItemRow()"><i class="las la-plus"></i>Add</button> --}}
                                        <button type="button" class="btn btn-primary me-5" data-bs-toggle="modal"
                                            data-bs-target="#adDetailsModal">
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Save&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        </button>
                                    </div>
                                </div>
                                <small class="text-danger">* Stock is based on the base unit of the item</small>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- Customer Details Modal --}}
                <div class="modal fade" id="adDetailsModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                    aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-header bg-light p-3 d-flex justify-content-between">
                                <h5 class="modal-title" id="exampleModalLabel">Payment Details</h5>
                                <h5 class="modal-title ms-5 w-50">Bill Amount:&nbsp;<span id="grand_total_modal">
                                        @isset($accountingVoucher)
                                            {{ $accountingVoucher->amount }}
                                        @endisset </span></h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                                    id="close-modal"></button>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    @php
                                        $paymentIds = $PaymentLedgers->pluck('id')->toArray();
                                    @endphp
                                    @foreach ($PaymentLedgers as $PaymentLedger)
                                        @isset($accountingVoucher)
                                            @php
                                                if ($accountingVoucher->adj_voucher_id != null) {
                                                    $amount = App\Models\AccountingVoucherDetails::where(
                                                        'accounting_voucher_id',
                                                        $accountingVoucher->adj_voucher_id,
                                                    )
                                                        ->where('ledger_id', $PaymentLedger->id)
                                                        ->first();
                                                } else {
                                                    $amount = App\Models\AccountingVoucherDetails::where(
                                                        'accounting_voucher_id',
                                                        $accountingVoucher->id,
                                                    )
                                                        ->where('ledger_id', $PaymentLedger->id)
                                                        ->first();
                                                }
                                            @endphp
                                        @endisset
                                        <div class="row mb-3">
                                            <div class="col-md-3">
                                                <label for="payment_mode"
                                                    class="form-label">{{ $PaymentLedger->name }}</label>
                                            </div>
                                            <div class="col-md-6">
                                                <input type="text" name="payment_mode[{{ $PaymentLedger->id }}]"
                                                    class="form-control payment_mode" id=""
                                                    value="{{ isset($amount) ? $amount->amount : '' }}">
                                            </div>
                                            <div class="col-md-3">
                                                <input type="radio" class="radio-button"
                                                    style="width:100px;height:25px;" name="radio"
                                                    data-id="{{ $PaymentLedger->id }}">
                                            </div>
                                        </div>
                                    @endforeach
                                    <hr>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-3">
                                        <label for="customer_name" class="form-label">Customer <br> Name</label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" name="customer_name" class="form-control customer_name"
                                            value="{{ isset($accountingVoucher) ? ($accountingVoucher->customer != null ? $accountingVoucher->customer->name : '') : '' }}"
                                            placeholder="Enter customer name"
                                            @if (Auth::user()->company_profile->customer_details_required == 1) required @endif>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-3">
                                        <label for="customer_name" class="form-label">Customer <br> Phone</label>
                                    </div>
                                    <div class="col-md-9">
                                        <input type="text" name="customer_mobile" class="form-control phone"
                                            value="{{ isset($accountingVoucher) ? ($accountingVoucher->customer != null ? $accountingVoucher->customer->mobile : '') : '' }}"
                                            placeholder="Enter customer mobile"
                                            @if (Auth::user()->company_profile->customer_details_required == 1) required @endif>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-md-3">
                                        <label for="customer_name" class="form-label">Cost <br> Center</label>
                                    </div>
                                    <div class="col-md-9">
                                        <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>
                            </div>
                            <hr>
                            <div class="col-md-12">
                                <div class="mb-3 text-end">
                                    <br>
                                    <input type="submit" value="Save & Print" class="submit-btn btn btn-primary me-3"
                                        id="submit">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                </div>
            </form>
    </main>


    {{-- Modal --}}
    <div class="modal fade" id="printModal" 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">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body">
                    <h5>Do you want print ?</h5>
                </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 href="" type="button" class="btn btn-primary" id="print-btn">Yes</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Modal --}}
    <div class="modal fade" id="qty-Modal" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Find Net Quantity</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="row-id" value="">
                    <label for="whole">Load Weight</label>
                    <input type="number" name="load-weight" id="load-weight" class="form-control" value="">
                    <br>
                    <label for="qty-1">Empty Weight</label>
                    <input type="number" name="empty-weight" id="empty-weight" class="form-control" value="">
                </div>
                <div class="modal-footer">
                    <div class="hstack gap-2 justify-content-end">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">No</button>
                        <a type="button" class="btn btn-primary" id="qty-find-submit">Submit</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Modal --}}
    <div class="modal fade" id="priceSlabModal" 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">Item Details</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body" id="priceSlabModalBody">
                    <h5>Unit Details</h5>
                    <table id="UnitTable" class="table table-bordered dt-responsive nowrap">
                        <thead>
                            <tr>
                                <th>Unit</th>
                                <th>Qty</th>
                            </tr>
                        </thead>
                        <tbody id="UnitTableBody">

                        </tbody>
                    </table>
                    <br>
                    <h5>Price Slab Details</h5>
                    <table id="PriceSlabTable" class="table table-bordered dt-responsive nowrap">
                        <thead>
                            <tr>
                                <th>PriceSlab</th>
                                <th>Unit</th>
                                <th>Price(Incl Tax)</th>
                            </tr>
                        </thead>
                        <tbody id="PriceSlabTableBody">
                        </tbody>

                    </table>

                </div>
            </div>
        </div>
    </div>
    <div id="item-edit-data">
    </div>
    @include('admin.stock-items.create-modal')
@endsection
@section('script')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></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="{{ URL::asset('/assets/js/mousetrap.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    @include('admin.stock-items.create-modal-script')
    <script>
        let priceIncluding = {{ Auth::user()->company_profile->price_or_price_including }};
        let loadCount = 1;
        let dyanamicTabIndex = 0;

        @if (Auth::user()->company_profile->discount_percentage_in_sales)
            dyanamicTabIndex++
        @endif
        @if (Auth::user()->company_profile->show_item_code_in_sales == 1)
            dyanamicTabIndex++;
        @endif
        Mousetrap.bind(['left'], function() {
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) - 1;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        Mousetrap.bind(['down'], function() {
            event.preventDefault();
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) + 4 + dyanamicTabIndex;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        Mousetrap.bind(['up'], function() {
            event.preventDefault();
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) - 4 - dyanamicTabIndex;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        Mousetrap.bind(['right'], function() {
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) + 1;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        $('#price-slab').select2({
            placeholder: 'Select Price Slab',
            allowClear: true
        });
        $('#mode-of-transport').select2({
            placeholder: 'Select Mode of Transport',
            allowClear: true
        });
        $('#sales_executive').select2({
            placeholder: 'Select Sales Executive',
            allowClear: true
        });

        var posEnabled = {{ $posEnabled }};
        let cost_center_required = false;
        var tabIndex = 0;
        let stockLocationId;
        var negativeStockEnabled = {{ $negativeStockEnabled }};
        const stockLocationSelect = new Choices('#stock-location', {
            placeholder: true,
        });
        const voucherTypeSelect = new Choices('#voucher-type', {
            placeholder: true,
        });
        const accountSelect = new Choices('#account', {
            placeholder: 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=${'{{ isset($accountingVoucher) ? $accountingVoucher->stock_location_id : '' }}'}`
                }).then((response) => response.json());
                return items.data;
                var result = items.json();
            } catch (err) {
                console.error(err);
            }
        });
        voucherTypeSelect.setChoices(async () => {
            try {
                const voucherTypeId =
                    {{ isset($accountingVoucher) ? $accountingVoucher->voucher_type_id : $staffVoucherTypeId ?? 'null' }};
                const voucherNumber =
                    '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_number : 'null' }}';
                const params = {
                    voucherTypeId,
                    voucherNumber
                };

                const response = await fetch('/admin/get-sales-voucher-types', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    },
                    body: JSON.stringify(params),
                });

                const data = await response.json();

                if (!'{{ isset($accountingVoucher) }}') {
                    document.getElementById('voucher-number').value = data.voucherNumber;
                }
                return data.data;
            } catch (err) {
                console.error(err);
                return [];
            }
        }, 'value', 'label', true).then(() => {
            @if (!isset($accountingVoucher))
                $('#voucher-type').trigger('change');
            @endif
        });
        accountSelect.setChoices(async () => {
            try {
                const items = await fetch('/admin/get-sales-credit-ledgers', {
                    method: 'post',
                    headers: new Headers({
                        'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: `creditLedgerId=${'{{ isset($accountingVoucher) ? $accountingVoucher->credit_ledger_id : '' }}'}`
                }).then((response) => response.json());
                return items.data;
                var result = items.json();
            } catch (err) {
                console.error(err);
            }
        });
        $('#party').select2({
            placeholder: 'Select item',
            allowClear: true,
            ajax: {
                url: "/admin/get-sales-debit-ledgers",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        var name = item.description != null ? item.name + ' (' + item.description +
                            ')' : item.name;
                        return {
                            id: item.id,
                            text: name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('.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) {
                        var barcode = item.internal_barcode != null ? item.internal_barcode : '';
                        var description = item.description != null ? item.description : '';
                        var price = item.sale_price;
                        var name = item.name + ' ' + barcode + ' (Rs.' + price + ')';
                        if (description != '') {
                            name = name + ' (' + description + ')';
                        }
                        return {
                            id: item.id,
                            text: name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        // $('.unit_change').select2();
        $(document).ready(function() {
            totalQty();
            $('#topnav-hamburger-icon').click();
            $('#customer-source').select2({
                placeholder: 'Select Customer Source',
            })
            cost_center_required = '{{ $cost_center_required }}' == '1' ? true : false;
            $('#cost-center').select2({
                placeholder: 'Select Cost Center',
                allowClear: true,
            });
            @if (!isset($accountingVoucher))
                updateStockLocation();
                appendStockItemRow();
            @else
                updateStockLocation();
                $(append_row + ' > tr').each(function() {
                    var rowCount = $(this).attr('id');
                    $('#unit_change_' + rowCount).select2();
                    const select2Item = $('#item_' + rowCount).attr('tabindex', tabIndex + 1 +
                        dyanamicTabIndex - 1);
                    const select2ItemUnit = $('#unit_change_' + rowCount).attr('tabindex', tabIndex + 2 +
                        dyanamicTabIndex - 1);
                    tabIndex = parseInt(tabIndex) + parseInt(4 + dyanamicTabIndex);
                });
            @endif
        });

        $("#estimateModal").on('hide.bs.modal', function() {
            @isset($accountingVoucher)
                window.location.href =  "/admin/room-booking";
            @else
                window.location.href = "{{ route('sales.create') }}";
            @endisset
        });

        $('#submit').click(function(e) {
            e.preventDefault();
            $('#accounting-voucher').submit();
        });
        $('#accounting-voucher').validate({
            rules: {
                'voucher_number': {
                    required: true,
                },
                'voucher_date': {
                    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",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                calculateSum();
                if ($('#party').val() == '') {
                    var adAmount = 0;
                    var hasValue = false;
                    $('.payment_mode').each(function() {
                        var value = $(this).val();
                        if (!isNaN(value) && value.length != 0) {
                            adAmount += parseFloat(value);
                            hasValue = true;

                        }
                    });
                    if (hasValue) {
                        var grandTotal = $('#grand-total-amt').val();
                        var adAmount = parseFloat(adAmount);

                        grandTotal = Math.floor(grandTotal);
                        if (grandTotal != adAmount) {
                            alert('Total amount does not match');
                            return
                        }
                    }
                }
                $('.submit-btn').prop('disabled', true);
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            $('#adDetailsModal').modal('hide');
                            const printUrl = `/admin/room-booking-invoice-print?selectedItem={{ $roomBooking->accounting_voucher_id }}&room_booking_id={{ $roomBooking->id }}`;
                            if (confirm('Do you want to print?')) {
                                window.open(printUrl, '_blank');
                                location.reload();
                            } else {
                                location.reload();
                            }
                            // let selectedItem = [];
                            // selectedItem.push(data.accountingVoucherId);
                            // ThermalPrint(selectedItem);
                        } 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);
                        }
                    }
                });
            }
        });

        $('form').on('keypress', '#submit', function(event) {
            if (event.keyCode === 13) {
                event.preventDefault();
                return false;
            }
        });
        let append_row = '#appendRow';
        var tabIndex = 1;

        function appendStockItemRow() {
            var rowCount = $('#appendRow tr:last').attr('id');
            if (rowCount == "" || rowCount == undefined) {
                rowCount = 1;
            } else {
                rowCount = parseInt(rowCount) + parseInt(1);
            }
            var rows = '<tr id="' + rowCount + '" class="row_' + rowCount +
                ' headrow"> <td class="text-center sale-sn" style="font-weight:600;">' + rowCount +
                '</td>@if (Auth::user()->company_profile->show_item_code_in_sales) <td><input type="text" class="mousetrap form-control itemCode  min-width60" data-id="' +
                rowCount + '" id="itemCode_' + rowCount + '" tabindex="' + `${tabIndex+1}` +
                '"  onfocus="handleRow(' + rowCount +
                ')"></td>@endif<td>';
            @if (Auth::user()->company_profile->show_item_code_in_sales)
                i = 1;
            @else
                i = 0;
            @endif
            rows +=
                '<select tabindex="1" class="mousetrap form-control stock-item" name="item[]" onchange="fetchItemData(' +
                rowCount + ')" id="item_' + rowCount + '"  onfocus="handleRow(' + 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> @if (Auth::user()->company_profile->show_mrp_in_simple_mode == 1)<td><input type="number" name="mrp[]" id="mrp_' +
                rowCount +
                '" class="form-control form-input-box min-width60" readonly><div class="errormsg" id="error_mrp_' +
                rowCount +
                '"></td>@endif<td><select name="unit_id[]" tabindex="' +
                `${tabIndex+2+i}` +
                '" class="mousetrap form-control unit_change unit_' + rowCount +
                '" id="unit_change_' + rowCount + '" onchange="salesChangeUnit(' + rowCount +
                ')" onfocus="handleRow(' + rowCount +
                ')"></select></td> @if (Auth::user()->company_profile->qty_or_price_first == 0)<td></div>  <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+3+i}` + '" name="qty[]" id="qty_' +
                rowCount +
                '" class="mousetrap form-control form-input-box qty min-width60" onfocus="handleRow(' + rowCount +
                ')"></div><div class="errormsg" id="error_qty_' +
                rowCount +
                '"></div></td><td @if (Auth::user()->company_profile->price_or_price_including == 1) style="display: none" @endif><input type="number" step=".001" name="price[]" tabindex="' +
                `${tabIndex+4+i}` +
                '" id="price_' + rowCount +
                '" class="mousetrap form-control form-input-box price min-width60" {{ Auth::user()->sale_executive_price_change == 0 ? 'readonly' : '' }}></td><td @if (Auth::user()->company_profile->price_or_price_including == 0) style="display: none" @endif><div class="input-group" style="flex-wrap: nowrap">  <div class="input-group-text item-price-slab"><i class="lar la-question-circle"></i></div><input type="number" onfocus="handleFocus(' +
                rowCount + ')"  name="price_inc_gst[]" id="price_inc_tax_' +
                rowCount +
                '"   tabindex="' +
                `${tabIndex+4+i}` +
                '" class="mousetrap form-control  form-input-box priceIncTax min-width60"><input type="hidden" name="gross_value[]" id="gross_value_' +
                rowCount +
                '" readonly class="form-control form-input-box min-width60"></div> </td>@else <td @if (Auth::user()->company_profile->price_or_price_including == 1) style="display: none" @endif><input type="number" step=".001" name="price[]" tabindex="' +
                `${tabIndex+3+i}` +
                '" id="price_' + rowCount +
                '" class="mousetrap form-control form-input-box price min-width60" {{ Auth::user()->sale_executive_price_change == 0 ? 'readonly' : '' }}></td><td @if (Auth::user()->company_profile->price_or_price_including == 0) style="display: none" @endif><div class="input-group" style="flex-wrap: nowrap">  <div class="input-group-text item-price-slab"><i class="lar la-question-circle"></i></div><input type="number" onfocus="handleFocus(' +
                rowCount + ')"  name="price_inc_gst[]" id="price_inc_tax_' +
                rowCount +
                '"   tabindex="' +
                `${tabIndex+3+i}` +
                '" class="mousetrap form-control  form-input-box priceIncTax min-width60"><input type="hidden" name="gross_value[]" id="gross_value_' +
                rowCount +
                '" readonly class="form-control form-input-box min-width60"></div> <td></div>  <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+4+i}` + '" name="qty[]" id="qty_' +
                rowCount +
                '" class="mousetrap form-control form-input-box qty min-width60" onfocus="handleRow(' + rowCount +
                ')"></div><div class="errormsg" id="error_qty_' +
                rowCount +
                '"></div></td>    @endif @if (Auth::user()->company_profile->discount_percentage_in_sales)<td><input @if (Auth::user()->company_profile->discount_percentage_in_sales) type="number" tabindex="' +
                `${tabIndex+5+i}` +
                '"  @else type="hidden" @endif  name="discount_per[]" id="dis_per_' +
                rowCount +
                '"  class="mousetrap form-control form-input-box discPer min-width50" onfocus="handleRow(' + rowCount +
                ')"><input type="hidden" name="disc_amt[]" id="disc_amt_' +
                rowCount +
                '">@endif</td><td><input type="hidden" name="taxable_value[]" id="taxable_value_' +
                rowCount +
                '" class="mousetrap form-control form-input-box taxable_value min-width60"><input type="hidden" name="gst[]" id="item_gst_' +
                rowCount +
                '"><input type="hidden" id="cessPer_' + rowCount +
                '" name="cessper[]"><input type="hidden" name="cess_amt[]" id="cessAmt_' + rowCount +
                '"><input type="hidden" name="load_weight[]" id="load_weight_' + rowCount +
                '"><input type="hidden" name="empty_weight[]" id="empty_weight_' + rowCount +
                '"><input type="number" name="total[]" class="form-control form-input-box min-width60 total_' +
                rowCount +
                '" readonly></td> @if (Auth::user()->company_profile->show_item_description)<td><textarea class="form-control min-width60" id="item_description_' +
                rowCount +
                '" readonly> </textarea> </td>@endif <td> <input type="text" name="item_remarks[]" id="item_remarks_' +
                rowCount +
                '" cols="30" rows="1"  class="mousetrap form-control item-remarks" ></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);
            $('#item_' + rowCount + '').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) {
                            var barcode = item.internal_barcode != null ? item.internal_barcode : '';
                            var description = item.description != null ? item.description : '';
                            var price = item.sale_price;
                            var name = item.name + ' ' + barcode + ' (Rs.' + price + ')';
                            if (description != '') {
                                name = name + ' (' + description + ')';
                            }
                            return {
                                id: item.id,
                                text: name,
                            };
                        });

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

            $('#unit_change_' + rowCount + '').select2();
            @if (Auth::user()->company_profile->show_item_code_in_sales == 1)
                $('#item_' + rowCount + '').prop('tabindex', tabIndex + 2);
                $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 3);
            @else
                $('#item_' + rowCount + '').prop('tabindex', tabIndex + 1);
                $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 2);
            @endif
            var k = 0;
            @if (Auth::user()->company_profile->discount_percentage_in_sales)
                k++;
            @endif
            @if (Auth::user()->company_profile->show_item_code_in_sales == 1)
                k++;
            @endif
            tabIndex += 4 + k;
            $('#row_add').prop('tabindex', tabIndex + 1);

            @if (Auth::user()->company_profile->show_item_code_in_sales)
                $('#itemCode_' + rowCount + '').focus();
            @else
                $('#item_' + rowCount + '').focus().select();
            @endif

            setSn();
            totalQty();
        }

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


        $(document).on('keydown', '.itemCode', function(e) {

            if (e.keyCode == 13) {
                e.preventDefault();
                var rowcount = $(this).data('id');
                var item_code = $(this).val();
                if (item_code != '') {
                    $.ajax({
                        type: "post",
                        url: "/admin/fetch-item-data-by-code",
                        data: {
                            "item_code": item_code,
                            _token: "{{ csrf_token() }}",
                        },
                        dataType: "json",
                        success: function(response) {
                            if (response.status == false) {
                                alert("Item not found");
                                $('#item_' + rowcount + '').focus().select();

                            } else {
                                var option = '<option value="' + response.item.id + '" selected>' +
                                    response.item.name + '</option>';
                                $('#item_' + rowcount).html(option);
                                fetchItemData(rowcount);
                                $('#unit_change_' + rowcount + '').focus().select();
                            }
                        }
                    });
                }

            }


        });

        function fetchItemData(id) {
            var prd = $("#item_" + id).val();
            let tabIndex = $('#item_' + id).prop('tabindex');
            if (prd != "" && id != "") {
                $.ajax({
                    url: "{{ route('fetch-stock-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd,
                        "acId": `{{ isset($accountingVoucher) ? $accountingVoucher->id : null }}`,
                        "location": $('#stock-location').val(),
                        "price_slab_id": $('#price-slab').val(),
                        "ledger_id": $('#party').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);
                        $("#price_" + id).val(data.sale_price);
                        $("#stock_" + id).html(data.stock);
                        $("#itemCode_" + id).val(data.item_code);
                        $('#item_description_' + id).val(data.description);
                        $('#unit_change_' + id + '').prop('tabindex', tabIndex + 1);
                        if (data.discount_perc != null) {
                            $("#dis_per_" + id).val(data.discount_perc);
                        }
                        calculateSum();
                        priceHistory(id);
                        var purchaeincludingTax = parseFloat(data.purchase_price) + parseFloat((data
                            .purchase_price * (data.cess + data.gst) / 100));
                        var html = `<tr>
                                    '<td> ${data.purchase_price}</td>
                                    '<td> ${purchaeincludingTax}</td>
                                    '<td> ${data.gst}</td>
                                    '<td> ${data.cess}</td>
                                    </tr>`;
                        $('#purchasePriceBody').html(html);
                        if (data.closing_stock_negative) {
                            alert("Stock is negative. Please add stock.");
                        }
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        };

        function salesChangeUnit(id) {
            let unit_id = $('#unit_change_' + id).val();
            let tabIndex = $('#item_' + id).prop('tabindex');
            let stock_item_id = $('#item_' + id).val();
            $.ajax({
                url: "{{ route('sales-change-unit') }}",
                type: "POST",
                data: {
                    _token: "{{ csrf_token() }}",
                    "unit_id": unit_id,
                    "stock_item_id": stock_item_id,
                    "price_slab_id": $('#price-slab').val(),
                    "ledger_id": $('#party').val(),
                },
                success: function(data) {
                    $('#unit_change_' + id + '').prop('tabindex', tabIndex + 1);
                    $('#price_' + id).val(parseFloat(data.sales_price).toFixed(3));
                    calculateSum();
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }
            });
            updateStockLocation();
            if (stockLocationId != null && stockLocationId != '') {
                if (negativeStockEnabled == 0) {
                    $.ajax({
                        type: "post",
                        url: "{{ route('check-item-location-stock-quantity') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            "stock_location_id": stockLocationId,
                            "stock_item_id": stock_item_id,
                            "unit_id": $("#unit_change_" + id).val(),
                            "quantity": $("#qty_" + id).val(),
                        },
                        success: function(response) {
                            if (response.status == true) {
                                calculateSum();
                            } else {
                                alert(response.message + " " + "Available stock only " + response.availableQty);
                                $("#qty_" + rowId).val("");
                                calculateSum();
                            }
                        }
                    });
                } else {
                    calculateSum();
                }
            } else {
                calculateSum();
                alert("Please select stock location");
            }
        };

        $(document).on('keyup', '.billDiscount, .freight,.additionalDiscount, .price, .discPer', function() {
            calculateSum();
        });

        $(document).on('keyup', '.qty', function() {
            var rowId = $(this).closest('tr').attr('id');
            $('#load_weight_' + rowId).val('');
            $('#empty_weight_' + rowId).val('');
            var stockItem = $("#item_" + rowId).val();
            updateStockLocation();
            if (stockLocationId != null && stockLocationId != '') {
                if (negativeStockEnabled == 0) {
                    $.ajax({
                        type: "post",
                        url: "{{ route('check-item-location-stock-quantity') }}",
                        data: {
                            _token: "{{ csrf_token() }}",
                            "stock_location_id": stockLocationId,
                            "stock_item_id": stockItem,
                            "unit_id": $("#unit_change_" + rowId).val(),
                            "quantity": $(this).val()
                        },
                        success: function(response) {
                            if (response.status == true) {
                                calculateSum();
                            } else {
                                alert(response.message + " " + "Available stock only " + response
                                    .availableQty);
                                $("#qty_" + rowId).val("");
                                calculateSum();
                            }

                        }
                    });
                } else {
                    calculateSum();
                }
            } else {
                calculateSum();
                alert("Please select stock location");
            }
        });

        $(document).on('keyup', '.priceIncTax', function() {
            var input_id = $(this).closest('tr').attr('id');
            var priceIncTax = $("#price_inc_tax_" + input_id).val();
            var itemGst = $("#item_gst_" + input_id).val();
            var cessPer = $("#cessPer_" + input_id).val();
            let totalTax = parseFloat(itemGst) + parseFloat(cessPer);
            var price = (priceIncTax / (totalTax + 100)) * 100;
            $('#price_' + input_id).val(price.toFixed(3));
            calculateSum(true);
        });

        $(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;
                    $('#price_' + input_id).val(parseFloat(purchasePrice).toFixed(3));
                } else {
                    var purchasePrice = taxable_value / qty;
                    var percentage = (100 - srDiscountPer) / 100;
                    var purchasePrice = purchasePrice / percentage;
                    $('#price_' + input_id).val(parseFloat(purchasePrice).toFixed(3));
                }
            }
        });

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

        function calculateSum(fromPriceincTax = false) {
            var billDiscount = $("#bill-discount").val();
            var additionalDiscount = $("#additional_discount").val();
            var freight = parseFloat($("#freight").val()) || 0;
            var totalSum = 0;
            var discountPer = 0;
            var cessPer = 0;
            $(append_row + ' > tr').each(function() {
                var itemTotal = 0;
                var input_id = this.id.match(/\d+/);
                var qty = $("#qty_" + input_id).val();
                var price = $("#price_" + input_id).val();
                var discountPer = $("#dis_per_" + input_id).val() || 0;
                var taxType = $("#tax-type").val();
                var itemGst = $("#item_gst_" + input_id).val();
                var cessPer = $("#cessPer_" + input_id).val();
                if (!isNaN(qty) && qty != undefined && qty != "") {
                    qty = qty;
                } else {
                    qty = 0;
                }
                if (!isNaN(price) && price != undefined && price != "") {
                    let totalTax = parseFloat(itemGst) + parseFloat(cessPer);
                    let singleItemTaxAmt = (totalTax * price / 100);
                    let priceIncTax = parseFloat(price) + parseFloat(singleItemTaxAmt);
                    let grossValue = price * qty;
                    let discountAmount = discountPer * grossValue / 100;
                    let taxableValue = (grossValue - discountAmount);
                    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);

                    $("#disc_amt_" + input_id).val(discountAmount);
                    $("#gross_value_" + input_id).val(grossValue.toFixed(3));
                    $("#taxable_value_" + input_id).val(taxableValue.toFixed(3));
                    if (fromPriceincTax == false) {
                        $("#price_inc_tax_" + input_id).val(parseFloat(priceIncTax).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(parseFloat(itemTotal).toFixed(3));
                totalSum += parseFloat(itemTotal);
            });
            if ($('#tcs').is(':checked') == true) {
                var tcsAmount = totalSum * 0.1 / 100;
                $('input[name="tcsValue"]').val(tcsAmount.toFixed(3));
                $("#tcs_amount").html(tcsAmount.toFixed(3));
            } else {
                var tcsAmount = 0;
            }
            $("#total-sum").html(totalSum.toFixed(3));
            let grandTotal = (totalSum + tcsAmount + freight - 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));
            $('#grand_total_modal').html(grandTotal.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, .price, .priceIncTax, .discPer, .taxable_value, .item-remarks,.priceIncTax,.itemCode',
            function(e) {
                var key = e.which;
                if (key == 13) // the enter key code
                {
                    e.preventDefault();
                    var tabindex = $(this).attr('tabindex');
                    if (tabindex == undefined || isNaN(tabindex)) {
                        return;
                    }
                    var nextindex = parseInt(tabindex) + 1;
                    calculateSum();
                    $("[tabindex='" + nextindex + "']").focus().select();
                }
            });

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

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

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

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

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

        function fetchPartyItemData(formInput = false) {
            let item_id = $("#party").val();
            let selectedValue = '{{ isset($accountingVoucher) ? $accountingVoucher->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,
                        "location_id": $("#stock-location").val(),
                    },
                    success: function(item) {
                        $("#party-balance").html(item.data[0] + " Balance :");
                        var formattedData = parseFloat(item.data[1]).toFixed(3) + " " + item.data[2];
                        $('#party-gst').html("GSTIN : " + item.ledger['gst']);
                        if (item.data[4] != null) {
                            $('#party-address').html("Address : " + item.data[4]);
                        } else {
                            $('#party-address').html("Address : ");
                        }
                        $("#party-closing-balance").html(formattedData);
                        if (item.data[3] != null) {
                            $('#price-slab').val(item.data[3]).trigger('change');
                        }
                        if (item.voucher_type != null) {
                            $("#voucher-type").val(item.voucher_type);
                            voucherTypeSelect.setChoiceByValue(item.voucher_type);
                            changeVoucherType();
                        }
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        }

        function changeVoucherType() {
            var currentVoucherTypeId = {{ isset($accountingVoucher) ? $accountingVoucher->voucher_type_id : 'null' }};
            var currentVoucherNumber = '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_number : 'null' }}';
            var voucherId = {{ isset($accountingVoucher) ? $accountingVoucher->id : 'null' }};
            var voucherTypeId = $("#voucher-type").val();
            if (voucherTypeId) {
                $.ajax({
                    url: "{{ route('getVoucherNumber') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "voucherTypeId": voucherTypeId,
                        "currentVoucherTypeId": currentVoucherTypeId,
                        "currentVoucherNumber": currentVoucherNumber,
                        "voucherId": voucherId
                    },
                    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();
                        }

                        if (data.suffix != null) {
                            $("#inputGroup-sizing-sm-2").show();
                            $("#inputGroup-sizing-sm-2").html(data.suffix);
                        } else {
                            $("#inputGroup-sizing-sm-2").hide();
                        }
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        }

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

        });

        function print(id) {
            print = window.open("{{ URL::to('/admin/pos-print/') }}/" + id, "myWindow",
                "scrollbars=yes,width=288,height=512");
            print.screenX = 0;
            print.screenY = 0;
            print.window.onload = function() {
                print.print();
                print.onafterprint = function() {
                    print.close();
                    @isset($accountingVoucher)
                        window.location.href =
                             "/admin/room-booking";
                    @else
                        window.location.href =
                            "{{ route('sales.create') }}";
                    @endisset
                }
            };
        }

        function updateStockLocation() {
            stockLocationId = $("#stock-location").val();
        }

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

        $(document).on('click', '.item-price-slab', function() {
            let id = $(this).closest('tr').attr('id');
            var item_id = $('#item_' + id).val();
            $('#UnitTableBody').html('');
            $('#PriceSlabTableBody').html('');
            if (item_id != null) {
                $.ajax({
                    url: "{{ route('get-item-price-slab') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id
                    },
                    success: function(data) {
                        $('#UnitTableBody').append(data.unit_html);
                        $('#PriceSlabTableBody').html(data.price_slab_html);
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });

                $('#priceSlabModal').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 ThermalPrint(id) {
            @if (Auth::user()->printSettings->thermal_print_type == 1 || Auth::user()->printSettings->thermal_print_type == 2)
                print = window.open("{{ URL::to('/admin/sales-thermal-print/') }}/" + id, "myWindow",
                    "scrollbars=yes");
            @else
                print = window.open("{{ URL::to('/admin/sales-thermal-print/') }}/" + id, "myWindow",
                    "scrollbars=yes");
            @endif
            print.screenX = 0;
            print.screenY = 0;
            print.window.onload = function() {
                print.print();
                print.onafterprint = function() {
                    print.close();
                    @if (isset($accountingVoucher))
                        window.location.href =
                            "/admin/room-booking";
                    @else
                        window.location.href =
                            "{{ route('sales.create') }}";
                    @endif
                }
            };
            var timer = setInterval(function() {
                if (print.closed) {
                    clearInterval(timer);
                    @if (isset($accountingVoucher))
                        window.location.href =
                            "/admin/room-booking";
                    @else
                        window.location.href =
                            "{{ route('sales.create') }}";
                    @endif
                }
            }, 300);
        }
        $(document).on('keydown', function(e) {
            if (e.altKey && e.key === 'i') {
                $('#itemCreateModal').modal('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);
        }
        @if (!isset($accountingVoucher))
            $('#price-slab').change(function(e) {
                e.preventDefault();
                $('.loader-div').css('visibility', 'visible');
                $(append_row + ' > tr').each(function() {
                    var itemTotal = 0;
                    var input_id = this.id.match(/\d+/);
                    var item = $('#item_' + input_id).val();
                    if (item != '') {
                        fetchItemData(input_id);
                    }
                });
                setTimeout(() => {
                    $('.loader-div').css('visibility', 'hidden');
                }, 1000);
            })
        @endif
        $(document).on('focus', '.select2-selection.select2-selection--single', function(e) {
            setTimeout(() => {
                var $selectElement = $(this).closest('td').find('select');
                if ($selectElement.length != 0) {
                    var itemIndex = $selectElement.attr('tabindex');
                    if (itemIndex) {
                        $(this).prop('tabindex', itemIndex);
                    }
                }
            }, 100);
        });

        $(document).on('keydown', function(e) {
            if (e.altKey && e.key === 'v' || e.altKey && e.key === 'V') {
                $('#submit').click();
            }
        });

        function priceHistory(id) {
            var item_id = $("#item_" + id).val();
            var ledger_id = $('#party').val();
            if (ledger_id != '' && item_id != '') {
                $.ajax({
                    url: "{{ route('sales-price-history-ledger') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id,
                        "ledger_id": $('#party').val(),

                    },
                    success: function(data) {
                        $('#price-history-body').html('');
                        $('#price-history-body').append(data.html);
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        }

        $('.stock-item').on('select2:open', function() {
            var selectedText = $(this).find('option:selected').text().trim();
            var $searchField = $(this).data('select2').dropdown.$search || $(this).data('select2').dropdown.$search[
                0];
            if (selectedText) {
                $($searchField).val(selectedText);
                $($searchField).trigger('input');
            }
        });

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

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

        function handleRow(id) {
            $('tr').css('background-color', 'white');
            $('#' + id).css('background-color', '#9fb4fb');
        }
        $('#bill-discount-percentage').on('keyDown', function(e) {
            e.preventDefault();
        });
        $('#bill-discount-percentage').on('keyup', function(e) {
            percentage = $(this).val();
            var grandTotal = parseFloat($('#total-sum').text())
            var discount_amount = (percentage / 100) * grandTotal;
            $('#bill-discount').val(discount_amount.toFixed(3));
            calculateSum();
        })

        $('#bill-discount').on('keyup', function(e) {
            disc_amount = $(this).val();
            var grandTotal = parseFloat($('#total-sum').text())
            var discount_percentage = (disc_amount * 100) / grandTotal;
            $('#bill-discount-percentage').val(discount_percentage.toFixed(3));
            calculateSum();
        })
        $('.radio-button').change(function(e) {
            id = $(this).data('id');
            var tot = $('#grand-total-amt').val();
            $('.payment_mode').val('');
            $("[name='payment_mode[" + id + "]']").val(tot);
        })

        function togglePriceIncluding() {
            $('.loader-div').css('visibility', 'visible');
            $.ajax({
                type: "POST",
                url: "{{ route('update-simple-mode-price-including') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    "price_including": $('#price-including').is(':checked') == true ? 1 : 0,
                },
                success: function(response) {
                    if (response.status == 'success') {
                        location.reload();
                    }
                }
            });
        }
        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");
                    }
                });
            }
        });
    </script>
@endsection