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

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

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

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

        .error {
            color: red;
        }

        .buttons-html5,
        .buttons-print {
            background: #405189 !important;
            color: white !important;
            margin: 5px !important;
            height: 31px !important;
            width: 70px !important;
            border-radius: 5px !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-md-3 {
            padding: 0 5px !important;
        }

        .card-body .col-md-2 {
            padding: 0 5px !important;
        }

        .card-body .col-lg-4 {
            padding: 0 5px !important;
        }

        .dt-buttons button {
            border-radius: 5px !important;
        }

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

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

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

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

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

        /* Add this to your styles.css */
        .addition-ledger-amount {
            width: 100% !important;
            /* Ensure it takes up the full width */
        }

        .dr-cr-ledger {
            width: 100% !important;
            /* Ensure the select takes up full width */
        }

        .table-fixed td {
            width: 20% !important;
            /* Apply consistent width for td elements */
        }

        .table-fixed {
            table-layout: fixed;
            /* Ensure table respects widths of columns */
        }
    </style>
    @include('admin.stock-items.create-modal-css')
@endsection
@section('title')
    Sales
@endsection
@section('content')
    <main>
        @isset($accountingVoucher)
            <form action="/admin/sales/{{ $accountingVoucher->id }}" method="POST" id="accounting-voucher" autocomplete="off"
                class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/sales" method="POST" id="accounting-voucher" autocomplete="off" class="needs-validation"
                    novalidate>
                @endisset
                @csrf
                <div class="row">
                    <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>
                                    <a href="/admin/sales-accounts/create" class="btn btn-primary">Accounts Only</a>
                                </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
                                                    <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 ($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" id="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">Party (Dr)</label>
                                        <select class="form-select" id="party" name="debit_ledger_id"
                                            onchange="fetchPartyItemData(true)" required>
                                            <option value="">Select ledger</option>
                                            @isset($accountingVoucher)
                                                <option value="{{ $accountingVoucher->debit_ledger_id }}" selected>
                                                    {{ $accountingVoucher->debitLedger->name }}</option>
                                            @endisset
                                        </select>
                                    </div>
                                    <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 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>
                                    {{-- </div>
                                <div class="row mb-3"> --}}
                                    @if ($companyProfile->show_price_slab == 1)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label class="form-label">Price Slab</label>
                                            <select class="form-select" id="price-slab" name="price_slab_id">
                                                <option value="">Choose 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"
                                        style="@if ($companyProfile->show_location == 0) display: none; @endif ">
                                        <label class="form-label">Stock Location</label>
                                        <select class="form-select" id="stock-location" name="stock_location_id"
                                            required>
                                            <option value="">Choose stock location</option>
                                        </select>
                                    </div>
                                    @if ($companyProfile->show_cost_center == 1)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label class="form-label">Cost Center</label>
                                            <select class="form-select" id="cost-center" name="cost_center_id">
                                                <option value="">Select Cost Center</option>
                                                @foreach ($costCenters as $costCenter)
                                                    <option value="{{ $costCenter->id }}"
                                                        {{ isset($accountingVoucher) ? ($accountingVoucher->cost_center_id == $costCenter->id ? 'selected' : '') : '' }}>
                                                        {{ $costCenter->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif
                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <label for="nameInput" class="form-label">Remarks</label>
                                        <textarea class="form-control" name="remarks" rows="2" placeholder="Enter remarks">{{ isset($accountingVoucher) ? $accountingVoucher->remarks : '' }}</textarea>
                                    </div>
                                    @if ($companyProfile->show_shipping_address == 1)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">Ship To Address</label>
                                            <textarea class="form-control" name="ship_to_address" rows="2" placeholder="Enter ship to address"
                                                @if ($companyProfile->shipping_address_mandatory) required @endif>{{ isset($accountingVoucher) ? $accountingVoucher->ship_to_address : '' }}</textarea>
                                        </div>
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">Shipping Party Name</label>
                                            <textarea class="form-control" name="shipping_party_name" rows="2" placeholder="Enter Shipping Party Name">{{ isset($accountingVoucher) ? $accountingVoucher->shipping_party_name : '' }}</textarea>
                                        </div>
                                    @endif
                                    @if ($companyProfile->show_date_of_supply)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">Date of Supply</label>
                                            <input type="datetime-local" class="form-control" name="date_of_supply"
                                                value="{{ isset($accountingVoucher) ? $accountingVoucher->date_of_supply : '' }}">
                                        </div>
                                    @endif
                                    @if ($companyProfile->customer_source == 1)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">Customer Source</label>
                                            <select class="form-select" id="customer-source" name="customer_source"
                                                required>
                                                <option value="">Select Customer Source</option>
                                                @foreach ($customerSources as $customerSource)
                                                    <option value="{{ $customerSource->id }}"
                                                        {{ isset($accountingVoucher) ? ($accountingVoucher->customer_source == $customerSource->id ? 'selected' : '') : '' }}>
                                                        {{ $customerSource->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif
                                    @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 ($companyProfile->show_mode_of_transport)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">Mode Of Transport</label>
                                            <select class="form-select" id="mode-of-transport" name="mode_of_transport">
                                                <option value="">Select mode of transport</option>
                                                <option value="Road"
                                                    {{ isset($accountingVoucher) ? ($accountingVoucher->mode_of_transportation == 'Road' ? 'selected' : '') : '' }}>
                                                    Road</option>
                                                <option value="Rail"
                                                    {{ isset($accountingVoucher) ? ($accountingVoucher->mode_of_transportation == 'Rail' ? 'selected' : '') : '' }}>
                                                    Rail</option>
                                                <option value="Air"
                                                    {{ isset($accountingVoucher) ? ($accountingVoucher->mode_of_transportation == 'Air' ? 'selected' : '') : '' }}>
                                                    Air</option>
                                                <option value="Ship"
                                                    {{ isset($accountingVoucher) ? ($accountingVoucher->mode_of_transportation == 'Ship' ? 'selected' : '') : '' }}>
                                                    Ship</option>
                                            </select>
                                        </div>
                                    @endif
                                    @if ($companyProfile->show_customer_details)
                                        <div class="col-lg-4">
                                            <label for="nameInput" class="form-label">Customer Name</label>
                                            <input type="text" name="customer_name" class="form-control"
                                                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 class="col-lg-4">
                                            <label for="nameInput" class="form-label">Customer Mobile</label>
                                            <input type="text" name="customer_mobile" class="form-control"
                                                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 class="col-lg-4">
                                            <label for="nameInput" class="form-label">Customer Type</label>
                                            <select class="form-select" id="customer-type" name="customer_type">
                                                <option value="">Select Customer Type</option>
                                                @foreach ($customerTypes as $customerType)
                                                    <option value="{{ $customerType->id }}"
                                                        {{ isset($accountingVoucher) ? ($accountingVoucher->customer != null ? ($accountingVoucher->customer->customer_type_id == $customerType->id ? 'selected' : '') : '') : '' }}>
                                                        {{ $customerType->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-lg-4">
                                            <label for="nameInput" class="form-label">Address</label>
                                            <textarea class="form-control" name="customer_address" id="customer_address" rows="2"
                                                placeholder="Enter address">{{ isset($accountingVoucher) ? ($accountingVoucher->customer != null ? $accountingVoucher->customer->address : '') : '' }}</textarea>
                                        </div>
                                    @endif

                                    @if (Auth::user()->company_profile->use_bill_wise_receipt)
                                        <div class="col-lg-4 col-sm-6 mb-2">
                                            <label for="nameInput" class="form-label">Against Vouchers</label>
                                            <select class="form-select" id="against-voucher" name="against_voucher[]"
                                                multiple onchange="checkBalanceAmt()">
                                                @isset($accountingVoucher)
                                                    @php
                                                        $bill_wise_receipts = \App\Models\BillWiseReceipt::where(
                                                            'accounting_voucher_id',
                                                            $accountingVoucher->id,
                                                        )
                                                            ->whereNotNull('against_voucher_id')
                                                            ->get();
                                                        $opening_receipts = \App\Models\BillWiseReceipt::where(
                                                            'accounting_voucher_id',
                                                            $accountingVoucher->id,
                                                        )
                                                            ->where('Type', 'Opening Balance')
                                                            ->get();
                                                        if ($opening_receipts->count() > 0) {
                                                            foreach ($opening_receipts as $key => $opening_receipt) {
                                                                echo '<option value="0" selected>Opening Balance - ' .
                                                                    $opening_receipt->amount .
                                                                    '</option>';
                                                            }
                                                        }
                                                        foreach ($bill_wise_receipts as $bill_wise_receipt) {
                                                            echo '<option value="' .
                                                                $bill_wise_receipt->against_voucher_id .
                                                                '" selected>' .
                                                                $bill_wise_receipt->againstVoucher->VoucherType->name .
                                                                ' - ' .
                                                                $bill_wise_receipt->againstVoucher->voucher_number .
                                                                ' - ' .
                                                                $bill_wise_receipt->amount .
                                                                '</option>';
                                                        }
                                                    @endphp
                                                @endisset

                                            </select>
                                            {{-- </div> --}}
                                        </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>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                    <div class="card shadow-sm">
                        <div class="card-header py-2 d-flex align-items-center">
                            <h6 id="item-heading" class="card-title mb-0 flex-grow-1">Add Items</h6>
                        </div>
                        <div class="card-body py-2">
                            <div class="row g-2 align-items-end">
                                <div class="col-md-2">
                                    <label class="form-label mb-1">Collection</label>
                                    <select class="form-select " id="collection" name="collection" >
                                        <option value="">Choose</option>
                                    </select>
                                </div>
                                <div class="col-md-8 d-flex" id="category-groups-section">
                                    {{-- @foreach ($categoryGroups as $categoryGroup)
                                    <div class="col-md-2">
                                        <label class="form-label mb-1">{{ $categoryGroup->name }}</label>
                                        <select class="form-select  categoryGroup" id="categoryGroup_{{ $categoryGroup->id }}"
                                            data-id="{{ $categoryGroup->id }}">
                                            <option value="">Choose</option>
                                        </select>
                                    </div>
                                    @endforeach --}}
                                </div>
                            </div>
                            <div class="row g-2 align-items-end mt-2">
                                <div class="col-md-2">
                                    <label class="form-label  mb-1">Item</label>
                                    <select class="form-select" id="search_item" name="search_item">
                                        <option value="">Select</option>
                                    </select>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Qty</label>
                                    <input type="number" class="form-control" id="search_qty" name="search_qty" value="1">
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Unit</label>
                                    <select class="form-select" id="search_unit" name="search_unit" >
                                        <option value="">Unit</option>
                                    </select>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Price Exc</label>
                                    <input type="number" class="form-control " id="search_price" name="search_price">
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Price Inc</label>
                                    <input type="number" class="form-control " id="search_price_inc" name="search_price_inc" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Gross</label>
                                    <input type="number" class="form-control " id="search_gross_value" name="search_gross_value" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Disc Amt</label>
                                    <input type="number" class="form-control " id="search_discount" name="search_discount">
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Disc %</label>
                                    <input type="number" class="form-control " id="search_discount_per" name="search_discount_per" >
                                </div>
                            {{-- </div>
                            <div class="row g-2 align-items-end mt-2"> --}}
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Taxable</label>
                                    <input type="hidden" name="search_cess_per" id="search_cess_per">
                                    <input type="hidden" name="search_gst_per" id="search_gst_per">
                                    <input type="number" class="form-control " id="search_taxable_value" name="search_taxable_value" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Tax</label>
                                    <input type="number" class="form-control " id="search_tax" name="search_tax" readonly>
                                </div>
                                <div class="col-md-1">
                                    <label class="form-label  mb-1">Total</label>
                                    <input type="number" class="form-control " id="search_total" name="search_total" readonly>
                                </div>
                            </div>
                        </div>
                        <div class="row ps-3">
                            <div class="col-md-2 p-2 fw-bold">Mrp: <span id="search_mrp"></span> <br> Available Stock: <span id="search_stock"></span></div>
                        </div>
                        <div class="col-md-12 text-end p-3">
                            <label class="form-label  mb-1"></label>
                            <button type="button" id="search_submit" class="btn btn-sm btn-primary">Add Item</button>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            {{-- <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    Add Items
                                </h5>
                            </div> --}}
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>SN</th>
                                                    <th>&nbsp;&nbsp;&nbsp;Item</th>
                                                    <th></th>
                                                    <th>MRP</th>
                                                    <th>Qty</th>
                                                    <th>Unit</th>
                                                    @if (Auth::user()->company_profile->show_foc == 1)
                                                        <th>Foc</th>
                                                    @endif
                                                    <th>Price</th>
                                                    <th>Price(Inc GST)</th>
                                                    <th>Gross Value</th>
                                                    <th>Disc%</th>
                                                    <th>DiscAmt</th>
                                                    <th>Taxable Value</th>
                                                    <th>Tax</th>
                                                    <th>Total</th>
                                                    <th></th>
                                                </tr>
                                            </thead>
                                            <tbody id="appendRow">
                                                @isset($accountingVoucherItems)
                                                    @php
                                                        $tabIndex = 0;
                                                    @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>
                                                                <td>
                                                                    <div class="input-group" style="flex-wrap: nowrap">
                                                                        <div class="input-group-text item-edit"><i
                                                                                class="lar la-edit"></i></div>
                                                                        <select tabindex="{{ $tabIndex + 2 }}"
                                                                            class="form-control stock-item" name="item[]"
                                                                            onchange="fetchItemData({{ $key }})"
                                                                            id="item_{{ $key }}">
                                                                            <option value="">Select item</option>
                                                                            <option
                                                                                value="{{ $accountingVoucherItem->stock_item_id }}"
                                                                                selected>
                                                                                {{ $accountingVoucherItem->stockItem->name }}
                                                                            </option>
                                                                        </select>
                                                                    </div>
                                                                </td>
                                                                <td></td>
                                                                <td><input type="number" name="mrp[]"
                                                                        value="{{ $accountingVoucherItem->stockItem->getMrp($accountingVoucher->voucher_date) }}"
                                                                        id="mrp_{{ $key }}" readonly
                                                                        class="form-control min-width60 form-input-box"></td>
                                                                <td><input type="number" tabindex="{{ $tabIndex + 3 }}"
                                                                        name="qty[]"
                                                                        value="{{ $accountingVoucherItem->quantity }}"
                                                                        id="qty_{{ $key }}"
                                                                        class="mousetrap form-control qty min-width60 form-input-box">
                                                                </td>
                                                                <td>
                                                                    <select name="unit_id[]" tabindex="{{ $tabIndex + 4 }}"
                                                                        class="mousetrap form-control unit_change unit_{{ $key }}"
                                                                        id="unit_change_{{ $key }}"
                                                                        onchange="salesChangeUnit({{ $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->show_foc == 1)
                                                                    @php
                                                                        $focqty = \App\models\AccountingVoucherItem::where(
                                                                            'foc_id',
                                                                            $accountingVoucherItem->id,
                                                                        )
                                                                            ->where(
                                                                                'stock_item_id',
                                                                                $accountingVoucherItem->stock_item_id,
                                                                            )
                                                                            ->where(
                                                                                'unit_id',
                                                                                $accountingVoucherItem->unit_id,
                                                                            )
                                                                            ->first();
                                                                        $focqty = $focqty ? $focqty->quantity : '';
                                                                    @endphp
                                                                    <td><input type="number" name="foc[]"
                                                                            id="foc_{{ $key }}"
                                                                            class="form-control mousetrap form-input-box min-width60"
                                                                            value="{{ $focqty }}">
                                                                    </td>
                                                                @endif
                                                                <td><input type="number" name="price[]"
                                                                        tabindex="{{ $tabIndex + 5 }}"
                                                                        value="{{ $accountingVoucherItem->price }}"
                                                                        id="price_{{ $key }}"
                                                                        class="mousetrap form-control min-width60 price form-input-box">
                                                                </td>
                                                                <td><input type="number" name="price_inc_gst[]"
                                                                        tabindex="{{ $tabIndex + 6 }}"
                                                                        value="{{ $accountingVoucherItem->price_inc_tax }}"
                                                                        id="price_inc_tax_{{ $key }}"
                                                                        class="mousetrap form-control min-width60 priceIncTax form-input-box">
                                                                </td>
                                                                <td><input type="number" name="gross_value[]"
                                                                        value="{{ $accountingVoucherItem->gross_value }}"
                                                                        id="gross_value_{{ $key }}" readonly
                                                                        class="form-control min-width60 form-input-box"></td>
                                                                <td><input type="number" name="discount_per[]"
                                                                        tabindex="{{ $tabIndex + 7 }}"
                                                                        value="{{ $accountingVoucherItem->disc_percentage }}"
                                                                        id="dis_per_{{ $key }}"
                                                                        class="mousetrap form-control min-width50 discPer form-input-box">
                                                                </td>
                                                                <td>
                                                                    <input type="number" name="disc_amt[]"
                                                                        class="mousetrap form-control min-width50 discAmt form-input-box"
                                                                        id="disc_amt_{{ $key }}"
                                                                        tabindex="{{ $tabIndex + 8 }}"
                                                                        value="{{ $accountingVoucherItem->disc_amount }}">
                                                                </td>
                                                                <td><input type="number" name="taxable_value[]"
                                                                        tabindex="{{ $tabIndex + 9 }}"
                                                                        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->gst_per }}">
                                                                    <input type="hidden" id="cessPer_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->cess_per }}"
                                                                        name="cessper[]">
                                                                </td>
                                                                <td>
                                                                    <input type="number"
                                                                        class="form-control min-width60 form-input-box min-width60 tax_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->cgst + $accountingVoucherItem->sgst + $accountingVoucherItem->igst + $accountingVoucherItem->cess }}"
                                                                        readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 cgst_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->cgst }}" readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 sgst_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->sgst }}" readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 igst_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->igst }}" readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 cessAmt_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->cess }}" readonly>
                                                                    <input type="hidden" name="cess_amt[]"
                                                                        id="cessAmt_{{ $key }}">
                                                                </td>
                                                                <td>
                                                                    <input type="number"
                                                                        class="form-control min-width60 form-input-box min-width60 total_{{ $key }}"
                                                                        value="{{ $accountingVoucherItem->total }}" readonly>
                                                                </td>
                                                                <td><button type="button" class="btn btn-sm btn-danger"
                                                                        onclick="removeRow({{ $key }})"><i
                                                                            class="las la-minus"></i></button></td>
                                                            </tr>
                                                            @php
                                                                $tabIndex = $tabIndex + 9;
                                                            @endphp
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td style="font-weight:bold;text-align:center" id="total-qty"></td>
                                                    <td></td>
                                                    @if (Auth::user()->company_profile->show_foc == 1)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td id="total-taxable" class="text-center" style="font-weight: 600;">
                                                        {{ isset($accountingVoucherItems) ? $accountingVoucherItems->sum('taxable_value') : '0.00' }}
                                                    </td>
                                                    <td id="total-tax"class="text-center" style="font-weight: 600;">
                                                        {{ isset($accountingVoucherItems) ? $accountingVoucherItems->sum('igst') + $accountingVoucherItems->sum('sgst') + $accountingVoucherItems->sum('cgst') + $accountingVoucherItems->sum('cess') : '0.00' }}
                                                    </td>
                                                    <td id="total-sum" class="text-center" style="font-weight: 600;">
                                                        {{ isset($accountingVoucherItems) ? $accountingVoucherItems->sum('total') : '0.00' }}
                                                    </td>
                                                    <td></td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                        <table style="max-width:300px;" class="table-layout mt-3">
                                            <tr>
                                                <td style="width: 50%;"> <b>Discount :</b></td>
                                                <td style="width: 50%;"> <input type="number" name="bill_discount"
                                                        class="billDiscount form-control"
                                                        value="{{ isset($accountingVoucher) ? $accountingVoucher->discount : '' }}"
                                                        id="bill-discount"></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td> <b> Freight/Etc :</b></td>
                                                <td><input type="number" name="freight" class="freight form-control"
                                                        value="{{ isset($accountingVoucher) ? $accountingVoucher->freight : '' }}"
                                                        id="freight"></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" class="text-end"><button id="additionLedgerAdd"
                                                        type="button" class="btn btn-sm btn-info text-end"><i
                                                            class="las la-plus">Add</button></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            <tbody id="additionLedgerRows" width="100%">
                                                @isset($accountingVoucher)
                                                    @foreach ($accountingVoucher->accountingVoucherLedgers as $accountingVoucherLedger)
                                                        <tr id="{{ $loop->iteration }}"
                                                            class="additionalRow_{{ $loop->iteration }}">
                                                            <td>
                                                                <select class="form-control additional-ledger"
                                                                    name="additional_ledger[]"
                                                                    id="addition_ledger_{{ $loop->iteration }}" required>
                                                                    <option value="">Select Ledger</option>
                                                                    <option value="{{ $accountingVoucherLedger->ledger_id }}"
                                                                        selected>{{ $accountingVoucherLedger->ledger->name }}
                                                                    </option>
                                                                </select>
                                                            </td>
                                                            <td class="addition-ledger-amount-td">
                                                                <input type="number"
                                                                    class="form-control addition-ledger-amount"
                                                                    name="additional_ledger_amount[]"
                                                                    id="addition_ledger_amount_{{ $loop->iteration }}"
                                                                    value={{ $accountingVoucherLedger->amount }}>
                                                            </td>
                                                            <td class="dr-cr-ledger-td">
                                                                <select class="form-select dr_cr_ledger" style="width: 100px;"
                                                                    name="dr_cr_ledger[]"
                                                                    id="dr_cr_ledger_{{ $loop->iteration }}">
                                                                    <option value="Dr"
                                                                        {{ $accountingVoucherLedger->dr_or_cr == 'Dr' ? 'selected' : '' }}>
                                                                        Dr</option>
                                                                    <option value="Cr"
                                                                        {{ $accountingVoucherLedger->dr_or_cr == 'Cr' ? 'selected' : '' }}>
                                                                        Cr</option>
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <button type="button" class="btn btn-sm btn-danger"
                                                                    onclick="removeAdditionLedgerRow({{ $loop->iteration }})"><i
                                                                        class="las la-minus"></i></button>
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @endisset

                                            </tbody>
                                            <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>Grand Total :</b></td>
                                                <td><input type="hidden" id="grand-total-amt" name="grand_total"
                                                        value="{{ isset($accountingVoucher) ? $accountingVoucher->amount : '0.00' }}">
                                                    <div id="grand-total" style="font-weight: 600;font-size:16px">
                                                        {{ isset($accountingVoucher) ? $accountingVoucher->amount : '0.00' }}
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </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 id="submit" type="submit"
                                            class="btn btn-primary submit-btn">Submit</button>
                                    </div>
                                </div>
                                <small class="text-danger">* Stock is based on the base unit of the item</small>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </main>

    {{-- Print Modal --}}
    <div class="modal fade" id="printModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Print</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('sales-item-print') }}" method="POST" class="tablelist-form"
                    autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <h5 class="modal-title">Do You Want to Print ?</h5>
                        <input type="hidden" name="selectedItem" id="selectedItem">
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Print</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {{-- Ledger Create Modal --}}
    <div class="modal fade" id="ledgerCreateModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel">Ledger Create Modal</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card">
                                <div class="card-body">
                                    <form action="/admin/ledger" method="POST" id="ledger-form" autocomplete="off"
                                        class="needs-validation" novalidate>
                                        @csrf
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label for="ledger_code" class="form-label">Ledger Code</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <div class="input-group">
                                                    <span class="input-group-text" id="inputGroup-sizing-sm">FA</span>
                                                    <input type="text" class="form-control"
                                                        style="background: lightgrey;" name="ledger_code"
                                                        value="{{ $ledger_code }}" required readonly>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label for="name" class="form-label">Name</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" name="name"
                                                    placeholder="Enter ledger name" required>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label for="nameInput" class="form-label">Legal Name</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" name="legal_name"
                                                    placeholder="Enter legal name">
                                            </div>
                                        </div>

                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label for="group" class="form-label">Group</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <select class="form-select" id="group" name="group_id"
                                                    onchange="changeGroup()">
                                                    <option value="">Select group</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label for="branch" class="form-label">Ledger Branch</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <select class="form-select" id="branch" name="branch_id">
                                                    <option value="">Select ledger branch</option>
                                                    @foreach ($branches as $branch)
                                                        <option value="{{ $branch->id }}">{{ $branch->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Opening Balance</label>
                                            </div>
                                            <div class="col-lg-6">
                                                <input type="number" class="form-control"
                                                    placeholder="Enter opening balance" name="opening_balance">
                                            </div>
                                            <div class="col-lg-3">
                                                <select class="form-select" id="dr-or-cr" name="dr_or_cr" data-choices
                                                    data-choices-search-false>
                                                    <option value="Dr"> Dr</option>
                                                    <option value="Cr"> Cr </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Credit Limit (Days)</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="number" class="form-control"
                                                    placeholder="Enter Credit Limit (Days)" name="credit_limit">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">GST Number</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" placeholder="Enter gst number"
                                                    name="gst">
                                            </div>
                                        </div>
                                        <div class="row mb-3" id="show-gst-perc" style="display: none;">
                                            <div class="col-lg-3">
                                                <label class="form-label">GST (%)</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="number" class="form-control"
                                                    placeholder="Enter gst percentage" name="gst_perc">
                                            </div>
                                        </div>
                                        <div class="row mb-3" id="show-cess-perc" style="display: none;">
                                            <div class="col-lg-3">
                                                <label class="form-label">CESS (%)</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="number" class="form-control"
                                                    placeholder="Enter cess percentage" name="cess_perc">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Account Number</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="number" class="form-control"
                                                    placeholder="Enter account number" name="account_number">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">IFSC Code</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" placeholder="Enter ifsc code"
                                                    name="ifsc_code">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Branch</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" placeholder="Enter branch"
                                                    name="branch">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Registration Type</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <select class="form-select" name="customer_type" id="customer_type">
                                                    <option value="">Select registration type</option>
                                                    <option value="registered"> Registered</option>
                                                    <option value="unregistered"> Unregistered</option>
                                                    <option value="customer"> Customer</option>
                                                    <option value="composition">Composition</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Mobile No</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="number" class="form-control"
                                                    placeholder="Enter mobile number" name="mobile_no">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Email</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="email" class="form-control" placeholder="Enter Email"
                                                    name="email">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Address</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <textarea name="address" class="form-control" placeholder="Enter address" rows="3"></textarea>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Address Line 2</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <textarea class="form-control" name="address_2" rows="3" placeholder="Enter address line 2"></textarea>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Location</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" name="location"
                                                    placeholder="Enter Location">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">PIN Code</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="number" class="form-control" placeholder="Enter pin code"
                                                    name="pin_code">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">State</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <select class="form-select" name="state" id="state"
                                                    onchange="resetDistrict()">
                                                    <option value="">Select state</option>
                                                    @foreach ($gstStates as $state)
                                                        <option value="{{ $state->code }}"> {{ $state->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">District</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <select class="form-select" name="district" id="district">

                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Country</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control" placeholder="Enter country"
                                                    name="country">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label class="form-label">Limit Amount</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="form-control"
                                                    placeholder="Enter Limit Amount" name="limit_amount">
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label for="branch" class="form-label">Price Slab</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <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 }}">
                                                            {{ $priceSlab->name }}</option>
                                                    @endforeach
                                                </select>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-lg-3">
                                                <label for="branch" class="form-label">Active</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="checkbox" name="is_active" id="is_active">
                                            </div>
                                        </div>
                                        <div class="text-end">
                                            <button type="submit" class="btn btn-primary">
                                                Add Ledger
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{-- Quick Receipt Modal --}}
    <div class="modal fade" id="quick-receipt-modal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Quick Receipt</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body">
                    <form action="/admin/quick-receipt-store" method="POST" class="tablelist-form" autocomplete="off"
                        id="quckReceiptForm">
                        @csrf
                        <input type="hidden" name="accounting_voucher_id" id="accounting_voucher_id">
                        <div class="row mb-3">
                            <div class="col-lg-3">
                                <label class="form-label">Account (Dr)</label>
                            </div>
                            <div class="col-lg-9">
                                <table class="table table-nowrap table-striped-columns">
                                    <thead>
                                        <tr>
                                            <th scope="col">Ledger</th>
                                            <th scope="col">Amount</th>
                                            <th scope="col"></th>
                                        </tr>
                                    </thead>
                                    <tbody id="receipt-party-rows">
                                        <tr>
                                            <td><select name="ledger[]" class="form-control receipt-account"
                                                    id="" required>
                                                    <option value="">Select Ledger</option>
                                                </select>
                                            </td>
                                            <td><input type="number" class="form-control receipt-party-amount"
                                                    name="ledger_amount[]" required></td>
                                        </tr>
                                        <tr>
                                            <td><select name="ledger[]" class="form-control receipt-account"
                                                    id="">
                                                    <option value="">Select Ledger</option>
                                                </select>
                                            </td>
                                            <td><input type="number" class="form-control receipt-party-amount"
                                                    name="ledger_amount[]"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="text-end">
                            <button type="submit" id="receipt-submit-btn" class="btn btn-primary" tabindex="8">
                                Submit
                            </button>
                        </div>
                    </form>
                </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="estimateModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Print</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                @if (Auth::user()->staff != null &&
                        Auth::user()->staff->branch != null &&
                        Auth::user()->staff->branch->print_type != null)
                    @if (Auth::user()->staff->branch->print_type == 'Tax Invoice')
                        <form action="{{ route('sales-item-print') }}" method="POST" class="tablelist-form"
                            autocomplete="off">
                            @csrf
                            <select class="form-select" name="print_type" id="print_type" hidden>
                                <option value="tax_invoice" selected>Tax Invoice</option>
                            </select>
                        @elseif (Auth::user()->staff->branch->print_type == 'Estimate Invoice')
                            <form action="{{ route('sales-item-estimate') }}" method="POST" class="tablelist-form"
                                autocomplete="off">
                                @csrf
                            @else
                                <form action="{{ route('sales-item-print') }}" method="POST" class="tablelist-form"
                                    autocomplete="off">
                                    @csrf
                                    <select class="form-select" name="print_type" id="print_type" hidden>
                                        <option value="proforma_invoice" selected>Proforma Invoice</option>
                                    </select>
                    @endif
                    <div class="modal-body">
                        <h5 class="modal-title">Do You Want to Print ?</h5>
                        <input type="hidden" name="selectedItem" id="selectedItem">
                    </div>
                @else
                    @if ($companyProfile->print_type == 'Tax Invoice')
                        <form action="{{ route('sales-item-print') }}" method="POST" class="tablelist-form"
                            autocomplete="off">
                            @csrf
                        @else
                            <form action="{{ route('sales-item-estimate') }}" method="POST" class="tablelist-form"
                                autocomplete="off">
                                @csrf
                    @endif



                    <div class="modal-body">
                        <h5 class="modal-title">Do You Want to Print ?</h5>
                        <input type="hidden" name="selectedItem" id="estimateselectedItem">
                        @if ($companyProfile->print_type == 'Tax Invoice')
                            <select class="form-select" name="print_type" id="print_type">
                                <option value="proforma_invoice">Proforma Invoice</option>
                                <option value="tax_invoice">Tax Invoice</option>
                            </select>
                        @endif
                    </div>
                @endif

                <div class="modal-footer">
                    <div class="hstack gap-2 justify-content-end">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Print</button>
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
    {{-- RewardModal --}}
    <div class="modal fade" id="rewardModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Print</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body">
                    <h3></h3>
                    <h3>You're now eligible for exclusive gift.</h3>
                    <h3></h3>
                </div>
            </div>
        </div>
    </div>
    @include('admin.stock-items.multiple-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="https://cdnjs.cloudflare.com/ajax/libs/AlertifyJS/1.13.1/alertify.min.js"
        integrity="sha512-JnjG+Wt53GspUQXQhc+c4j8SBERsgJAoHeehagKHlxQN+MtCCmFDghX9/AcbkkNRZptyZU4zC8utK59M5L45Iw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ 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.multiple-create-modal-script')
    <script>
        let cost_center_required = false;
        let against_vouchers = {};
        var tabIndex = 0;
        let stockLocationId;
        var posEnabled = {{ $posEnabled }};
        var negativeStockEnabled = {{ $negativeStockEnabled }};
        Mousetrap.bind(['command+left', 'ctrl+left'], function() {
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) - 1;
            calculateSum();
            $("[tabindex='" + nextindex + "']").focus().select();
        });
        // const priceSlabSelect = new Choices('#price-slab', {
        //     placeholder: true,
        // });
        $('#price-slab').select2({
            placeholder: 'Choose price slab',
            allowClear: true
        })
        const stockLocationSelect = new Choices('#stock-location', {
            placeholder: true,
        });
        const voucherTypeSelect = new Choices('#voucher-type', {
            placeholder: true,
        });
        const accountSelect = new Choices('#account', {
            placeholder: true,
        });
        // const partySelect = new Choices('#party', {
        //     placeholder: true,
        // });
        const taxTypeSelect = new Choices('#tax-type', {
            placeholder: true,
        });
        $('#scheme').select2({
            placeholder: "Select Scheme",
            allowClear: true
        })
        $('#mode-of-transport').select2({
            placeholder: "Select Mode Of Transport",
            allowClear: true
        })
        $('#customer-type').select2({
            placeholder: "Select Customer Type",
            allowClear: 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);
            }
        });

        // priceSlabSelect.setChoices(async () => {
        //     try {
        //         const items = await fetch('/admin/get-price-slabs', {
        //             method: 'post',
        //             headers: new Headers({
        //                 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
        //                 'X-CSRF-TOKEN': '{{ csrf_token() }}',
        //             }),
        //             body: `priceSlabId=${'{{ isset($accountingVoucher) ? $accountingVoucher->price_slab_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 : '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: new Headers({
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: JSON.stringify(params),
                });
                const data = await response.json();
                if (!'{{ isset($accountingVoucher) }}') {
                    document.getElementById('voucher-number').value = data.voucherNumber;
                }
                return data.data;
            } catch (err) {
                console.error(err);
            }
        });
        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);
            }
        });
        // partySelect.setChoices(async () => {
        //     try {
        //         const items = await fetch('/admin/get-sales-debit-ledgers', {
        //             method: 'post',
        //             headers: new Headers({
        //                 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
        //                 'X-CSRF-TOKEN': '{{ csrf_token() }}',
        //             }),
        //             body: `debitLedgerId=${'{{ isset($accountingVoucher) ? $accountingVoucher->debit_ledger_id : '' }}'}`
        //         }).then((response) => response.json());
        //         return items.data;
        //         var result = items.json();
        //     } catch (err) {
        //         console.error(err);
        //     }
        // });
        $('#party').select2({
            placeholder: 'Select item',
            ajax: {
                url: "/admin/get-order-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
            }
        });
        $('#party').prop('tabindex', 0);

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

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

        $('.unit_change').select2();

        $(document).ready(function() {
            // $('#topnav-hamburger-icon').click();

            if ($(window).width() > 992) {
                $('#topnav-hamburger-icon').trigger('click');
            }

            totalQty();
            $('#customer-source').select2({
                placeholder: 'Select Customer Source',
            })
            cost_center_required = '{{ $cost_center_required }}' == '1' ? true : false;
            $('#cost-center').select2({
                placeholder: 'Select Cost Center',
            });

            @if (!isset($accountingVoucher))
                // appendStockItemRow();
                updateStockLocation();
                var selectfield = $("#party").focus().select();
                $("#party").select2('open');
            @else
                updateStockLocation();
                $(append_row + ' > tr').each(function() {
                    var rowCount = $(this).attr('id');
                    $('#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,
                                    from_sales: true,
                                    stock_location_id: $('#stock-location').val(),
                                    item_collection_id: $('#item_collection_' + rowCount + '')
                                        .val(),
                                };
                            },
                            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 price = item.sale_price;
                                    var name = item.name + ' ' + barcode + ' (Rs.' +
                                        price + ')';
                                    var description = item.description != null ? item
                                        .description : '';
                                    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
                        }
                    });
                    const select2ItemCollection = $('#item_collection_' + rowCount).attr('tabindex',
                        tabIndex + 1);
                    const select2Item = $('#item_' + rowCount).attr('tabindex', tabIndex + 2);
                    const select2ItemUnit = $('#unit_change_' + rowCount).attr('tabindex', tabIndex + 4);
                    tabIndex = parseInt(tabIndex) + parseInt(9);
                });
            @endif
        });

        $('#submit').click(function(e) {
            e.preventDefault();
            $("#accounting-voucher").submit();
        });

        $('#accounting-voucher').validate({
            rules: {
                'voucher_number': {
                    required: true,
                },
                'voucher_date': {
                    required: true,
                },
                'amount': {
                    required: true,
                },
                'cost_center_id': {
                    required: function() {
                        return cost_center_required;
                    },
                },
            },
            messages: {
                'voucher_number': {
                    required: "Please enter voucher number",
                },
                'voucher_date': {
                    required: "Please select date",
                },
                'amount': {
                    required: "Please enter amount",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                calculateSum();
                $('.submit-btn').prop('disabled', true);
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            @if (Auth::user()->company_profile->auto_discount == 1)
                                if (data.accountingVoucherAmount >= 25000) {
                                    $('#rewardModal').modal('show');
                                }
                            @endif
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    @if (Auth::user()->company_profile->quick_receipt == 1)
                                        $('#selectedItem').val(data.accountingVoucherId);
                                        quickReceipt(data.accountingVoucherId);
                                    @else
                                        @if ($printSettings->direct_print_type == '1')
                                            let selectedItem = [];
                                            selectedItem.push(data.accountingVoucherId);
                                            ThermalPrint(selectedItem);
                                        @else
                                            if (posEnabled) {
                                                print(data.accountingVoucherId);
                                            } else {
                                                $('#selectedItem').val(data
                                                    .accountingVoucherId);
                                                $('#estimateselectedItem').val(data
                                                    .accountingVoucherId);
                                                @if (Auth::user()->company_profile->direct_print_in_sales == 1)
                                                    @if (Auth::user()->company_profile->auto_discount == 1)
                                                        $('#estimateModal').modal('show');
                                                    @else
                                                        $('#printModal').modal('show');
                                                    @endif
                                                @else
                                                    @isset($accountingVoucher)
                                                        @if (!empty(app('request')->input('id')))
                                                            window.location.href =
                                                                "/admin/ledger-report/{{ app('request')->input('id') }}";
                                                        @else
                                                            window.location.href =
                                                                "{{ route('sales.index') }}";
                                                        @endif
                                                    @else
                                                        window.location.href =
                                                            "{{ route('sales.create') }}";
                                                    @endisset
                                                @endif
                                            }
                                        @endif
                                    @endif
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                        $('.submit-btn').prop('disabled', false);
                    },
                    error: function(data) {
                        $('.submit-btn').prop('disabled', false);
                        if (data.status === 422) {
                            var message = data.responseJSON.message;
                            Swal.fire({
                                title: 'Error!',
                                text: message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        } else {
                            // Handle other error cases
                            console.log('Other Error:', data.responseText);
                        }
                    }
                });
            }
        });

        $('.additional-ledger').select2({
            placeholder: 'Select Ledger',
            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
            }
        });

        $("#printModal").on('hide.bs.modal', function() {
            @isset($accountingVoucher)
                @if (!empty(app('request')->input('id')))
                    window.location.href =
                        "/admin/ledger-report/{{ app('request')->input('id') }}";
                @else
                    window.location.href = "{{ route('sales.index') }}";
                @endif
            @else
                window.location.href = "{{ route('sales.create') }}";
            @endisset
        });

        $("#estimateModal").on('hide.bs.modal', function() {
            @isset($accountingVoucher)
                @if (!empty(app('request')->input('id')))
                    window.location.href =
                        "/admin/ledger-report/{{ app('request')->input('id') }}";
                @else
                    window.location.href = "{{ route('sales.index') }}";
                @endif
            @else
                window.location.href = "{{ route('sales.create') }}";
            @endisset
        });

        $('form').on('keypress', '#submit', function(event) {
            if (event.keyCode === 13) {
                event.preventDefault();
                return false;
            }
        });
        let append_row = '#appendRow';
        let ledgerAppend_row = '#additionLedgerRows';
        // 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><td><select tabindex="' + `${tabIndex+1}` +
                '" class="form-control item-collection"   onchange="changeCollection(' +
                rowCount + ')" name="item_collection[]" id="item_collection_' +
                rowCount +
                '"><option value="">Select collection</option></select></td><td><div class="input-group" style="flex-wrap: nowrap">  <div class="input-group-text item-edit"><i class="lar la-edit"></i></div><select tabindex="1" class="form-control stock-item" name="item[]" onchange="fetchItemData(' +
                rowCount + ')" id="item_' + rowCount + '"><option value="">Select item</option>';

            var rows1 = '</select><div class="errormsg" id="error_item_' + rowCount +
                '"></div></div></td><td><div id="stock_' + rowCount +
                '"></div><td><input type="number" name="mrp[]" id="mrp_' + rowCount +
                '" readonly class="form-control form-input-box min-width60"><div class="errormsg" id="error_mrp_' +
                rowCount +
                '"></div></td><td><input type="number" tabindex="' + `${tabIndex+3}` + '" name="qty[]" id="qty_' +
                rowCount +
                '" class="mousetrap form-control form-input-box qty min-width60" ><div class="errormsg" id="error_qty_' +
                rowCount + '"></div></td><td><select name="unit_id[]" tabindex="' + `${tabIndex+4}` +
                '" class="mousetrap form-control unit_change unit_' + rowCount +
                '" id="unit_change_' + rowCount + '" onchange="salesChangeUnit(' + rowCount +
                ')"></select></td>@if (Auth::user()->company_profile->show_foc == 1)<td><input type="number" name="foc[]" id="foc_' +
                rowCount +
                '"  class="form-control mousetrap form-input-box min-width60"><div class="errormsg" id="error_mrp_' +
                rowCount +
                '"></div></td>@endif<td><input type="number" step=".001" name="price[]" tabindex="' +
                `${tabIndex+5}` +
                '" id="price_' + rowCount +
                '" class="mousetrap form-control form-input-box price min-width60"></td><td><input type="number" name="price_inc_gst[]" tabindex="' +
                `${tabIndex+6}` +
                '" id="price_inc_tax_' +
                rowCount +
                '" class="mousetrap form-control  form-input-box priceIncTax min-width60"></td><td><input type="number" name="gross_value[]" id="gross_value_' +
                rowCount +
                '" readonly class="form-control form-input-box min-width60"></td><td><input  type="number" name="discount_per[]" tabindex="' +
                `${tabIndex+7}` +
                '" id="dis_per_' +
                rowCount +
                '"  class="mousetrap form-control form-input-box discPer min-width50"></td><td><input type="number" class="mousetrap form-control min-width50 discAmt form-input-box" name="disc_amt[]" id="disc_amt_' +
                rowCount +
                '"  tabindex="' +
                `${tabIndex+8}` +
                '"></td><td><input type="number" name="taxable_value[]" tabindex="' + `${tabIndex+8}` +
                '" 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[]"></td><td><input type="number" class="form-control form-input-box min-width60 tax_' +
                rowCount +
                '"<input type="hidden" class="form-control form-input-box min-width60 cgst_' +
                rowCount +
                '" readonly> <input type="hidden" class="form-control form-input-box min-width60 sgst_' +
                rowCount +
                '" readonly> <input type="hidden" class="form-control form-input-box min-width60 igst_' +
                rowCount +
                '" readonly> <input type="hidden" class="form-control form-input-box min-width60 cessAmt_' +
                rowCount +
                '" readonly><input type="hidden" name="cess_amt[]" id="cessAmt_' + rowCount +
                '"></td><td><input type="number" name="total[]" class="form-control form-input-box min-width60 total_' +
                rowCount +
                '" readonly></td><td><button type="button" class="btn btn-sm btn-danger" onclick="removeRow(' + rowCount +
                ')"><i class="las la-minus"></i></button></td></tr>';
            $("#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,
                            from_sales: true,
                            stock_location_id: $('#stock-location').val(),
                            item_collection_id: $('#item_collection_' + rowCount + '').val(),
                        };
                    },
                    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 price = item.sale_price;
                            var name = item.name + ' ' + barcode + ' (Rs.' + price + ')';
                            var description = item.description != null ? item.description : '';
                            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
                }
            });
            $('#item_collection_' + rowCount + '').select2({
                placeholder: 'Select Collection',
                ajax: {
                    url: "/admin/get-item-collections",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            return {
                                id: item.id,
                                text: item.name,
                            };
                        });

                        return {
                            results: results,
                            pagination: {
                                more: (params.page * data.per_page) < data.total
                            }
                        };
                    },
                    cache: true
                }
            });
            $('.unit_change').select2();
            $('#item_collection_' + rowCount + '').prop('tabindex', tabIndex + 1);
            $('#item_' + rowCount + '').prop('tabindex', tabIndex + 2);
            $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 4);
            $('#row_add').prop('tabindex', tabIndex + 9);
            tabIndex += 9;
            $('#item_collection_' + rowCount + '').focus().select();
            setSn();
            totalQty();
        }

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

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

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

                        }, 200);
                        return false;
                    }
                    itemIds.push($(this).val());
                });
            @endif
            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(),
                        "date": $('#voucher-date').val(),
                    },
                    success: function(data) {
                        $("#mrp_" + id).val(data.mrp);
                        $("#cessPer_" + id).val(data.cess);
                        $("#item_gst_" + id).val(data.gst);
                        $("#unit_change_" + id).html(data.options);
                        $('#unit_change_' + id + '').prop('tabindex', tabIndex + 3);
                        $("#price_" + id).val(data.sale_price);
                        $("#stock_" + id).html(data.stock);
                        $("#qty_" + id).val("");
                        if (data.discount_perc != null) {
                            $("#dis_per_" + id).val(data.discount_perc);
                        }
                        $('#scheme_stock_' + id).html(data.scheme_stock);
                        calculateSum();
                        if (data.closing_stock_negative) {
                            alert("Stock is negative. Please add stock.");
                        }
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        };


        let oldDate = null

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

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

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

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

        function salesChangeUnit(id) {
            let unit_id = $('#unit_change_' + id).val();
            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) {
                    $('#price_' + id).val(parseFloat(data.sales_price).toFixed(3));
                    $("#dis_per_" + id).val('');
                    if (data.discount_perc != null) {
                        $("#dis_per_" + id).val(data.discount_perc);
                    }
                    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_" + id).val("");
                                calculateSum();
                            }
                        }
                    });
                } else {
                    calculateSum();
                }
            } else {
                calculateSum();
                alert("Please select stock location");
            }
        };

        $(document).on('keyup', '.billDiscount, .freight, .price, .qty, .discPer', function() {
            calculateSum();
            //if keyup is from .qty
            if (this.classList.contains('qty')) {
                @if (Auth::user()->company_profile->show_foc == 1)
                    var rowId = $(this).closest('tr').attr('id');
                    var item = $('#item_' + rowId).val();
                    var qty = $('#qty_' + rowId).val();
                    var unit = $('#unit_change_' + rowId).val();
                    if (item != '' && qty != '' && unit != '') {
                        $.ajax({
                            type: "POST",
                            url: "{{ route('fetch-foc') }}",
                            data: {
                                _token: "{{ csrf_token() }}",
                                "item": item,
                                "unit": unit,
                                "qty": qty
                            },
                            success: function(response) {
                                if (response.status == true && response.free_qty != null) {
                                    $('#foc_' + rowId).val(response.free_qty);
                                } else {
                                    $('#foc_' + rowId).val('');
                                }
                            }
                        });

                    }
                @endif
            }
        });

        $(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();
                if (srDiscountPer != 100) {
                    var qty = $("#qty_" + input_id).val();
                    if (isNaN(srDiscountPer) || srDiscountPer == undefined || srDiscountPer == "") {
                        srDiscountPer = 0;
                    }
                    if (!isNaN(qty) && qty != undefined && qty != "") {
                        qty = qty;
                    } else {
                        $("#qty_" + input_id).val(1);
                        qty = 1;
                    }
                    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));
                    }
                    calculateSum(fromPriceincTax = false, fromTaxableValue = true);
                }
            }
        });

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

        function calculateSum(fromPriceincTax = false, fromTaxableValue = false, fromDiscountAmt = false) {
            var billDiscount = $("#bill-discount").val();
            var freight = parseFloat($("#freight").val()) || 0;
            var totalSum = 0;
            var discountPer = 0;
            var cessPer = 0;
            var totalTaxableValue = 0;
            var totalTaxValue = 0;
            $(append_row + ' > tr').each(function() {
                var itemTotal = 0;
                var taxableValue = 0;
                var totalTaxAmt = 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();
                var dicountAmt = $("#disc_amt_" + input_id).val();
                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).toFixed(3);
                    let discountPercentage = ((dicountAmt / grossValue) * 100).toFixed(2);
                    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);
                    totalTaxAmt = cessAmount + itemGstAmount;
                    $('.tax_' + input_id).val(parseFloat(totalTaxAmt).toFixed(3));
                    if (fromDiscountAmt == false) {
                        $("#disc_amt_" + input_id).val(discountAmount);
                    } else {
                        $("#dis_per_" + input_id).val(discountPercentage);
                    }
                    $("#gross_value_" + input_id).val(grossValue.toFixed(3));
                    if (fromTaxableValue == false) {
                        $("#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);
                totalTaxableValue += parseFloat(taxableValue);
                totalTaxValue += parseFloat(totalTaxAmt);
            });
            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));
            $('#total-taxable').html(totalTaxableValue.toFixed(3));
            $('#total-tax').html(totalTaxValue.toFixed(3));
            let additionalTotal = 0;
            $(ledgerAppend_row + ' > tr').each(function() {
                var ledgerRowId = this.id.match(/\d+/);
                var amount = $("#addition_ledger_amount_" + ledgerRowId).val();
                if (!isNaN(amount) && amount != undefined && amount != "") {
                    var dr_cr = $('#dr_cr_ledger_' + ledgerRowId).val()
                    if (dr_cr == 'Cr') {
                        additionalTotal += parseFloat(amount);
                    } else {
                        additionalTotal -= parseFloat(amount);
                    }
                }

            });
            let grandTotal = (totalSum + tcsAmount + freight + additionalTotal - billDiscount);
            let roundOff = Math.round(grandTotal) - grandTotal;
            grandTotal += roundOff;
            $("#round-off").html(roundOff.toFixed(3));
            $("#round-off-amt").val(roundOff.toFixed(3));
            $("#grand-total").html(grandTotal.toFixed(3));
            $("#grand-total-amt").val(grandTotal.toFixed(3));
            @if (Auth::user()->company_profile->use_bill_wise_receipt)
                checkBalanceAmt();
            @endif
        }

        $("#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,.discAmt, .taxable_value', function(e) {
            var key = e.which;
            if (key == 13) // the enter key code
            {
                e.preventDefault();
                var tabindex = $(this).attr('tabindex');
                if (tabindex == undefined || isNaN(tabindex)) {
                    return;
                }
                var nextindex = parseInt(tabindex) + 1;
                calculateSum();
                var currentScroll = $(window).scrollTop();
                $("[tabindex='" + nextindex + "']").focus().select();
                $(window).scrollTop(currentScroll);
            }
        });

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

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

        $(document).on('select2:open', '.stock-item, .unit_change, .item-collection', function(e) {
            var currentScroll = $(window).scrollTop();
            $('.select2-search__field').focus().select();
            $(window).scrollTop(currentScroll);
        });

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

        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 : ");
                        }
                        var priceSlabId = item.ledger['price_slab_id'];
                        $("#party-closing-balance").html(formattedData);
                        $('#price-slab').val(priceSlabId).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");
            print.screenX = 0;
            print.screenY = 0;
            print.window.onload = function() {
                print.print();
                print.onafterprint = function() {
                    print.close();
                    @isset($accountingVoucher)
                        @if (!empty(app('request')->input('id')))
                            window.location.href =
                                "/admin/ledger-report/{{ app('request')->input('id') }}";
                        @else
                            window.location.href =
                                "{{ route('sales.index') }}";
                        @endif
                    @else
                        window.location.href =
                            "{{ route('sales.create') }}";
                    @endisset
                }
            };
        }

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

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

            escapeMarkup: function(markup) {
                return markup;
            }
        });

        function checkBalanceAmt() {
            var amount = $('#grand-total-amt').val();
            var selectedVouchers = $("#against-voucher").val();
            if (amount == null || amount == '' || amount == 0) {
                if (selectedVouchers.length > 0) {
                    alert('No Amount');
                    $('#against-voucher').val('').trigger('change');
                }
            }
            var selectedVoucherSum = selectedVouchers.reduce(function(total, id) {
                return total + (against_vouchers[id] || 0);
            }, 0);
            var lastVoucher = selectedVouchers[selectedVouchers.length - 1];
            var lastVoucherSum = against_vouchers[lastVoucher] || 0;
            if (selectedVoucherSum > amount) {
                var diff = selectedVoucherSum - amount;
                if (diff > lastVoucherSum) {
                    selectedVouchers.pop();
                    $('#against-voucher').val(selectedVouchers).trigger('change');
                    alert("no balance to allocate");
                }
            }
        }
        Mousetrap.bind(['alt+A', 'alt+a'], function() {
            $('#ledgerCreateModal').modal('show');
        });
        $(document).on('keydown', function(e) {
            if (e.altKey && e.key === 'i') {
                $('#itemCreateModal').modal('show');
            }
        });
        $('#district').select2({
            placeholder: "Select district",
            ajax: {
                url: "/admin/get-districts",
                type: "post",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    selectedTerm = params.term;
                    state_code = $('#state').val();
                    return {
                        _token: '{{ csrf_token() }}',
                        search: params.term,
                        state_code: state_code
                    }
                },
                processResults: function(response) {
                    var results = response.data.map(function(item) {
                        return {
                            id: item.name,
                            text: item.name
                        };
                    });
                    return {
                        results: results
                    };
                },

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

            escapeMarkup: function(markup) {
                return markup;
            }
        });

        function resetDistrict() {
            $('#district').val('').trigger('change');
        }

        const groupSelect = new Choices('#group', {
            placeholder: true,
        });

        new Choices('#branch', {
            placeholder: true,
        });

        new Choices('#state', {
            placeholder: true,
        });

        groupSelect.setChoices(async () => {
            try {
                const items = await fetch('/admin/get-groups', {
                    method: 'post',
                    headers: new Headers({
                        'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
                        'X-CSRF-TOKEN': '{{ csrf_token() }}',
                    }),
                    body: `groupId=${'{{ isset($ledger) ? $ledger->group_id : '' }}'}`
                }).then((response) => response.json());
                return items.data;
                var result = items.json();
            } catch (err) {
                console.error(err);
            }
        });

        const drOrCrSelect = new Choices('#dr-or-cr');

        $('#ledger-form').validate({
            rules: {
                'ledger_code': {
                    required: true,
                },
                'name': {
                    required: true,
                },
            },
            messages: {
                'ledger_code': {
                    required: "Please enter ledger code",
                },
                'name': {
                    required: "Please enter ledger name",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    $('#ledgerCreateModal').modal('hide');
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        function changeGroup() {
            var group = document.getElementById("group");
            var showGstPerc = document.getElementById("show-gst-perc");
            var showCessPerc = document.getElementById("show-cess-perc");
            showGstPerc.style.display = group.textContent === "Fixed Assets" || group.textContent === "Direct Expenses" ||
                group.textContent === "Indirect Expenses" ?
                "flex" : "none";
            showCessPerc.style.display = group.textContent === "Fixed Assets" || group.textContent === "Direct Expenses" ||
                group.textContent === "Indirect Expenses" ?
                "flex" : "none";
        }

        function quickReceipt(accountingVoucherId) {

            $('#accounting_voucher_id').val(accountingVoucherId);
            $('#quick-receipt-modal').modal('show');

        }
        $('.receipt-account').select2({
            placeholder: 'Select Account',
            allowClear: false,
            dropdownParent: $('#quick-receipt-modal'),
            ajax: {
                url: "/admin/get-receipt-debit-ledgers",
                type: "post",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    selectedTerm = params.term;
                    return {
                        _token: '{{ csrf_token() }}',
                        search: params.term,
                    }
                },
                processResults: function(response) {
                    var results = response.data.map(function(item) {
                        return {
                            id: item.id,
                            text: item.name
                        };
                    });

                    return {
                        results: results
                    };
                },

            },
            cache: true,
        });

        $("#quckReceiptForm").submit(function(e) {
            e.preventDefault();
            url = $(this).attr('action');
            var formData = new FormData(this);
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function(data) {
                    if (data.status == 'success') {
                        $('#quick-receipt-modal').modal('hide');
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 3000,
                            timerProgressBar: true,
                        })

                        Toast.fire({
                            icon: 'success',
                            title: data.message,
                        })
                    } else {
                        const Toast = Swal.mixin({
                            toast: true,
                            position: 'top-end',
                            showConfirmButton: false,
                            timer: 3000,
                            timerProgressBar: true,
                        })

                        Toast.fire({
                            icon: 'error',
                            title: data.message,
                        })
                    }
                },
                error: function(data) {
                    const Toast = Swal.mixin({
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000,
                        timerProgressBar: true,
                    })

                    Toast.fire({
                        icon: 'error',
                        title: "Something went wrong. Please try again later",
                    })

                },
            });

        });

        $('#quick-receipt-modal').on('hidden.bs.modal', function() {
            $('#printModal').modal('show');
        });


        Mousetrap.bind(['alt+v', 'alt+v'], function() {
            $('#submit').click();
        });

        $(document).on('keyup', '.qty', function(e) {
            totalQty();
        })

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

        function ThermalPrint(id) {
            print = window.open("{{ URL::to('/admin/sales-thermal-print/') }}/" + id, "myWindow",
                "scrollbars=yes");
            print.screenX = 0;
            print.screenY = 0;
            print.window.onload = function() {
                print.print();
                print.onafterprint = function() {
                    print.close();
                    @if (isset($accountingVoucher))
                        @if (!empty(app('request')->input('id')))
                            window.location.href =
                                "/admin/ledger-report/{{ app('request')->input('id') }}";
                        @else
                            window.location.href =
                                "{{ route('sales.index') }}";
                        @endif
                    @else
                        window.location.href =
                            "{{ route('sales.create') }}";
                    @endif
                }
            };
        }

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

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

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

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


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

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

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

        $(document).on('click', '.item-edit', function() {
            let id = $(this).closest('tr').attr('id');
            var item_id = $('#item_' + id).val();
            $('#itemEditModalBody').html('');
            if (item_id != null) {
                $.ajax({
                    url: "{{ route('fetch-item-details') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id
                    },
                    success: function(data) {
                        var html = '<div>'
                        html += '<div class="row">'
                        html += '<div class="col-12">'
                        html += '<div class="form-group">'
                        html += '<label for="name">Name</label>'
                        html +=
                            '<input type="hidden" class="form-control" name="modal_item_id" id="modal_item_id" value="' +
                            data.item.id + '" required readonly>'
                        html +=
                            '<input type="hidden" class="form-control" name="item_modal_rowCount" id="item_modal_rowCount" value="' +
                            id + '" required readonly>'
                        html +=
                            '<input type="text" class="form-control" name="modal_item_name" id="modal__item_name" value="' +
                            data.item.name + '" required readonly>'
                        html += '</div>'
                        html += '</div>'
                        html += '</div>'
                        html += '<div class="row">'
                        html += '<div class="col-12">'
                        html += '<div class="form-group">'
                        html += '<label for="description">Mrp</label>'
                        html +=
                            '<input type="number" class="form-control" name="modal_item_mrp" id="modal_item_mrp" value="' +
                            data.item.mrp + '" required>'
                        html += '</div>'
                        html += '</div>'
                        html += '</div>'
                        $('#itemEditModalBody').html(html);
                        $('#itemEditModal').modal('show');
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        });

        $('#item-edit-form').on('submit', function(e) {
            e.preventDefault();
            var url = $(this).attr('action');
            var formData = new FormData(this);
            $.ajax({
                url: url,
                type: "POST",
                data: formData,
                contentType: false,
                cache: false,
                processData: false,
                success: function(data) {
                    if (data.status == true) {
                        $('#itemEditModal').modal('hide');
                        var id = $('#item_modal_rowCount').val();
                        fetchItemData(id);
                        $('#qty_' + id).focus();
                    }
                },
                error: function(err) {
                    alert("Something went wrong. Please try again");
                }
            });
        });
        $(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");
            }
        });

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

        function changeCollection(id) {
            var item_id = $('#item_' + id).val('').trigger('change');
            $('#item_' + id + '').data('select2').trigger('query', {
                term: ''
            });
        }
          $('#collection').select2({
            placeholder: 'Select Collection',
            ajax: {
                url: "/admin/get-item-collections",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        return {
                            id: item.id,
                            text: item.name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('#collection').prop('tabindex', 1);
        $('#collection').on('change', function() {
            resetSearch();
            $('#category-groups-section').html('');
            getCategoryGroups();
        })
        $('#search_item').select2({
            placeholder: 'Select item',
            ajax: {
                url: "/admin/get-stock-items-by-collection",
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function(params) {
                    categoryIds = [];
                    $('.categoryGroup').each(function() {
                        const val = $(this).val();
                        if (val) {
                            categoryIds.push(val);
                        }
                    });
                    selectedIds = [];
                    $('.stock-item').each(function() {
                        const val = $(this).val();
                        if (val) {
                            selectedIds.push(val);
                        }
                    });
                    return {
                        _token: "{{ csrf_token() }}",
                        search: params.term,
                        page: params.page,
                        is_from_purchase: true,
                        item_collection_id: $('#collection').val(),
                        categoryIds: categoryIds,
                        selectedIds: selectedIds
                    };
                },
                processResults: function(data, params) {
                    params.page = params.page || 1;
                    var results = data.data.map(function(item) {
                        var name = item.name;
                        if (item.purchase_price != null) {
                            name += ' (Rs. ' + item.purchase_price + ')';
                        }
                        if (item.description != null) {
                            name += ' (' + item.description + ')';
                        }
                        return {
                            id: item.id,
                            text: name,
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        // $('#search_item').prop('tabindex', tabIndex++);
        // $('#search_qty').prop('tabindex', tabIndex++);
        // $('#search_unit').select2({
        //     placeholder: 'Select unit'
        // });
        // $('#search_unit').prop('tabindex', tabIndex++);
        // $('#search_price').prop('tabindex', tabIndex++);
        // $('#search_discount').prop('tabindex', tabIndex++);
        // $('#search_discount_per').prop('tabindex', tabIndex++);
        // $('#search_submit').prop('tabindex', tabIndex++);
        $(document).on('change', '#collection,.categoryGroup', function(e) {
            $('#search_item').val(null).trigger('change');
        })
        $('#search_item').on('change', function(e) {
            var prd = $(this).val();
            if (prd != "") {
                $.ajax({
                    url: "{{ route('fetch-stock-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd,
                        "from_order": true,
                        'orderId': `{{ isset($order) ? $order->id : null }}`,
                        "price_slab_id": $('#price-slab').val(),
                        "location": $('#stock-location').val(),
                        "date": $('#order-date').val(),
                    },
                    success: function(data) {
                            $("#search_stock").html(data.stock_availability);
                            $("#search_mrp").html(data.mrp);
                            $("#search_cess_per").val(data.cess);
                            $("#search_gst_per").val(data.gst);
                            $("#search_unit").html(data.options);
                            $("#search_price").val(data.sale_price);
                            callculateSearchBox();
                            if (negativeStockEnabled == 0) {
                                if (data.closing_stock_negative) {
                                    alert("Stock is negative. Please add stock.");
                                    $('#search_qty').val('');
                                }
                            }

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

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

            let totalTaxPer = (cessPer + gstPer) / 100;

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

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

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

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

            // total
            let total = taxableValue + taxAmt;

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

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

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

        }
        $(document).on('keyup', '#search_discount_per,#search_qty,#search_price', function() {
            callculateSearchBox(false);
        })
         $(document).on('keyup', '#search_discount', function() {
            callculateSearchBox(true);
        })
        let tabIndexNew = 10000;
        $('#search_submit').on('click', function(e) {
            e.preventDefault();
            @isset($order)
                var lastRowClass = $(append_row + ' > tr:last').attr('class');
                var classArray = lastRowClass.split(' ');

                var rowClass = classArray.find(function(cls) {
                    return cls.startsWith('row_');
                });
                var rowCount = rowClass ? parseInt(rowClass.split('row_')[1], 10) : null;
            @else
                var lastRowClass = $(append_row + ' > tr:last').attr('class');
                if (lastRowClass == undefined) {
                    var rowCount = 1;
                } else {
                    var classArray = lastRowClass.split(' ');
                    var rowClass = classArray.find(function(cls) {
                        return cls.startsWith('row_');
                    });
                    var rowCount = rowClass ? parseInt(rowClass.split('row_')[1], 10) : null;
                }
            @endisset
            if (rowCount == "" || rowCount == undefined || rowCount == null) {
                rowCount = 1;
            } else {
                rowCount = parseInt(rowCount) + parseInt(1);
            }
            var prd = $('#search_item').val();
            var qty = $('#search_qty').val();
            if (prd != "" && qty != "") {
                let itemName = $('#search_item option:selected').text();
                let itemId = $('#search_item').val();
                let qty = $('#search_qty').val();
                let price = $('#search_price').val();
                let unitId = $('#search_unit').val();
                let unitName = $('#search_unit option:selected').text();
                let cessPer = $('#search_cess_per').val();
                let gstPer = $('#search_gst_per').val();
                let priceInc = $('#search_price_inc').val();
                let discPer = $('#search_discount_per').val();
                let discAmt = $('#search_discount').val();
                let mrp = $('#search_mrp').text();
                 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><td><div class="input-group" style="flex-wrap: nowrap">  <div class="input-group-text item-edit"><i class="lar la-edit"></i></div><select tabindex="1" class="form-control stock-item" name="item[]" onchange="fetchItemData(' +
                rowCount + ')" id="item_' + rowCount + '"><option value="">Select item</option><option value="' + itemId + '" selected>' + itemName + '</option>';

            var rows1 = '</select><div class="errormsg" id="error_item_' + rowCount +
                '"></div></div></td><td><div id="stock_' + rowCount +
                '"></div><td><input type="number" name="mrp[]" id="mrp_' + rowCount +
                '" readonly class="form-control form-input-box min-width60" value="' + mrp + '"><div class="errormsg" id="error_mrp_' +
                rowCount +
                '"></div></td><td><input type="number" tabindex="' + `${tabIndex+3}` + '" name="qty[]" id="qty_' +
                rowCount +
                '" class="mousetrap form-control form-input-box qty min-width60" value="' + qty + '" ><div class="errormsg" id="error_qty_' +
                rowCount + '"></div></td><td><select name="unit_id[]" tabindex="' + `${tabIndex+4}` +
                '" class="mousetrap form-control unit_change unit_' + rowCount +
                '" id="unit_change_' + rowCount + '" onchange="salesChangeUnit(' + rowCount +
                ')"><option value="' + unitId + '" selected>' + unitName + '</option></select></td>@if (Auth::user()->company_profile->show_foc == 1)<td><input type="number" name="foc[]" id="foc_' +
                rowCount +
                '"  class="form-control mousetrap form-input-box min-width60"><div class="errormsg" id="error_mrp_' +
                rowCount +
                '"></div></td>@endif<td><input type="number" step=".001" name="price[]" tabindex="' +
                `${tabIndex+5}` +
                '" id="price_' + rowCount +
                '" class="mousetrap form-control form-input-box price min-width60" value="' + price + '"></td><td><input type="number" name="price_inc_gst[]" tabindex="' +
                `${tabIndex+6}` +
                '" id="price_inc_tax_' +
                rowCount +
                '" class="mousetrap form-control  form-input-box priceIncTax min-width60"></td><td><input type="number" name="gross_value[]" id="gross_value_' +
                rowCount +
                '" readonly class="form-control form-input-box min-width60"></td><td><input  type="number" name="discount_per[]" tabindex="' +
                `${tabIndex+7}` +
                '" id="dis_per_' +
                rowCount +
                '"  class="mousetrap form-control form-input-box discPer min-width50" value="' + discPer + '"></td><td><input type="number" class="mousetrap form-control min-width50 discAmt form-input-box" name="disc_amt[]" id="disc_amt_' +
                rowCount +
                '"  tabindex="' +
                `${tabIndex+8}` +
                '" value="' + discAmt + '"></td><td><input type="number" name="taxable_value[]" tabindex="' + `${tabIndex+8}` +
                '" id="taxable_value_' + rowCount +
                '" class="mousetrap form-control form-input-box taxable_value min-width60"><input type="hidden" name="gst[]" id="item_gst_' +
                rowCount +
                '" value="' + gstPer + '"><input type="hidden" id="cessPer_' + rowCount +
                '" name="cessper[]" value="' + cessPer + '"></td><td><input type="number" class="form-control form-input-box min-width60 tax_' +
                rowCount +
                '"<input type="hidden" class="form-control form-input-box min-width60 cgst_' +
                rowCount +
                '" readonly> <input type="hidden" class="form-control form-input-box min-width60 sgst_' +
                rowCount +
                '" readonly> <input type="hidden" class="form-control form-input-box min-width60 igst_' +
                rowCount +
                '" readonly> <input type="hidden" class="form-control form-input-box min-width60 cessAmt_' +
                rowCount +
                '" readonly><input type="hidden" name="cess_amt[]" id="cessAmt_' + rowCount +
                '"></td><td><input type="number" name="total[]" class="form-control form-input-box min-width60 total_' +
                rowCount +
                '" readonly></td><td><button type="button" class="btn btn-sm btn-danger" onclick="removeRow(' + rowCount +
                ')"><i class="las la-minus"></i></button></td></tr>';

                $("#appendRow").append(rows + rows1);
                $('#item_' + rowCount + '').select2({
                    placeholder: 'Select item',
                });
                $('#unit_change_' + rowCount + '').select2();
                $('#item_' + rowCount + '').prop('tabindex', tabIndex + 2);
                $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 4);
                $('#row_add').prop('tabindex', tabIndex + 10);
                tabIndex += 9;
                calculateSum();
                resetSearch();
                $('#search_item').focus().select();

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

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


            }
        }
        $('#search_unit').on('change', function() {
            let unit_id = $(this).val();
            let stock_item_id = $('#search_item').val();
            if(unit_id == null || stock_item_id == null){
                return false;
            }
            $.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(),
                },
                success: function(data) {
                    $('#search_price').val(parseFloat(data.sales_price).toFixed(3));
                    $("#search_discount_per").val('');
                    if (data.discount_perc != null) {
                        $("#search_discount_per" + id).val(data.discount_perc);
                    }
                    callculateSearchBox();
                },
                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": $("#search_unit").val(),
                            "quantity": $("#search_qty").val(),
                        },
                        success: function(response) {
                            if (response.status == true) {
                                callculateSearchBox();
                            } else {
                                alert(response.message + " " + "Available stock only " + response.availableQty);
                                $("#search_qty").val("");
                                callculateSearchBox();
                            }
                        }
                    });
                } else {
                    callculateSearchBox();
                }
            } else {
                callculateSearchBox();
                alert("Please select stock location");
            }
        })
         $(document).on('keyup', '#search_qty', function() {
            var stockItem = $("#search_item").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": $("#search_unit").val(),
                            "quantity": $(this).val()
                        },
                        success: function(response) {
                            if (response.status == true) {
                                callculateSearchBox();
                            } else {
                                alert(response.message + " " + "Available stock only " + response
                                    .availableQty);
                                $("#search_qty").val("");
                                callculateSearchBox();
                            }

                        }
                    });
                } else {
                    callculateSearchBox();
                }
            } else {
                callculateSearchBox();
                alert("Please select stock location");
            }
        });
    </script>
@endsection