@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" />
    <style>
        .error {
            color: red;
        }

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

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

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

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

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

        /* 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 */
        }

        #item_search,
        .item-select .select2-container .select2-selection--single {
            width: 100% !important;
            height: 60px !important;
            border-radius: 15px !important;
            font-size: 20px !important
        }

        #select2-item-select-container {
            line-height: 60px !important;
        }

        .item-select .select2-container--default .select2-selection--single .select2-selection__arrow {
            margin-top: 25px !important;
        }

        .show {
            /* display: none; */
        }

        .tblwdth .select2.select2-container {
            width: 150px !important;
        }

        .tblwdth .form-control {
            width: 130px !important;
        }

        .tblwdth {
            font-size: 15px !important;
        }

        .form-control {
            font-size: 15px !important;
        }

        .table td {
            padding: 2px !important;
        }
    </style>
    @include('admin.stock-items.create-modal-css')
@endsection
@section('title')
    Sales
@endsection
@section('content')
    @isset($accountingVoucher)
        <form action="/admin/scan-sales-2/{{ $accountingVoucher->id }}" method="POST" id="accounting-voucher" autocomplete="off"
            class="needs-validation">
            @method('put')
        @else
            <form action="/admin/scan-sales-2" method="POST" id="accounting-voucher" autocomplete="off">
            @endisset
            @csrf
            <main>
                <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">
                                    @isset($accountingVoucher)
                                        Edit Sales
                                    @else
                                        Add Sales
                                    @endisset
                                </h5>
                                <button type="button" class="btn btn-soft-primary" id="history">Transaction
                                    History</button>
                            </div>
                            <div class="card-body">
                                <div class="row align-items-center justify-content-center">
                                    {{-- <div class="col-md-5 col-sm-6 ">
                                        <h3 class="text-center fr-fntsize">Barcode Scan</h3>
                                    </div> --}}
                                    {{-- <div class="col-md-5 col-sm-6 item-select">
                                        <h3 class="text-center fr-fntsize">Select Item</h3>
                                    </div> --}}
                                    <div class="col-lg-5 col-sm-6 ">
                                        <h3 class="text-center fr-fntsize">Barcode Scan</h3>

                                        <input type="text" class="form-control" name="search" id="item_search">
                                    </div>
                                    <div class="col-lg-5 col-sm-6 item-select">
                                        <h3 class="text-center fr-fntsize">Select Item</h3>

                                        <select name="item-select" class="form-control" id="item-select"
                                            onchange="fetchItemData()">
                                            <option value="">Select Item</option>
                                        </select>
                                    </div>
                                    <div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="tbl-scrl tblwdth">
                                                <table class="table table-responsive">
                                                    <thead>
                                                        <tr>
                                                            <th>SN</th>
                                                            <th class="w-25">Item</th>
                                                            <th>Quantity</th>
                                                            <th>Unit</th>
                                                            <th>Price</th>
                                                            <th>Price(Inc GST)</th>
                                                            <th>Gross Value</th>
                                                            <th>Disc %</th>
                                                            <th>Disc Amt</th>
                                                            <th>Taxable Value</th>
                                                            <th>Tax</th>
                                                            <th>Total</th>
                                                            <th>Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="appendRow">
                                                        @isset($accountingVoucherItems)
                                                            @foreach ($accountingVoucherItems as $key => $accountingVoucherItem)
                                                                <tr id= "{{ $key }}" class="row_{{ $key }}">
                                                                    <td class="text-center sale-sn" style="font-weight:600;">
                                                                        {{ $key + 1 }}</td>
                                                                    <td>
                                                                        <input type="hidden" name="item[]"
                                                                            id="item_{{ $key }}"
                                                                            class="form-control stock-item"
                                                                            value="{{ $accountingVoucherItem->stock_item_id }}"
                                                                            readonly required>
                                                                        <input type="text" name="item_name[]"
                                                                            id="item_name_{{ $key }}"
                                                                            class="form-control stock-item-name"
                                                                            value="{{ $accountingVoucherItem->stockItem->name }}"
                                                                            readonly>
                                                                    </td>
                                                                    <td><input type="number" name="quantity[]"
                                                                            id="quantity_{{ $key }}"
                                                                            class="form-control quantity"
                                                                            value="{{ $accountingVoucherItem->quantity }}"
                                                                            required>
                                                                    </td>
                                                                    <td> <select name="unit[]" id="unit_{{ $key }}"
                                                                            class="form-control unit" required
                                                                            onchange="salesChangeUnit({{ $key }})">
                                                                            @foreach ($accountingVoucherItem->units as $unit)
                                                                                <option value="{{ $unit->id }}"
                                                                                    {{ $accountingVoucherItem->unit_id == $unit->id ? 'selected' : '' }}>
                                                                                    {{ $unit->symbol }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </td>
                                                                    <td><input type="number" name="price[]"
                                                                            id="price_{{ $key }}"
                                                                            class="form-control price"
                                                                            value="{{ $accountingVoucherItem->price }}"></td>
                                                                    <td><input type="number" name="price_inc_gst[]"
                                                                            id="price_inc_tax_{{ $key }}"
                                                                            class="mousetrap form-control  priceIncTax min-width60"
                                                                            value="{{ $accountingVoucherItem->price_inc_tax }}">
                                                                    </td>
                                                                    <td><input type="number" name="gross_value[]"
                                                                            id="gross_value_{{ $key }}" readonly
                                                                            class="form-control min-width60"
                                                                            value="{{ $accountingVoucherItem->gross_value }}">
                                                                    </td>
                                                                    <td><input type="number" name="discount_per[]"
                                                                            id="dis_per_{{ $key }}"
                                                                            class="mousetrap form-control discPer min-width50"
                                                                            value="{{ $accountingVoucherItem->disc_percentage }}">
                                                                    </td>
                                                                    <td><input type="number"
                                                                            class="mousetrap form-control min-width50 discAmt"
                                                                            name="disc_amt[]" id="disc_amt_{{ $key }}"
                                                                            value="{{ $accountingVoucherItem->disc_amount }}">
                                                                    </td>
                                                                    <td><input type="number" name="taxable_value[]"
                                                                            id="taxable_value_{{ $key }}"
                                                                            class="mousetrap form-control taxable_value min-width60"
                                                                            readonly
                                                                            value="{{ $accountingVoucherItem->taxable_value }}">
                                                                    </td>
                                                                    <td><input type="number"
                                                                            class="form-control min-width60 tax_{{ $key }}"
                                                                            value="{{ $accountingVoucherItem->cgst + $accountingVoucherItem->sgst + $accountingVoucherItem->igst + $accountingVoucherItem->cess }}"
                                                                            id="tax_{{ $key }}" readonly></td>
                                                                    <td><input type="number" name="total[]"
                                                                            id="total_{{ $key }}"
                                                                            class="form-control total" readonly
                                                                            value="{{ $accountingVoucherItem->total }}">
                                                                        <input type="hidden" name="gst[]"
                                                                            id="item_gst_{{ $key }}"
                                                                            value="{{ $accountingVoucherItem->gst_per }}">
                                                                        <input type="hidden" name="cess[]"
                                                                            id="item_cess_{{ $key }}"
                                                                            value="{{ $accountingVoucherItem->cess_per }}">
                                                                    </td>
                                                                    @php
                                                                        $unitQty = App\Models\StockItemUnits::where('stock_item_id',$accountingVoucherItem->stock_item_id)->where('unit_id', $accountingVoucherItem->unit_id)->where('business_key', Auth::user()->business_key)->first()->unit_qty;
                                                                        $sumInwards = App\Models\StockLedger::select(
                                                                            'stock_item_id',
                                                                            DB::raw('COUNT(*) as count'),
                                                                            DB::raw('SUM(value) as value'),
                                                                            DB::raw('SUM(inwards) as inwards'),
                                                                        )
                                                                            ->where('business_key', Auth::user()->business_key)
                                                                            ->where('inwards', '!=', null)
                                                                            ->where('transaction', '!=', 'Sales Return')
                                                                            ->where('stock_item_id', $accountingVoucherItem->stock_item_id)
                                                                            ->whereDate('date', '<=', $accountingVoucher->voucher_date)
                                                                            ->groupBy('stock_item_id')
                                                                            ->first();
                                                                        if ($sumInwards == null) {
                                                                            $avgPrice = 0;
                                                                        } else {
                                                                            $avgPrice =
                                                                                $sumInwards->inwards != 0
                                                                                    ? $sumInwards->value / $sumInwards->inwards
                                                                                    : 0;
                                                                        }

                                                                        if ($avgPrice == 0) {
                                                                            $lastInward = \App\Models\StockLedger::where(
                                                                                'stock_item_id',
                                                                                $accountingVoucherItem->stock_item_id,
                                                                            )
                                                                                ->whereNotNull('inwards')
                                                                                ->where('date', '<=', $accountingVoucher->voucher_date)
                                                                                ->where('business_key', Auth::user()->business_key)
                                                                                ->where('transaction', '!=', 'Sales Return')
                                                                                ->select('value', 'inwards')
                                                                                ->orderBy('id', 'desc')
                                                                                ->first();
                                                                            if (
                                                                                $lastInward &&
                                                                                $lastInward->value != 0 &&
                                                                                $lastInward->inwards != 0
                                                                            ) {
                                                                                $avgPrice = $lastInward->value / $lastInward->inwards;
                                                                            } else {
                                                                                $avgPrice = 0;
                                                                            }
                                                                        }

                                                                    @endphp
                                                                    <td><button type="button" class="btn btn-sm btn-danger"
                                                                            onclick="removeRow({{ $key }})"><i
                                                                                class="las la-minus"></i><input type="hidden" id="unit_qty_{{ $key }}" readonly value="{{ $unitQty }}"><input type="hidden" id="avg_price_{{ $key }}" value="{{ $avgPrice }}" readonly></button>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @endisset

                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td class="fw-bold  text-center" colspan="2">Total</td>
                                                            <td class="fw-bold  text-start"><span
                                                                    id="total-quantity"></span></td>
                                                            <td colspan="8"></td>
                                                            <td class="fw-bold text-start" id="total_sum">
                                                            <td></td>
                                                            {{ isset($accountingVoucher) ? $accountingVoucher->items()->sum('total') : '' }}
                                                            </td>
                                                            <td class="fw-bold"></td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>
                                            <div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="card">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class=" col-md-6">
                                                <div class="row mb-3">
                                                    <div class="col-3">
                                                        <label for="grand_total" class="form-label"
                                                            class="form-label">Discount</label>
                                                    </div>
                                                    <div class="col-3">
                                                        <input type="number" class="form-control discount"
                                                            name="discount" id="discount"
                                                            value="{{ isset($accountingVoucher) ? $accountingVoucher->discount : '' }}"
                                                            placeholder="Discount Amt">
                                                    </div>
                                                    <div class="col-3">
                                                        <div class="input-group">
                                                            <input type="number"
                                                                class="billDiscountPercentage form-control" value=""
                                                                id="bill-discount-percentage" placeholder="Discount %">
                                                            <span class="input-group-text">%</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <div class="col-3">
                                                        <label for="grand_total" class="form-label"
                                                            class="form-label">Round
                                                            Off</label>
                                                    </div>
                                                    <div class="col-9">
                                                        <input type="number" class="form-control round_off"
                                                            name="round_off" id="round_off"
                                                            value="{{ isset($accountingVoucher) ? $accountingVoucher->round_off : '' }}"
                                                            readonly>
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <div class="col-3">
                                                        <label for="grand_total" class="form-label">Grand Total</label>
                                                    </div>
                                                    <div class="col-9">
                                                        <input type="number" class="form-control grand_total"
                                                            name="grand_total" id="grand_total"
                                                            value="{{ isset($accountingVoucher) ? $accountingVoucher->amount : '' }}"
                                                            readonly>
                                                    </div>
                                                </div>
                                                <div class="row mb-3">
                                                    <div class="col-3">
                                                        <label for="" class="form-label">Profit</label>
                                                    </div>
                                                    <div class="col-3">
                                                          <div class="input-group">
                                                            <input type="number" class="form-control profit"
                                                            name="" id="profit"
                                                            readonly>
                                                            <span class="input-group-text">%</span>
                                                          </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="hstack gap-2 justify-content-end">
                                                    {{-- Open Modal button --}}
                                                    <button type="button" class="btn btn-primary me-5"
                                                        data-bs-toggle="modal" data-bs-target="#adDetailsModal">
                                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Save&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Customer Details Modal --}}
                        <div class="modal fade" id="adDetailsModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                            aria-hidden="true">
                            <div class="modal-dialog modal-lg modal-dialog-centered">
                                <div class="modal-content">
                                    <div class="modal-header bg-light p-3 d-flex justify-content-between">
                                        <h5 class="modal-title" id="exampleModalLabel">Payment Details</h5>
                                        <h5 class="modal-title ms-5 w-50">Bill Amount:&nbsp;<span id="grand_total_modal">
                                                @isset($accountingVoucher)
                                                    {{ $accountingVoucher->amount }}
                                                @endisset </span></h5>
                                        <h5 class="modal-title ms-5 w-50" id="return_grand_total_h5">Return
                                            Amount:&nbsp;<span id="return_grand_total"></span>
                                            <h5 class="modal-title ms-5 w-50" id="final_amount_h5">Amount To
                                                Pay:&nbsp;<span id="final_amount"></span></h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal"
                                                aria-label="Close" id="close-modal"></button>
                                    </div>
                                    <div class="modal-body">
                                        <div class="row">
                                            @php
                                                $paymentIds = $PaymentLedgers->pluck('id')->toArray();
                                            @endphp
                                            @foreach ($PaymentLedgers as $PaymentLedger)
                                                @isset($accountingVoucher)
                                                    @php
                                                        if ($accountingVoucher->adj_voucher_id != null) {
                                                            $amount = App\Models\AccountingVoucherDetails::where(
                                                                'accounting_voucher_id',
                                                                $accountingVoucher->adj_voucher_id,
                                                            )
                                                                ->where('ledger_id', $PaymentLedger->id)
                                                                ->first();
                                                        } else {
                                                            $amount = App\Models\AccountingVoucherDetails::where(
                                                                'accounting_voucher_id',
                                                                $accountingVoucher->id,
                                                            )
                                                                ->where('ledger_id', $PaymentLedger->id)
                                                                ->first();
                                                        }
                                                    @endphp
                                                @endisset
                                                <div class="row mb-3">
                                                    <div class="col-md-3">
                                                        <label for="payment_mode"
                                                            class="form-label">{{ $PaymentLedger->name }}</label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <input type="text"
                                                            name="payment_mode[{{ $PaymentLedger->id }}]"
                                                            class="form-control payment_mode" id=""
                                                            value="{{ isset($amount) ? $amount->amount : '' }}">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <input type="radio" class="radio-button"
                                                            style="width:100px;height:25px;" name="radio"
                                                            data-id="{{ $PaymentLedger->id }}">
                                                    </div>
                                                </div>
                                            @endforeach
                                            <hr>
                                        </div>
                                        <div class="col-md-12">
                                            <button type="button" class="btn btn-soft-primary"
                                                id="add-return-show-btn">Sales Return items &nbsp; &nbsp; &nbsp;<i
                                                    class="ri-arrow-down-s-line"></i></button>
                                        </div>
                                        <hr>
                                        <div id="sales-return-show" style="display: none;">
                                            <div class="modal-body">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th style="width:40%;">Item Name</th>
                                                            <th>Quantity</th>
                                                            <th style="width:20%;">Unit</th>
                                                            <th>Action</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody id="salesReturnBody">
                                                        @if (isset($accountingVoucher) && $accountingVoucher->sales_return_id != null)
                                                            @php
                                                                $salesReturnItems = App\Models\AccountingVoucherItem::where(
                                                                    'accounting_voucher_id',
                                                                    $accountingVoucher->sales_return_id,
                                                                )->get();
                                                                foreach ($salesReturnItems as $item) {
                                                                    $stockItemUnitIds = App\Models\StockItemUnits::where(
                                                                        'stock_item_id',
                                                                        $item->stock_item_id,
                                                                    )
                                                                        ->select('unit_id')
                                                                        ->distinct()
                                                                        ->pluck('unit_id')
                                                                        ->toArray();
                                                                    $units = App\Models\Unit::whereIn(
                                                                        'id',
                                                                        $stockItemUnitIds,
                                                                    )->get();
                                                                    $item->units = $units;
                                                                }
                                                            @endphp
                                                            @foreach ($salesReturnItems as $key => $salesReturnItem)
                                                                <tr data-id={{ $key + 1 }}
                                                                    id="return_row_{{ $key + 1 }}">
                                                                    <td><select class="form-control return-item"
                                                                            id="return_item_{{ $key + 1 }}"
                                                                            name="return_item[]"
                                                                            onchange="fetchReturnItemData({{ $key + 1 }})">
                                                                            <option value="">Select Item</option>
                                                                            <option
                                                                                value="{{ $salesReturnItem->stock_item_id }}"
                                                                                selected>
                                                                                {{ $salesReturnItem->stockItem->name }}
                                                                            </option>
                                                                        </select>
                                                                    </td>
                                                                    <td><input type="text"
                                                                            value="{{ $salesReturnItem->quantity }}"
                                                                            class="form-control return-quantity"
                                                                            id="return_item_quantity_{{ $key + 1 }}"
                                                                            name="return_item_quantity[]">
                                                                    </td>
                                                                    <td><select class="form-control return-unit"
                                                                            id="return_unit_{{ $key + 1 }}"
                                                                            name="return_unit[]"
                                                                            onchange="fetchReturnChangeUnit({{ $key + 1 }})">
                                                                            <option value="">Select Unit</option>
                                                                            @foreach ($salesReturnItem->units as $unit)
                                                                                <option value="{{ $unit->id }}"
                                                                                    {{ $salesReturnItem->unit_id == $unit->id ? 'selected' : '' }}>
                                                                                    {{ $unit->symbol }}</option>
                                                                            @endforeach
                                                                        </select>
                                                                    </td>
                                                                    <td><input type="hidden"
                                                                            class="form-control return_price"
                                                                            name="return_price[]"
                                                                            id="return_price{{ $key + 1 }}"
                                                                            value="{{ $salesReturnItem->price_inc_tax }}">
                                                                        <input type="hidden"
                                                                            class="form-control return_total"
                                                                            name="return_total[]"
                                                                            id="return_total{{ $key + 1 }}"
                                                                            value="{{ $salesReturnItem->total }}">
                                                                        <button type="button" class="btn btn-danger"
                                                                            id="removeReturnItemRow"
                                                                            data-row="{{ $key + 1 }}"><i
                                                                                class="las la-minus"></i></button>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                        @endif
                                                    </tbody>
                                                </table>

                                            </div>
                                            <div class="modal-footer">
                                                <div class="hstack gap-2 justify-content-end">
                                                    <button type="button" class="btn btn-warning"
                                                        onclick="addReturnItemRow()">Add</button>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>

                                        <button type="button" class="btn btn-soft-primary"
                                            id="customer-details-show-btn"> Show Customer Details &nbsp;<i
                                                class="ri-arrow-down-s-line"></i></button>
                                        <hr>
                                        <br>
                                        <div id="customer_modal" style="display: none;">
                                            <p class="fw-bold"> Credit Party(Dr)</p>
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <select class="form-select" id="party" name="debit_ledger_id"
                                                        onchange="fetchPartyItemData()">
                                                        <option value="">Select ledger</option>
                                                        @isset($accountingVoucher)
                                                            @if ($accountingVoucher->debitLedger != null && !in_array($accountingVoucher->debit_ledger_id, $paymentIds))
                                                                <option value="{{ $accountingVoucher->debit_ledger_id }}"
                                                                    selected>
                                                                    {{ $accountingVoucher->debitLedger->name }}</option>
                                                            @endif
                                                        @endisset
                                                    </select>
                                                </div>
                                                <div class="col-md-6">
                                                    <h4 id="party_due_amount" class="text-danger"></h4>
                                                    {{-- <input type="text"  name="debit_ledger_amount" class="form-control"> --}}
                                                </div>
                                            </div>


                                            <hr>


                                            <div class="row mb-3">
                                                <div class="col-md-3">
                                                    <label for="customer_name" class="form-label">Customer <br>
                                                        Name</label>
                                                </div>
                                                <div class="col-md-9">
                                                    <input type="text" name="customer_name"
                                                        class="form-control customer_name"
                                                        value="{{ isset($accountingVoucher) ? ($accountingVoucher->customer != null ? $accountingVoucher->customer->name : '') : '' }}"
                                                        placeholder="Enter customer name"
                                                        @if (Auth::user()->company_profile->customer_details_required == 1) required @endif>
                                                </div>
                                            </div>
                                            <div class="row mb-3">
                                                <div class="col-md-3">
                                                    <label for="customer_name" class="form-label">Customer <br>
                                                        Phone</label>
                                                </div>
                                                <div class="col-md-9">
                                                    <input type="text" name="customer_mobile"
                                                        class="form-control phone"
                                                        value="{{ isset($accountingVoucher) ? ($accountingVoucher->customer != null ? $accountingVoucher->customer->mobile : '') : '' }}"
                                                        placeholder="Enter customer mobile"
                                                        @if (Auth::user()->company_profile->customer_details_required == 1) required @endif>
                                                </div>
                                            </div>
                                            <div class="row mb-3">
                                                <div class="col-md-3">
                                                    <label for="customer_name" class="form-label">Cost <br> Center</label>
                                                </div>
                                                <div class="col-md-9">
                                                    <select class="form-select" id="cost-center" name="cost_center_id">
                                                        <option value="">Select Cost Center</option>
                                                        @foreach ($costCenters as $costCenter)
                                                            @isset($accountingVoucher)
                                                                <option value="{{ $costCenter->id }}"
                                                                    {{ isset($accountingVoucher) ? ($accountingVoucher->cost_center_id == $costCenter->id ? 'selected' : '') : '' }}>
                                                                    {{ $costCenter->name }}</option>
                                                            @else
                                                                <option value="{{ $costCenter->id }}"
                                                                    @if ($defaultCostCenter == $costCenter->id) selected @endif>
                                                                    {{ $costCenter->name }}</option>
                                                            @endisset
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <div class="col-md-12">
                                            <div class="mb-3 text-end">
                                                <br>
                                                <input type="submit" value="Save & Print"
                                                    class="submit-btn btn btn-primary" id="submit">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </main>
        </form>
        {{-- history Modal --}}
        <div class="modal fade" id="historyModal" 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">Last 20 Transactions</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                            id="close-modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>Sl</th>
                                    <th>Voucher No</th>
                                    <th>Voucher Date</th>
                                    <th>Party</th>
                                    <th>Amount</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="historyBody">

                            </tbody>
                        </table>

                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.stock-items.create-modal')
    @endsection
    @section('script')
        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
            integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="{{ URL::asset('/assets/js/mousetrap.min.js') }}"></script>
        <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
        <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
        @include('admin.stock-items.create-modal-script')
        <script>
            $(document).ready(function() {
                $('#item_search').focus();
                totalQty();
                calculateSum();
            });

            $('.unit').select2();
            $('.return-unit').select2({
                placeholder: 'Select unit',
                dropdownParent: $('#adDetailsModal'),
            });
            $('#cost-center').select2({
                placeholder: "Select Cost Center",
                allowClear: true,
                dropdownParent: $('#adDetailsModal'),
            });
            $('#item_search').on('keydown', function(e) {
                if (e.keyCode === 13) {
                    e.preventDefault();
                    var search = $('#item_search').val();
                    if (search == '') {
                        return
                    }
                    $.ajax({
                        type: "post",
                        url: "/admin/item-search",
                        data: {
                            search: search,
                            type: 'scan',
                            date: '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_date : date('Y-m-d') }}',
                            _token: "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        success: function(response) {
                            if (response.status == false) {
                                alert('Item not found');
                                return
                            } else {
                                addRow(response.stockItem);
                                $('#item_search').val('');
                            }
                        }
                    });
                }
            });
            let appendRow = '#appendRow';

            function addRow(stockItem) {
                var flag = true;
                var rowCount = $('#appendRow tr:last').attr('id');
                if (rowCount == "" || rowCount == undefined) {
                    rowCount = 1;
                } else {
                    rowCount = parseInt(rowCount) + parseInt(1);
                }
                if (rowCount > 0) {
                    $(appendRow + ' > tr').each(function() {
                        var input_id = this.id.match(/\d+/);
                        var item = $('#item_' + input_id + '').val();
                        if (item == stockItem.id) {
                            var quantity = parseFloat($('#quantity_' + input_id + '').val());
                            var newQuantity = quantity + 1;
                            $('#quantity_' + input_id + '').val(newQuantity).trigger('keyup');
                            flag = false;
                        }

                    });
                }
                if (flag) {
                    var totalTaxPerc = stockItem.cess + stockItem.gst;
                    var excluding_price = parseFloat((stockItem.price / (100 + totalTaxPerc)) * 100).toFixed(3);
                    var taxAmt = parseFloat(stockItem.price - excluding_price).toFixed(3);
                    $html = '<tr id= "' + rowCount + '" class="row_' + rowCount +
                        '"><td class="text-center sale-sn" style="font-weight:600;">' + rowCount +
                        '</td> <td><input type="hidden" name="item[]" id="item_' + rowCount +
                        '" class="form-control stock-item" value="' + stockItem.id +
                        '" readonly required><input type="text" name="item_name[]" id="item_name_' + rowCount +
                        '" class="form-control stock-item-name" value="' + stockItem.name +
                        '" readonly></td> <td><input type="number" name="quantity[]" id="quantity_' + rowCount +
                        '" class="form-control quantity" value="1" required></td><td> <select name="unit[]" id="unit_' +
                        rowCount +
                        '" class="form-control unit" required onchange="salesChangeUnit(' + rowCount +
                        ')">' + stockItem['options'] + '</select> </td> <td><input type="number" name="price[]" id="price_' +
                        rowCount +
                        '" class="form-control price" value="' + excluding_price +
                        '"></td><td><input type="number" name="price_inc_gst[]" id="price_inc_tax_' +
                        rowCount +
                        '" class="mousetrap form-control  priceIncTax min-width60" value="' + stockItem.price +
                        '"></td><td><input type="number" name="gross_value[]" id="gross_value_' +
                        rowCount +
                        '" readonly class="form-control min-width60" value="' + excluding_price +
                        '"></td><td><input  type="number" name="discount_per[]" id="dis_per_' +
                        rowCount +
                        '"  class="mousetrap form-control discPer min-width50"></td><td><input type="number" class="mousetrap form-control min-width50 discAmt" name="disc_amt[]" id="disc_amt_' +
                        rowCount +
                        '"></td><td><input type="number" name="taxable_value[]" id="taxable_value_' + rowCount +
                        '" class="mousetrap form-control taxable_value min-width60" readonly value="' + excluding_price +
                        '"></td><td><input type="number" class="form-control min-width60 tax_' +
                        rowCount +
                        '" value="' + taxAmt + '" id="tax_' + rowCount +
                        '" readonly></td><td><input type="number" name="total[]" id="total_' +
                        rowCount +
                        '"" class="form-control total" readonly value="' + stockItem.price +
                        '"><input type="hidden" name="gst[]" id="item_gst_' + rowCount +
                        '" value="' + stockItem.gst + '" value="' + stockItem.gst +
                        '"></td><input type="hidden" name="cess[]" id="item_cess_' + rowCount +
                        '" value="' + stockItem.cess + '" value="' + stockItem.cess +
                        '"><td><button type="button" class="btn btn-sm btn-danger" onclick="removeRow(' + rowCount +
                        ')"><i class="las la-minus"></i></button><input type="hidden" id="unit_qty_' + rowCount + '" readonly value="1"><input type="hidden" id="avg_price_' + rowCount + '" readonly></td></tr>'
                    $('#appendRow').append($html);
                    $('#unit_' + rowCount + '').select2();
                    fetchAvgPrice(rowCount);
                }

                calculateSum();
                setSn();
                totalQty();

            }


            $(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 = $("#item_cess_" + input_id).val();
                let totalTax = parseFloat(itemGst) + parseFloat(cessPer);
                var price = (priceIncTax / (totalTax + 100)) * 100;
                $('#price_' + input_id).val(price.toFixed(3));
                calculateRow(input_id, 'price_inc');
            });

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

            $(document).on('keyup', '.discPer', function() {
                var input_id = $(this).closest('tr').attr('id');
                var gross_value = $("#gross_value_" + input_id).val();
                var discPer = $("#dis_per_" + input_id).val();
                var discAmt = (gross_value * discPer) / 100;
                $('#disc_amt_' + input_id).val(discAmt.toFixed(3));
                calculateRow(input_id, 'disc_per');
            })

            $(document).on('keyup', '.discAmt', function() {
                var input_id = $(this).closest('tr').attr('id');
                var gross_value = $("#gross_value_" + input_id).val();
                var discAmt = $("#disc_amt_" + input_id).val();
                var discPer = (discAmt * 100) / gross_value;
                $('#dis_per_' + input_id).val(discPer.toFixed(3));
                calculateRow(input_id, 'disc_amt');
            })

            $(document).on('keyup', '.quantity', function() {
                var input_id = $(this).closest('tr').attr('id');
                calculateRow(input_id, 'qty');
            })

            function calculateRow(input_id, from) {
                var qty = $("#quantity_" + input_id).val();
                var price = $("#price_" + input_id).val();
                var grossValue = price * qty;
                var discountPer = $("#dis_per_" + input_id).val();
                if (from != 'disc_amt') {
                    var dicountAmt = ((grossValue * discountPer) / 100).toFixed(3);
                    $('#disc_amt_' + input_id).val(dicountAmt);
                } else {
                    var dicountAmt = $("#disc_amt_" + input_id).val();
                }
                $('#gross_value_' + input_id).val(grossValue.toFixed(3));
                var taxableValue = grossValue - dicountAmt;
                $('#taxable_value_' + input_id).val(taxableValue.toFixed(3));
                var gst_per = $("#item_gst_" + input_id).val();
                var cess_per = $("#item_cess_" + input_id).val();
                var totalTax = parseFloat(gst_per) + parseFloat(cess_per);
                var tax = (totalTax * taxableValue) / 100;
                $('#tax_' + input_id).val(tax.toFixed(3));
                var total = taxableValue + tax;
                $('#total_' + input_id).val(total.toFixed(3));
                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();
                    $('#item_search').focus();
                    setSn();
                    totalQty();
                }
            }

            $(document).on('keyup', '#discount', function() {
                disc_amount = $(this).val();
                var grandTotal = parseFloat($('#total_sum').text())
                var discount_percentage = (disc_amount * 100) / grandTotal;
                $('#bill-discount-percentage').val(discount_percentage.toFixed(3));
                calculateSum();
            });

            function calculateSum() {
                var sum = 0;
                $('.total').each(function() {
                    var value = $(this).val();
                    if (!isNaN(value) && value.length != 0) {
                        sum += parseFloat(value);
                    }
                });
                $('#total_sum').html(sum.toFixed(2));
                var discount = parseFloat($('#discount').val()) || 0;
                sum -= discount;
                var RoundOff = Math.round(sum) - sum;
                sum += RoundOff;
                $('#round_off').val(RoundOff.toFixed(2));
                $('#grand_total').val(sum);

                var returnSum = 0;
                $('.return_total').each(function() {
                    var return_value = $(this).val();
                    if (!isNaN(return_value) && return_value.length != 0) {
                        returnSum += parseFloat(return_value);
                    }
                });
                returnSum = Math.round(returnSum);
                $('#grand_total_modal').html(sum);
                if (returnSum > 0) {
                    $('#return_grand_total_h5').css('display', 'block');
                    $('#final_amount_h5').css('display', 'block');
                    $('#return_grand_total').html(returnSum);
                    $('#final_amount').html(sum - returnSum);
                } else {
                    $('#return_grand_total_h5').css('display', 'none');
                    $('#final_amount_h5').css('display', 'none');
                }
                calculateProfit();

            }
            $('#discount').on('input', function() {
                calculateSum();
            })

            $('#item-select').select2({
                placeholder: 'Select item',
                ajax: {
                    url: "/admin/get-stock-items",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            var 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
                }
            });

            function fetchItemData() {
                var item_id = $('#item-select').val();
                if (item_id) {
                    $.ajax({
                        type: "post",
                        url: "/admin/item-search",
                        data: {
                            search: item_id,
                            type: 'item',
                            date: '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_date : date('Y-m-d') }}',
                            _token: "{{ csrf_token() }}"
                        },
                        dataType: "json",
                        success: function(response) {
                            if (response.status == false) {
                                alert('Item not found');
                                return
                            } else {
                                addRow(response.stockItem);
                                $('#item-select').val('').trigger('change');
                            }
                        }
                    });
                }
            }

            $('#party').select2({
                placeholder: 'Select Party',
                allowClear: true,
                dropdownParent: $('#adDetailsModal #customer_modal'),
                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
                }
            });

            $('#accounting-voucher').validate({
                submitHandler: function(form, e) {
                    e.preventDefault();
                    calculateSum();
                    if ($('#party').val() == '') {
                        var adAmount = 0;
                        var hasValue = false;
                        $('.payment_mode').each(function() {
                            var value = $(this).val();
                            if (!isNaN(value) && value.length != 0) {
                                adAmount += parseFloat(value);
                                hasValue = true;

                            }
                        });
                        if (hasValue) {
                            var grandTotal = parseFloat($('#grand_total').val());
                            if (grandTotal != adAmount) {
                                alert('Total amount does not match');
                                return
                            }
                        }

                    }
                    $('.submit-btn').prop('disabled', true);
                    var url = $(form).attr('action');
                    var formData = new FormData(form);
                    $.ajax({
                        url: url,
                        type: 'POST',
                        data: formData,
                        processData: false,
                        contentType: false,
                        success: function(data) {
                            if (data.status == 'success') {
                                form.reset();
                                // Swal.fire({
                                //     title: 'Success!',
                                //     text: data.message,
                                //     icon: 'success',
                                //     confirmButtonText: 'Ok'
                                // }).then((result) => {
                                //     if (result.isConfirmed) {
                                $('#adDetailsModal').modal('hide');
                                let selectedItem = [];
                                selectedItem.push(data.accountingVoucherId);
                                ThermalPrint(selectedItem);
                                //     }
                                // })
                            } else {
                                Swal.fire({
                                    title: 'Error!',
                                    text: data.message,
                                    icon: 'error',
                                    confirmButtonText: 'Ok'
                                })
                            }
                            $('.submit-btn').prop('disabled', false);
                        },
                        error: function(data) {
                            $('.submit-btn').prop('disabled', false);
                            if (data.status === 422) {
                                var message = data.responseJSON.message;
                                Swal.fire({
                                    title: 'Error!',
                                    text: message,
                                    icon: 'error',
                                    confirmButtonText: 'Ok'
                                })
                            } else {
                                // Handle other error cases
                                console.log('Other Error:', data.responseText);
                            }
                        }
                    });
                }
            });



            function salesChangeUnit(id) {
                var item = $('#item_' + id).val();
                var unit = $('#unit_' + id).val();
                $.ajax({
                    type: "post",
                    url: "/admin/item-search-unit",
                    data: {
                        item: item,
                        unit: unit,
                        date: '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_date : date('Y-m-d') }}',
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {
                        var itemGst = $("#item_gst_" + id).val();
                        var cessPer = $("#item_cess_" + id).val();
                        var totalTaxPerc = parseFloat(itemGst) + parseFloat(cessPer);
                        var excluding_price = parseFloat((response.price / (100 + totalTaxPerc)) * 100).toFixed(
                            3);
                        $('#unit_qty_' + id).val(response.unitQty);
                        $('#price_' + id).val(excluding_price).trigger('keyup');
                    }
                });

            }

            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') }}";
                            @elseif (!empty(app('request')->input('from')))
                                window.location.href =
                                    "{{ route('sales.create') }}";
                            @else
                                window.location.href =
                                    "{{ route('sales.index') }}";
                            @endif
                        @else
                            window.location.href =
                                "{{ route('sales.create') }}";
                        @endif
                    }
                };
            }

            $(document).on('keydown', '.stock-item-name, .quantity,.total,.payment_mode,.phone,.customer_name,#discount',
                function(e) {
                    if (e.keyCode === 13) {
                        e.preventDefault();
                    }
                });

            $('.radio-button').change(function(e) {
                id = $(this).data('id');
                var tot = $('#grand_total').val();
                $('.payment_mode').val('');
                $("[name='payment_mode[" + id + "]']").val(tot);
            })

            $('#history').click(function(e) {
                e.preventDefault();
                $.ajax({
                    type: "get",
                    url: "/admin/get-sales-history",
                    data: {
                        limit: 20
                    },
                    dataType: "json",
                    success: function(response) {
                        $('#historyBody').html('');
                        $('#historyBody').append(response.html)
                        $('#historyModal').modal('show');
                    }
                });

            });

            $('#historyModal').on('hidden.bs.modal', function(e) {
                e.preventDefault();
                $('#item_search').focus();
            });
            $('#adDetailsModal').on('hidden.bs.modal', function(e) {
                e.preventDefault();
                $('#item_search').focus();
            });
            $('#itemCreateModal').on('hidden.bs.modal', function(e) {
                e.preventDefault();
                $('#item_search').focus();
            });
            $(document).on('keydown', function(e) {
                if (e.altKey && e.key === 'i' || e.altKey && e.key === 'I') {
                    $('#itemCreateModal').modal('show');
                }
            });

            $('#add-return').click(function(e) {
                e.preventDefault();
                $('#salesReturnModal').modal('show');
                $('#adDetailsModal').modal('hide');
            });

            $('#salesReturnModal').on('hidden.bs.modal', function(e) {
                e.preventDefault();
                $('#adDetailsModal').modal('show');
            });
            // $('.return-unit').select2({
            //     placeholder:'select unit',
            //     dropdownParent: $('#salesReturnModal'),
            // })
            $('.return-item').select2({
                placeholder: 'Select item',
                dropdownParent: $('#adDetailsModal'),
                ajax: {
                    url: "/admin/get-stock-items",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            var 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
                }
            });

            function addReturnItemRow() {
                var rowCount = $('#salesReturnBody tr:last').data('id');
                if (rowCount == "" || rowCount == undefined) {
                    rowCount = 1;
                } else {
                    rowCount = parseInt(rowCount) + parseInt(1);
                }
                var returnHtml = '';
                returnHtml += '<tr id="return_row_' + rowCount + '" data-id="' + rowCount + '">';
                returnHtml += '<td><select class="form-control return-item" id="return_item_' + rowCount +
                    '" name="return_item[]" onchange="fetchReturnItemData(' + rowCount + ')">';
                returnHtml += '<option value="">Select Item</option>';
                returnHtml += '</select></td>';
                returnHtml += '<td><input type="text" class="form-control return-quantity" id="return_item_quantity_' +
                    rowCount + '" name="return_item_quantity[]"></td>';
                returnHtml += '<td><select class="form-control" id="return_unit_' + rowCount +
                    '" name="return_unit[]" onchange="fetchReturnChangeUnit(' + rowCount +
                    ')"><option value="">Select Unit</option></select></td>';
                returnHtml +=
                    '<td><input type="hidden" class="form-control return_price" name="return_price[]" id="return_price' +
                    rowCount +
                    '" value=""><input type="hidden" class="form-control return_total" name="return_total[]" id="return_total' +
                    rowCount + '" value="">';
                returnHtml += '<button type="button" class="btn btn-danger" id="removeReturnItemRow"  data-row="' + rowCount +
                    '"><i class="las la-minus"></i></button></td>';
                returnHtml += '</tr>';
                $('#salesReturnBody').append(returnHtml);
                $('#return_item_' + rowCount + '').select2({
                    placeholder: 'Select item',
                    dropdownParent: $('#adDetailsModal'),
                    ajax: {
                        url: "/admin/get-stock-items",
                        type: "POST",
                        dataType: 'json',
                        delay: 250,
                        data: function(params) {
                            return {
                                _token: "{{ csrf_token() }}",
                                search: params.term,
                                page: params.page,
                            };
                        },
                        processResults: function(data, params) {
                            params.page = params.page || 1;
                            var results = data.data.map(function(item) {
                                var 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
                    }
                });
                $('#return_unit_' + rowCount + '').select2({
                    placeholder: 'Select unit',
                    dropdownParent: $('#adDetailsModal'),
                });
            }

            $(document).on('click', '#removeReturnItemRow', function(e) {
                e.preventDefault();
                var row = $(this).data('row');
                $('#return_row_' + row + '').remove();
                calculateSum();
            })

            function fetchReturnItemData(id) {
                var item_id = $("#return_item_" + id).val();
                if (item_id != "" && item_id != "") {
                    $.ajax({
                        url: "/admin/item-search",
                        type: "POST",
                        data: {
                            search: item_id,
                            type: 'item',
                            date: '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_date : date('Y-m-d') }}',
                            _token: "{{ csrf_token() }}"
                        },
                        success: function(data) {
                            $('#return_item_quantity_' + id + '').val(1);
                            $('#return_price' + id + '').val(data.stockItem.price);
                            $("#return_unit_" + id).html(data.stockItem['options']);
                            $("#return_unit_" + id).select2();
                            $('#return_total' + id + '').val(data.stockItem.price);
                            calculateSum();
                        },
                        error: function(xhr) {
                            alert("Something went wrong. Please try again");
                        }
                    });
                } else {
                    alert("Something went wrong. Please try again");
                }
            };

            $(document).on('keyup', '.quantity', function(e) {
                totalQty();
            })
            $(document).on('keyup', '.return-quantity', function(e) {
                var quantity = $(this).val();
                var price = $(this).closest('tr').find('.return_price').val();
                var total = quantity * price;
                $(this).closest('tr').find('.return_total').val(total);
                calculateSum();
            })

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

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

            $('#customer-details-show-btn').click(function(e) {
                e.preventDefault();
                const modal = document.getElementById('customer_modal');
                if (modal.classList.contains('show')) {
                    $('#customer_modal').slideUp(500);
                    $('#customer_modal').removeClass('show');
                } else {
                    $('#customer_modal').slideDown(500);
                    $('#customer_modal').addClass('show');
                }
            })

            $('#add-return-show-btn').click(function(e) {
                e.preventDefault();
                const modal = document.getElementById('sales-return-show');
                if (modal.classList.contains('show')) {
                    $('#sales-return-show').slideUp(500);
                    $('#sales-return-show').removeClass('show');
                } else {
                    $('#sales-return-show').slideDown(500);
                    $('#sales-return-show').addClass('show');
                }
            })

            function fetchReturnChangeUnit(id) {
                var item = $('#return_item_' + id).val();
                var unit = $('#return_unit_' + id).val();
                $.ajax({
                    type: "post",
                    url: "/admin/item-search-unit",
                    data: {
                        item: item,
                        unit: unit,
                        date: '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_date : date('Y-m-d') }}',
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {
                        $quantity = $('#return_item_quantity_' + id).val();
                        $('#return_price' + id).val(response.price);
                        $total = parseFloat($quantity * response.price).toFixed(3);
                        $('#return_total' + id).val($total);
                        calculateSum();
                    }
                });

            }
            $('#bill-discount-percentage').on('keyDown', function(e) {
                if (e.keyCode == 13) {
                    e.preventDefault();
                }
            });
            $('#bill-discount-percentage').on('keyup', function(e) {
                percentage = $(this).val();
                var grandTotal = parseFloat($('#total_sum').text())
                var discount_amount = (percentage / 100) * grandTotal;
                $('#discount').val(discount_amount.toFixed(3));
                calculateSum();
            })

            function fetchPartyItemData() {
                let item_id = $("#party").val();
                if (item_id) {
                    $.ajax({
                        url: "{{ route('fetch-item-data') }}",
                        type: "POST",
                        data: {
                            _token: "{{ csrf_token() }}",
                            "item_id": item_id,
                        },
                        success: function(item) {
                            var formattedData = parseFloat(item.data[1]).toFixed(3) + " " + item.data[2];
                            $("#party_due_amount").html(formattedData);
                        },
                        error: function(err) {
                            alert("Something went wrong. Please try again");
                        }
                    });
                } else {
                    alert("Something went wrong. Please try again");
                }
            }
            function fetchAvgPrice(rowCount) {
                var id = $('#item_' + rowCount).val();
                $.ajax({
                    type: "post",
                    url: "/admin/fetch-avg-price",
                    data: {
                        item_id: id,
                        date: '{{ isset($accountingVoucher) ? $accountingVoucher->voucher_date : date('Y-m-d') }}',
                        _token: "{{ csrf_token() }}"
                    },
                    dataType: "json",
                    success: function(response) {
                        $('#avg_price_'+rowCount).val(response.avg_price);
                    }
                });
            }
            function calculateProfit(){
                var totalProfit = 0;
                count  = 0;
                setTimeout(() => {
                    $('#appendRow > tr').each(function() {
                        count++;
                        var id = this.id.match(/\d+/);
                        var avg_price = parseFloat($('#avg_price_'+id).val()) || 0;
                        var taxble_value = parseFloat($('#taxable_value_'+id).val()) || 0;
                        var qty = parseFloat($('#quantity_'+id).val()) || 0;
                        var unit_qty = parseFloat($('#unit_qty_'+id).val()) || 0;
                        var price = avg_price * unit_qty * qty;
                        if (price === 0) {
                            return;
                        }
                        var profit = ((taxble_value - price) / price) * 100;
                        totalProfit  = totalProfit + profit;
                    });
                    totalProfit = totalProfit / count;
                    $('#profit').val(totalProfit.toFixed(3));
                }, 250);
            }
        </script>
    @endsection