@extends('layouts.order-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;
        }

        table tr td .stock-item+.select2-container {
            width: 100%;
        }

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

        .select2-container *:focus {
            outline: solid px #405189 !important;
        }

        input:focus {
            border-color: #405189 !important;
        }

        .custom-checkbox {
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            font-size: 16px;
            user-select: none;
            position: relative;
            padding-left: 30px;
        }

        /* Hide the native checkbox */
        .custom-checkbox input[type="checkbox"] {
            position: absolute;
            opacity: 0;
            cursor: pointer;
        }

        /* Custom checkmark box */
        .custom-checkbox .checkmark {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 20px;
            width: 20px;
            background-color: #f0f0f0;
            border: 2px solid #ccc;
            border-radius: 4px;
            transition: background-color 0.3s;
        }

        /* Checked state */
        .custom-checkbox input:checked~.checkmark {
            background-color: #4caf50;
            border-color: #4caf50;
        }

        /* Checkmark indicator (✓) */
        .custom-checkbox .checkmark::after {
            content: "";
            position: absolute;
            display: none;
            left: 6px;
            top: 2px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

        /* Show checkmark when checked */
        .custom-checkbox input:checked~.checkmark::after {
            display: block;
        }
    #s2-popup {
        position: fixed;
        padding: 8px 12px;
        background: #222;
        color: #fff;
        border-radius: 6px;
        font-size: 13px;
        line-height: 18px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.3);
        display: none;
        z-index: 999999;
        max-width: 250px;
    }
    </style>
@endsection
@section('title')
    Order
@endsection
@section('content')
    <main>
        @isset($order)
            <form action="/admin/order/{{ $order->id }}" method="POST" id="order" autocomplete="off"
                class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/order" method="POST" id="order" 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 justify-content-between">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    @isset($order)
                                        Edit Order
                                    @else
                                        Add Order
                                    @endisset
                                </h5>
                                <div class="d-flex align-items-center">
                                    @if ($nextOrderId != null)
                                        <a href="/admin/order/{{ $nextOrderId }}/edit"
                                            class="btn btn-soft-primary">Next</a>
                                    @endif
                                    @if ($previousOrderId != null)
                                        <a href="/admin/order/{{ $previousOrderId }}/edit"
                                            class="btn btn-soft-primary ms-2">Previous</a>
                                    @endif
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row mb-2">
                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <label class="form-label">Order Date</label>
                                        <input type="date" class="form-control {{ isset($order) ? '' : 'datepicker' }}"
                                            name="order_date" id="order-date"
                                            value="{{ isset($order) ? $order->order_date : date('Y-m-d') }}">
                                    </div>
                                    <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($order)
                                                <option value="{{ $order->debit_ledger_id }}" selected>
                                                    {{ $order->debitLedger->name }}</option>
                                            @endisset
                                        </select>
                                    </div>
                                    <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($order) ? $order->remarks : '' }}</textarea>
                                    </div>
                                    <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($order) && $order->price_slab_id == $priceSlab->id ? 'selected' : '' }}>
                                                    {{ $priceSlab->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-lg-4 col-sm-6 mb-2">
                                        <label class="form-label">Sales Executive</label>
                                        <select class="form-select" name="sales_executive" id="sales_executive">
                                            <option value="">Choose sales executive</option>
                                            @foreach ($salesExecutives as $salesExecutive)
                                                <option value="{{ $salesExecutive->id }}"
                                                    @isset($order) {{ $order->insert_user_id == $salesExecutive->id ? 'selected' : '' }} @endisset>
                                                    {{ $salesExecutive->name }}</option>
                                            @endforeach
                                        </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">
                                            @isset($order)
                                                <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>
                                    {{-- <input type="hidden" name="tax_type" value="1"> --}}
                                </div>


                                <div class="row mb-3">

                                    {{-- <div class="col-lg-4">
                                        <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">{{ isset($order) ? $order->ship_to_address : '' }}</textarea>
                                    </div> --}}
                                    {{-- <div class="col-lg-4">
                                        <label class="form-label">Stock Location</label>
                                        <select class="form-select" id="stock-location" name="stock_location_id" required>
                                            <option value="">Choose stock location</option>
                                        </select>
                                    </div> --}}
                                </div>
                            </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/order"><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>
                        </div>
                        <div class="card" style="min-height: 100px;padding: 5px">
                            <div>
                                <table style="width: 100%">
                                    <thead>
                                        <tr>
                                            <th>Price Slab</th>
                                            <th>Unit</th>
                                            <th>Price (Inc Tax)</th>
                                        </tr>
                                    <tbody id="priceSlabListBody">
                                    </tbody>
                                    </thead>
                                    <tbody id="priceSlabList"></tbody>
                                </table>
                            </div>
                        </div>
                        <div class="card" style="min-height: 50px;padding: 5px">
                            <table style="width: 100%"
                                class="table table-bordered dt-responsive nowrap table-striped align-middle">
                                <thead>
                                    <tr>
                                        <th>Purchase <br> Price(Excl Tax)</th>
                                        <th>Purchase <br> Price(Incl Tax)</th>
                                        <th>Gst (%)</th>
                                        <th>Cess (%)</th>
                                    </tr>
                                <tbody id="purchasePriceBody">
                                </tbody>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center justify-content-between">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    Add Items
                                </h5>
                                <div>
                                    <label class="custom-checkbox">
                                        <input type="checkbox" name='is_verified'
                                            {{ isset($order) && $order->is_verified == 1 ? 'checked' : '' }}>
                                        <span class="checkmark"></span>
                                        Verified
                                    </label>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row mb-3">
                                    <div class="table-responsive">
                                        <table>
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <th>Item Code</th>
                                                    @endif
                                                    <th style="width:25%">Item</th>
                                                    <th style="display:none;">MRP</th>
                                                    <th style="width:10%">Qty</th>
                                                    <th>Unit</th>
                                                    <th style="display:none;">Price</th>
                                                    <th>Price(Inc GST)</th>
                                                    <th style="display:none;">Gross Value</th>
                                                    @if (Auth::user()->company_profile->discount_on_total == 1)
                                                        <th>Disc Amt</th>
                                                    @endif
                                                    <th style="display:none;">Disc%</th>
                                                    <th style="display:none;">Taxable Value</th>
                                                    <th style="display:none;">Tax</th>
                                                    <th>Total</th>
                                                    @if (Auth::user()->company_profile->show_item_description)
                                                        <th>Description</th>
                                                    @endif
                                                    <th style="width:20%">Remarks</th>
                                                    <th style="width:5%"></th>
                                                </tr>
                                            </thead>
                                            <tbody id="appendRow">
                                                @php
                                                    $tabIndex = 0;
                                                    $i = 0;
                                                @endphp
                                                @isset($orderItems)
                                                    @if (count($orderItems) > 0)
                                                        @foreach ($orderItems as $key => $orderItem)
                                                            @php
                                                                $key = $key + 1;
                                                            @endphp
                                                            <tr id="{{ $key }}"
                                                                class="row_{{ $key }} headrow">
                                                                <td class="text-center order-sn" style="font-weight:600;">
                                                                    {{ $key }}
                                                                </td>
                                                                @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                                    <td><input type="text"
                                                                            value="{{ $orderItem->stockItem->item_code }}"
                                                                            class="form-control itemCode  min-width60"
                                                                            data-id="{{ $key }}"
                                                                            id="itemCode_{{ $key }}"
                                                                            tabindex="{{ $tabIndex + 1 }}">
                                                                    </td>
                                                                @endif
                                                                <td>
                                                                    <input type="hidden" name="order_item_id[]"
                                                                        value="{{ $orderItem->id }}">
                                                                    <select tabindex="{{ $tabIndex + 1 }}"
                                                                        class="form-control stock-item" width="100%"
                                                                        name="item[]"
                                                                        onchange="fetchItemData({{ $key }})"
                                                                        id="item_{{ $key }}">
                                                                        <option value="">Select item</option>
                                                                        <option value="{{ $orderItem->stock_item_id }}"
                                                                            selected>
                                                                            {{ $orderItem->stockItem->name }}
                                                                        </option>
                                                                    </select>
                                                                </td>
                                                                <td style="display:none;"><input type="number"
                                                                        name="mrp[]"
                                                                        value="{{ $orderItem->stockItem->getMrp($order->order_date) }}"
                                                                        id="mrp_{{ $key }}" readonly
                                                                        class="form-control min-width60 form-input-box"></td>
                                                                <td><input type="number" tabindex="{{ $tabIndex + 3 }}"
                                                                        name="qty[]" value="{{ $orderItem->quantity }}"
                                                                        id="qty_{{ $key }}"
                                                                        class="mousetrap form-control qty min-width60 form-input-box"
                                                                        min="0">
                                                                </td>
                                                                <td>
                                                                    <select name="unit_id[]"
                                                                        class="mousetrap form-control unit_change unit_{{ $key }}"
                                                                        id="unit_change_{{ $key }}"
                                                                        onchange="salesChangeUnit({{ $key }})">
                                                                        @foreach ($orderItem->units as $unit)
                                                                            <option value="{{ $unit->id }}"
                                                                                {{ $orderItem->unit_id == $unit->id ? 'selected' : '' }}>
                                                                                {{ $unit->symbol }}</option>
                                                                        @endforeach
                                                                        {{-- <option value="{{ $orderItem->unit_id }}"
                                                                            {{ isset($orderItem) ? ($orderItem->unit_id == $orderItem->unit->id ? 'selected' : '') : '' }}>
                                                                            {{ $orderItem->unit->symbol }}</option> --}}
                                                                    </select>
                                                                </td>
                                                                <td style="display:none;"><input type="number"
                                                                        name="price[]" value="{{ $orderItem->price }}"
                                                                        id="price_{{ $key }}"
                                                                        class="mousetrap form-control min-width60 price form-input-box">
                                                                </td>
                                                                <td><input type="number" name="price_inc_gst[]"
                                                                        value="{{ $orderItem->price_inc_tax }}"
                                                                        id="price_inc_tax_{{ $key }}"
                                                                        class="mousetrap form-control min-width60 priceIncTax form-input-box"
                                                                        tabindex="{{ $tabIndex + 4 }}"
                                                                        onfocus="handleFocus({{ $key }})">
                                                                </td>
                                                                <td style="display:none;"><input type="number"
                                                                        name="gross_value[]"
                                                                        value="{{ $orderItem->gross_value }}"
                                                                        id="gross_value_{{ $key }}" readonly
                                                                        class="form-control min-width60 form-input-box"></td>
                                                                @if (Auth::user()->company_profile->discount_on_total == 1)
                                                                    @php
                                                                        $i = 1;
                                                                        $total =
                                                                            $orderItem->price_inc_tax *
                                                                            $orderItem->quantity;
                                                                        $totalDiscount = round(
                                                                            ($orderItem->disc_percentage * $total) /
                                                                                100,
                                                                            3,
                                                                        );
                                                                    @endphp
                                                                    <td>
                                                                        <input type="number"
                                                                            tabindex="{{ $tabIndex + 4 + $i }}"
                                                                            id="disc_amt_total_{{ $key }}"
                                                                            value="{{ $totalDiscount }}"
                                                                            class="mousetrap form-control min-width50 discAmtTotal form-input-box">
                                                                    </td>
                                                                @endif
                                                                <td style="display:none;"><input type="number"
                                                                        name="discount_per[]"
                                                                        value="{{ $orderItem->disc_percentage }}"
                                                                        id="dis_per_{{ $key }}"
                                                                        class="mousetrap form-control min-width50 discPer form-input-box">
                                                                    <input type="hidden" name="disc_amt[]"
                                                                        id="disc_amt_{{ $key }}"
                                                                        value="{{ $orderItem->disc_amount }}">
                                                                </td>
                                                                <td style="display:none;"><input type="number"
                                                                        name="taxable_value[]"
                                                                        value="{{ $orderItem->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="{{ $orderItem->gst_per }}">
                                                                    <input type="hidden" id="cessPer_{{ $key }}"
                                                                        value="{{ $orderItem->cess_per }}" name="cessper[]">
                                                                </td>
                                                                <td style="display:none;">
                                                                    <input type="number"
                                                                        class="form-control min-width60 form-input-box min-width60 tax_{{ $key }}"
                                                                        value="{{ $orderItem->cgst + $orderItem->sgst + $orderItem->igst + $orderItem->cess }}"
                                                                        readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 cgst_{{ $key }}"
                                                                        value="{{ $orderItem->cgst }}" readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 sgst_{{ $key }}"
                                                                        value="{{ $orderItem->sgst }}" readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 igst_{{ $key }}"
                                                                        value="{{ $orderItem->igst }}" readonly>
                                                                    <input type="hidden"
                                                                        class="form-control min-width60 form-input-box min-width60 cessAmt_{{ $key }}"
                                                                        value="{{ $orderItem->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="{{ $orderItem->total }}" readonly>
                                                                </td>
                                                                @if (Auth::user()->company_profile->show_item_description)
                                                                    <td>
                                                                        <textarea class="form-control min-width60" id="item_description_{{ $key }}" readonly>  {{ $orderItem->stockItem->description }}
                                                                      </textarea>
                                                                    </td>
                                                                @endif
                                                                <td>
                                                                    <textarea style="height: 36px;width: 100%;" name="item_remarks[]" rows="2"
                                                                        tabindex= "{{ $tabIndex + 5 + $i }}" class="form-control remark remarks_{{ $key }}"
                                                                        id="item_remarks_{{ $key }}">{{ $orderItem->remarks }}</textarea>
                                                                </td>
                                                                <td><button type="button" class="btn btn-sm btn-danger"
                                                                        onclick="removeRow({{ $key }})"><i
                                                                            class="las la-minus"></i></button><input value="{{ $orderItem->unit_array }}" type="hidden" id="unit_values_{{ $key }}"></td>
                                                            </tr>
                                                            <tr class="row_{{ $key }} headrow">
                                                                <td></td>
                                                                <td colspan="6">
                                                                    {{-- @if (($orderItem->stock_availability != null && $orderItem->stock_availability != 0) || $orderItem->status_remarks != null) --}}
                                                                    {{-- @if ($orderItem->stock_availability == 'NS') --}}
                                                                    {{-- <b> Stock Availability : <b class="text-danger">
                                                                                    {{ $orderItem->stock_availability }}</b>
                                                                            @else --}}
                                                                    @if ($orderItem->stock_availability != null && $orderItem->stock_availability != 0)
                                                                        <b> Stock Shortage : <b class="text-danger">
                                                                                {{ $orderItem->stock_availability }}</b><br>
                                                                    @endif
                                                                    @if ($orderItem->status_remarks != null)
                                                                        Stock Remarks :
                                                                        <b class="text-danger">
                                                                            {{ $orderItem->status_remarks }}</b>
                                                                        </b>
                                                                        </br>
                                                                    @endif
                                                                    {{-- @endif --}}
                                                                    {{-- @endif --}}
                                                                    @php
                                                                        $stockledger = \App\Models\StockLedger::select(
                                                                            'stock_item_id',
                                                                            DB::raw('SUM(inwards) as total_inwards'),
                                                                            DB::raw('SUM(outwards) as total_outwards'),
                                                                        )->where(
                                                                            'stock_item_id',
                                                                            $orderItem->stock_item_id,
                                                                        );
                                                                        $stockledger = $stockledger->where(
                                                                            'stock_location_id',
                                                                            $order->stock_location_id,
                                                                        );
                                                                        $stockledger = $stockledger
                                                                            ->groupBy('stock_item_id')
                                                                            ->first();
                                                                        $inwards = 0;
                                                                        $outwards = 0;
                                                                        if ($stockledger) {
                                                                            $inwards = $stockledger->total_inwards;
                                                                            $outwards = $stockledger->total_outwards;
                                                                        }
                                                                        $stock_availability = $inwards - $outwards;

                                                                        $order_base_qty =
                                                                            \App\Models\OrderItem::select(
                                                                                DB::raw('SUM(base_qty) as base_qty'),
                                                                            )
                                                                                ->where(
                                                                                    'stock_item_id',
                                                                                    $orderItem->stock_item_id,
                                                                                )
                                                                                ->groupBy('stock_item_id')
                                                                                ->whereHas('order', function ($q) use (
                                                                                    $order,
                                                                                ) {
                                                                                    $q->where(
                                                                                        'business_key',
                                                                                        Auth::user()->business_key,
                                                                                    )
                                                                                        ->where(
                                                                                            'order_code',
                                                                                            '<',
                                                                                            $order->order_code,
                                                                                        )
                                                                                        ->where(
                                                                                            'status',
                                                                                            '!=',
                                                                                            'Cancelled',
                                                                                        )
                                                                                        ->whereNull(
                                                                                            'accounting_voucher_id',
                                                                                        );
                                                                                })
                                                                                ->first()->base_qty ?? 0;

                                                                        $stock_availability =
                                                                            $stock_availability - $order_base_qty;

                                                                    @endphp
                                                                    @if ($stock_availability < 0)
                                                                        <b class="text-danger">Available
                                                                            Stock:{{ $stock_availability }} </b>
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                            @php
                                                                $tabIndex = $tabIndex + 5 + $i;
                                                            @endphp
                                                        @endforeach
                                                    @endif
                                                @endisset
                                            </tbody>
                                            <tfoot>
                                                <tr>
                                                    <td></td>
                                                    @if (Auth::user()->company_profile->show_item_code_in_sales)
                                                        <td></td>
                                                    @endif
                                                    <td></td>
                                                    <td class="text-center"><span class=" fw-bold w-100"
                                                            id="total-qty">0</span></td>
                                                    <td></td>
                                                    <td></td>
                                                    @if (Auth::user()->company_profile->discount_on_total == 1)
                                                        <td></td>
                                                    @endif
                                                    <td id="total-sum" class="text-center" style="font-weight: 600;">
                                                        {{ isset($orderItems) ? $orderItems->sum('total') : '0.00' }}
                                                    </td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                        <div class="row">
                                            <div class="col-md-4">
                                                 <div class="mb-1">
                                                    <b>Discount :</b> <input type="number" name="bill_discount"
                                                        class="billDiscount" value="{{ isset($order) ? $order->discount : '' }}"
                                                        id="bill-discount">
                                                </div>
                                                <div class="mb-1">
                                                    <b>Freight/Etc :</b> <input type="number" name="freight" class="freight"
                                                        style="width: 153px;" value="{{ isset($order) ? $order->freight : '' }}"
                                                        id="freight">
                                                </div>
                                                <div class="d-flex mb-1">
                                                    <div> <b>Round Off : <input type="hidden" id="round-off-amt"
                                                                name="round_off"
                                                                value="{{ isset($order) ? $order->round_off : '0.00' }}"></b>
                                                    </div>
                                                    <div id="round-off">
                                                        {{ isset($order) ? $order->round_off : '0.00' }}
                                                    </div>
                                                </div>
                                                <div class="d-flex mb-2">
                                                    <div> <b>Grand Total : <input type="hidden" id="grand-total-amt"
                                                                name="grand_total"
                                                                value="{{ isset($order) ? $order->amount : '0.00' }}"></b>
                                                    </div>
                                                    <div id="grand-total">
                                                        {{ isset($order) ? $order->amount : '0.00' }}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                @if (Auth::user()->company_profile->show_previous_price_history == 1)
                                                    <div class="col-md-12">
                                                        <table class="table table-bordered">
                                                            <tr>
                                                                <th>Voucher Date</th>
                                                                <th>Voucher no</th>
                                                                <th>Qty</th>
                                                                <th>Unit</th>
                                                                @if (Auth::user()->company_profile->save_and_print == 0)
                                                                    <th>Price</th>
                                                                    <th>Price(Inc GST)</th>
                                                                    <th>Dis %</th>
                                                                @endif
                                                                <th>Dis Amt</th>
                                                                @if (Auth::user()->company_profile->save_and_print == 1)
                                                                    <th>Landing Cost(Inc)</th>
                                                                @endif
                                                                <th>Total</th>
                                                                <th>Batch</th>
                                                            </tr>
                                                            <tbody id="price-history-body">

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                   </div>
                                </div>
                                <div class="row firsthidden_rows text-end">
                                    <div class="col-md-12 text-right">
                                        <button type="button" class="btn btn-info" id="row_add"
                                            @isset($orderItems)
                                                tabindex="{{ $tabIndex + 1 }}"
                                            @endisset
                                            onclick="appendStockItemRow()"><i class="las la-plus"></i>Add</button>
                                        @if (Auth::user()->company_profile->save_and_print == 1)
                                            <button type="button" id="save-and-print"
                                                class="btn btn-primary submit-btn mr-3">Save & Print</button>
                                        @endif
                                        <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>

    {{-- variant search modal --}}
    <div class="modal fade" id="searchModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
        aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel">Select Attributes</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" id="search-modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" onclick="filterVariant()" id="filter-button"
                        class="btn btn-primary">filter</button>
                </div>
            </div>
        </div>
    </div>
    {{-- Price History Modal --}}
    <div class="modal modal-lg fade" id="priceHistoryModal" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Last 5 Price History</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body" id="price-history" style="font-size: 14px; text-align: center">

                </div>
            </div>
        </div>
    </div>
    {{-- Print Modal --}}
    <div class="modal fade" id="printModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Print</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('order-item-print') }}" method="POST" class="tablelist-form"
                    autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <h5 class="modal-title">Are You Sure Want to Print this Item ?</h5>
                        <input type="hidden" name="print_type" id="printType">
                        <input type="hidden" name="selectedItem" id="selectedItem">
                    </div>
                    @if (Auth::user()->printSettings->choose_address == 1)
                        <select class="form-select" name="address_type" id="address_type">
                            <option value="billing_address">Bill Address</option>
                            <option value="shipping_address">Shipping Address</option>
                        </select>
                    @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" id="print-btn">Print</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
     <div class="modal fade" id="unitModal" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Unit Details</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <div class="modal-body" id="unitModalBody">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="save-modal-unit">Save</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="itemPriceDetailsModal" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="priceDetailsItemName"></h5>
                    <h5 class="modal-title">&nbsp;&nbsp;&nbsp;&nbsp;Stock : <span id="priceDetailsStock"></span></h5>
                    <div class="d-flex gap-2 justify-content-end">
                    <p style="
                            color:#b10000;
                            font-weight:600;
                            background:#ffe5e5;
                            padding:6px 12px;
                            border-radius:6px;
                            font-size:14px;
                        ">
                            Alt + 1 → Close Modal &nbsp; ;
                        </p>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                    </div>
                </div>
                <input type="hidden" id="priceModalRowid">
                <div class="modal-body" id="itemPriceDetailsModalBody">

                </div>
            </div>
        </div>
    </div>
     <div id="s2-popup"></div>
    <div id="item-edit-data">
    </div>
@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>
    <script>
        let printButtonPressed = false;
        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();
        });




        $('#sales_executive').select2({
            placeholder: 'Select Sales Executive',
            allowClear: true
        });
        $('#price-slab').select2({
            placeholder: 'Choose price slab',
            allowClear: true
        })

        $('#party').select2({
            placeholder: 'Select Party',
            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) {
                        return {
                            id: item.id,
                            text: item.name,
                            route: item.route ? item.route.name : "",
                            phone: item.mobile_no ?? "",
                            address: item.address
                        };
                    });

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            },templateResult: function (data) {
                if (!data.id) return data.text;
                let $option = $('<span class="option-item" data-route="' + data.route + '" data-address="' + data.address + '" data-id="' + data.id + '" data-name="' + data.text + '" data-phone="' + data.phone + '">' + data.text + '</span>');
                return $option;
            },
        });


        $('.stock-item').select2({
            placeholder: 'Select item',
            width: '100%',
            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
            }
        });
        $('.unit_change').select2();

        $(document).ready(function() {
            $('#topnav-hamburger-icon').trigger('click');
            totalQty();
            @if (!isset($order))
                appendStockItemRow();
                @if (!isset($order))
                    $('#party').select2('open');
                    $('#party').on('select2:select', function(e) {
                        $('#price-slab').select2('open');
                    });
                    $('#price-slab').on('select2:select', function(e) {
                        $('#sales_executive').select2('open');
                    });
                    $('#sales_executive').on('select2:select', function(e) {
                        @if (Auth::user()->company_profile->show_item_code_in_sales)
                            $('#itemCode_2').focus();
                        @else
                            $('#item_2').select2('open');
                        @endif
                    });
                @endif
            @else
                var tabIndex = 0;
                $(append_row + ' > tr').each(function() {
                    var rc = $(this).attr('id');
                    const select2Item = $('#item_' + rc).attr('tabindex', tabIndex + 2);
                    // const select2ItemUnit = $('#unit_change_' + rowCount).attr('tabindex', tabIndex + 3);
                    tabIndex = parseInt(tabIndex) + parseInt(7);
                });
            @endif
        });

        $('#submit').click(function(e) {
            e.preventDefault();
            $("#order").submit();
        });

        $('#order').validate({
            rules: {
                'order_date': {
                    required: true,
                },
                'amount': {
                    required: true,
                },
            },
            messages: {
                'order_date': {
                    required: "Please select date",
                },
                'amount': {
                    required: "Please enter amount",
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                calculateSum();
                $('.submit-btn').prop('disabled', true);
                $('#save-and-print').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) {
                                    if (printButtonPressed) {
                                        $('#selectedItem').val(data
                                            .orderId);
                                        $('#print-btn').trigger('click');
                                    } else {
                                        $('#selectedItem').val(data.orderId);
                                        $('#printModal').modal('show');
                                    }
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                        $('#save-and-print').prop('disabled', false);
                        $('.submit-btn').prop('disabled', false);
                    },
                    error: function(data) {
                        $('.submit-btn').prop('disabled', false);
                        $('#save-and-print').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);
                        }
                    }
                });
            }
        });

        $("#printModal").on('hide.bs.modal', function() {
            @isset($order)
                window.location.href = "{{ route('mop-order.index') }}";
            @else
                window.location.href = "{{ route('mop-order.create') }}";
            @endisset
        });

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

        function appendStockItemRow() {
            @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 i = 0;
            var rows = '<tr id="' + rowCount + '" class="row_' + rowCount +
                ' headrow"><td class="text-center order-sn" style="font-weight:600;">' + rowCount +
                '</td>@if (Auth::user()->company_profile->show_item_code_in_sales) <td><input type="text" class="mousetrap form-control itemCode  min-width60" data-id="' +
                rowCount + '" id="itemCode_' + rowCount + '" tabindex="' + `${tabIndex+1}` +
                '" ></td>@endif<td><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></td><td style="display:none;"><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" min="0"><div class="errormsg" id="error_qty_' +
                rowCount +
                '"></div></td><td><select name="unit_id[]" class="mousetrap form-control unit_change unit_' +
                rowCount +
                '" id="unit_change_' + rowCount + '" onchange="salesChangeUnit(' + rowCount +
                ')"></select></td><td style="display:none;"><div class="input-group"> <input type="number" step=".001" name="price[]" id="price_' +
                rowCount +
                '" class="mousetrap form-control form-input-box price min-width60"></div></td><td ><input type="number" name="price_inc_gst[]" id="price_inc_tax_' +
                rowCount +
                '" class="mousetrap form-control  form-input-box priceIncTax min-width60" tabindex="' + `${tabIndex+4}` +
                '" onfocus="handleFocus(' +
                rowCount + ')"></td><td style="display:none;"><input type="number" name="gross_value[]" id="gross_value_' +
                rowCount +
                '" readonly class="form-control form-input-box min-width60"></td> @if (Auth::user()->company_profile->discount_on_total == 1) <td><input  type="number" tabindex="' +
                `${tabIndex+4+i}` + '" name="discount_total[]" id="disc_amt_total_' + rowCount +
                '" class="mousetrap form-control min-width50 discAmtTotal form-input-box" > </td>@endif <td style="display:none;"><input  type="number" name="discount_per[]" id="dis_per_' +
                rowCount +
                '"  class="mousetrap form-control form-input-box discPer min-width50"><input type="hidden" name="disc_amt[]" id="disc_amt_' +
                rowCount +
                '"></td><td style="display:none;"><input type="number" name="taxable_value[]" id="taxable_value_' +
                rowCount +
                '" class="mousetrap form-control form-input-box taxable_value min-width60"><input type="hidden" name="gst[]" id="item_gst_' +
                rowCount +
                '"><input type="hidden" id="cessPer_' + rowCount +
                '" name="cessper[]"></td><td style="display:none;"><input type="number" class="form-control form-input-box min-width60 tax_' +
                rowCount +
                '" readonly>  <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> @if (Auth::user()->company_profile->show_item_description)<td><textarea class="form-control min-width60" id="item_description_' +
                rowCount +
                '" readonly> </textarea> </td>@endif <td style="width:500px;"><textarea style="height: 36px;" name="item_remarks[]" tabindex="' +
                `${tabIndex+5}` + '" rows="2" class="form-control remark remarks_' +
                rowCount +
                '" id="item_remarks_' + rowCount +
                '"></textarea></td> <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_values_' + rowCount + '"></td></tr><tr class="row_' + rowCount +
                ' headrow"><td></td><td colspan="7"><b class="text-danger" id="available_stock_' + rowCount +
                '"></b></tr>';
            $("#appendRow").append(rows + rows1);
            $('.stock-item').select2({
                placeholder: 'Select item',
                ajax: {
                    url: "/admin/get-stock-items",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            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
                }
            });
            $('#unit_change_' + rowCount + '').select2();
            $('#item_' + rowCount + '').prop('tabindex', tabIndex + 2);
            $('#unit_change_' + rowCount + '').prop('tabindex', tabIndex + 3);
            $('#row_add').prop('tabindex', tabIndex + 6 + i);
            tabIndex += 5 + i;
            @if (Auth::user()->company_profile->show_item_code_in_sales)
                $('#itemCode_' + rowCount + '').focus();
            @else
                $('#item_' + rowCount + '').focus().select();
            @endif
            setSn();
            totalQty();
        }

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

        function fetchItemData(id) {
            var rowCount = id;
             $('#unit_values_' + id).val();
            var prd = $("#item_" + id).val();
            if (prd != "" && id != "") {
                $.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(),
                        // "acId": `{{ isset($order) ? $order->id : null }}`,
                        "location": $('#stock-location').val(),
                        "date": $('#order-date').val(),

                    },
                    success: function(data) {
                        $("#mrp_" + id).val(data.mrp);
                        $("#cessPer_" + id).val(data.cess);
                        $("#item_gst_" + id).val(data.gst);
                        $("#itemCode_" + id).val(data.item_code);
                        $("#unit_change_" + id).html(data.options);
                        $('#item_description_' + id).val(data.description);
                        $("#price_" + id).val(data.sale_price);
                        $("#stock_" + id).html(data.stock);

                        var itemTab = parseInt($('#item_' + rowCount).attr('tabindex'));
                        $('#unit_change_' + rowCount + '').prop('tabindex', itemTab + 5);
                        $("#available_stock_" + id).html('Available Stock: ' + data.stock_availability);
                        if (data.discount_perc != null) {
                            $("#dis_per_" + id).val(data.discount_perc);
                        }
                        calculateSum();
                        if (data.closing_stock_negative) {
                            alert("Stock is negative. Please add stock.");
                        }
                        var purchaeincludingTax = parseFloat(data.purchase_price) + parseFloat((data
                            .purchase_price * (data.cess + data.gst) / 100));
                        var html = `<tr>
                                    '<td> ${data.purchase_price}</td>
                                    '<td> ${purchaeincludingTax.toFixed(3)}</td>
                                    '<td> ${data.gst}</td>
                                    '<td> ${data.cess}</td>
                                    </tr>`;
                        $('#purchasePriceBody').html(html);
                        priceHistory(id);
                         @if(Auth::user()->company_profile->unit_model_in_sales == 1)
                           getUnitDetails(id,data.itemUnits);
                        @endif
                        @if(Auth::user()->company_profile->show_item_price_details == 1)
                            fetchItemPriceDetails(id, data.itemUnits, data.itemPriceSlabs,data.stock);
                        @endif
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        };

        let oldDate = null

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

        document.getElementById("order-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() {
                        $('#order-date').val(newDate);
                        fetchGstRate();
                    },
                    function() {
                        $('#order-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": $('#order-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(),
                },
                success: function(data) {
                    @if(Auth::user()->company_profile->unit_model_in_sales == 1)
                     var savedArray = JSON.parse($('#unit_values_' + id).val());
                     savedArray.forEach(element => {
                        if(element.unit_id == unit_id){
                           var price = element.unit_selling_price;
                           if(price != null){
                              $('#price_' + id).val(price);
                           }else{
                             $('#price_' + id).val(parseFloat(data.sales_price).toFixed(3));
                           }
                        }
                     });
                     @else
                     $('#price_' + id).val(parseFloat(data.sales_price).toFixed(3));
                    @endif
                    calculateSum();
                },
                error: function(data) {
                    alert("Sorry, Something went wrong. Please try again.");
                }
            });
        };

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

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

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

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

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

                    $("#disc_amt_" + input_id).val(discountAmount);
                    $("#gross_value_" + input_id).val(grossValue.toFixed(3));
                    $("#taxable_value_" + input_id).val(taxableValue.toFixed(3));
                    if (fromPriceincTax == false) {
                        $("#price_inc_tax_" + input_id).val(parseFloat(priceIncTax).toFixed(3));
                    }
                    $(".cessAmt_" + input_id).val(cessAmount.toFixed(3));
                    if (taxType == '1') {
                        $(".cgst_" + input_id).val(cgst);
                        $(".sgst_" + input_id).val(sgst);
                        $(".igst_" + input_id).val('');
                    } else {
                        $(".igst_" + input_id).val(itemGstAmount.toFixed(3));
                        $(".cgst_" + input_id).val('');
                        $(".sgst_" + input_id).val('');
                    }
                    $('.tax_' + input_id).val(parseFloat(itemGstAmount + cessAmount).toFixed(3));
                }
                $(".total_" + input_id).val(parseFloat(itemTotal).toFixed(3));
                totalSum += parseFloat(itemTotal);
            });
            $("#total-sum").html(totalSum.toFixed(3));
            let grandTotal = (totalSum + freight - 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));
        }

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

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

        $(document).on('select2:select', '.unit_change', function(e) {
            var id = $(this).closest('tr').attr('id');
            $('#price_inc_tax_' + id).focus().select();
        });
        $(document).on('select2:select', '.stock-item', function(e) {
            @if(Auth::user()->company_profile->unit_model_in_sales == 0)
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                $("[tabindex='" + nextindex + "']").focus().select();
            @endif
        });

        $(document).on('select2:close', '.unit_change,.variant,.attribute_values', function(e) {
            var tabindex = $(this).attr('tabindex');
            var nextindex = parseInt(tabindex) + 1;
            $("[tabindex='" + nextindex + "']").focus().select();
        });
         $(document).on('select2:close', '.stock-item', function(e) {
            @if(Auth::user()->company_profile->unit_model_in_sales == 0)
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                $("[tabindex='" + nextindex + "']").focus().select();
            @endif
        });

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

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


        function fetchPartyItemData(formInput = false) {
            let item_id = $("#party").val();
            let selectedValue = '{{ isset($order) ? $order->debit_ledger_id : '' }}';
            if (!formInput) {
                selectedValue != '' ? item_id = selectedValue : null;
            }
            if (item_id) {
                $.ajax({
                    url: "{{ route('fetch-item-data') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id
                    },
                    success: function(item) {
                        $("#party-balance").html(item.data[0] + " Balance :");
                        var formattedData = parseFloat(item.data[1]).toFixed(3) + " " + item.data[2];
                        $("#party-closing-balance").html(formattedData);
                        if (item.data[4] != null) {
                            $('#party-address').html("Address : " + item.data[4]);
                        } else {
                            $('#party-address').html("Address : ");
                        }
                        var priceSlabId = item.ledger['price_slab_id'];
                        $('#price-slab').val(priceSlabId).trigger('change');
                        if(item.data[5] != null){
                            if(item.data[5] != 32){
                                $('#tax-type').val(0).trigger('change');
                            }else{
                                    $('#tax-type').val(1).trigger('change');
                            }
                        }else{
                                $('#tax-type').val(1).trigger('change');
                        }
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        }

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

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

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

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

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

        $("#printModal").on('hide.bs.modal', function() {
            @isset($order)
                window.location.href = "{{ route('order.index') }}";
            @else
                window.location.href = "{{ route('order.create') }}";
            @endisset
        });

        $(document).on('keyup', '.discAmtTotal', function(e) {
            e.preventDefault();
            var input_id = $(this).closest('tr').attr('id');
            var price = parseFloat($("#price_" + input_id).val()) || 0;
            var price_inc_tax = parseFloat($("#price_inc_tax_" + input_id).val()) || 0;
            var quantity = parseFloat($("#qty_" + input_id).val()) || 0;
            var totalAmount = price_inc_tax * quantity;
            var discountAmountTotal = parseFloat($(this).val()) || 0;
            var disc_percentage = (discountAmountTotal / totalAmount) * 100;
            var grossValue = price * quantity;
            // if(!isNaN(disc_percentage) && disc_percentage != undefined && disc_percentage != ""){
            $("#dis_per_" + input_id).val(disc_percentage.toFixed(3));
            var discountAmount = (disc_percentage * grossValue / 100).toFixed(3);
            $("#disc_amt_" + input_id).val(discountAmount);
            calculateSum(false);
            // }
        })
        $(document).on('keyup', '.qty', function(e) {
            totalQty();
        })

        function totalQty() {
            $('#total-qty').html('');
            var total = 0;
            $('.qty').each(function() {
                total += parseInt($(this).val()) || 0;
            });
            $('#total-qty').html(total);
        }
        Mousetrap.bind(['alt+u'], function() {
            $('#item-edit-data').html('');
            //get current focus
            var element = document.activeElement;
            let id = $(element).closest('tr').attr('id');
            var item_id = $('#item_' + id).val();
            if (item_id != null) {
                $.ajax({
                    url: "{{ route('edit-item-modal') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "id": item_id
                    },
                    success: function(data) {
                        $('#item-edit-data').html(data);
                        $('#item-edit-modal').modal('show');
                        superRowId = id;
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        });

        $('#save-and-print').click(function(e) {
            e.preventDefault();
            printButtonPressed = true;
            $("#order").submit();
        });
        function priceHistory(id) {
            var item_id = $("#item_" + id).val();
            var ledger_id = $('#party').val();
            if (ledger_id != '' && item_id != '') {
                $.ajax({
                    url: "{{ route('sales-price-history-ledger') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "item_id": item_id,
                        "ledger_id": $('#party').val(),
                        "customer_mobile_no": $('#customer_mobile').val()

                    },
                    success: function(data) {
                        $('#price-history-body').html('');
                        $('#price-history-body').append(data.html);
                    },
                    error: function(err) {
                        alert("Something went wrong. Please try again");
                    }
                });
            }
        }
        $(document).on('keydown', function(e) {
            if (e.ctrlKey && e.key === "Enter") {
                e.preventDefault();
                $('#save-and-print').trigger('click');
            }
        });
    let tooltip = $('#s2-popup');
    let highlightChecker = null;
    $('#party').on('select2:open', function () {

        highlightChecker = setInterval(function () {

            let highlighted = $('.select2-results__option--highlighted');

            if (highlighted.length) {
                let item = highlighted.find('.option-item');

                if (item.length) {

                    let name = item.data('name');
                    let address = item.data('address');
                    let route = item.data('route');
                    let phone = item.data('phone');

                    let popup = `
                        <b>${name}</b><br>
                        Address: ${address}<br>
                        Route: ${route}<br>
                        Phone: ${phone}
                    `;

                    let offset = highlighted.offset();

                    tooltip.html(popup).show().css({
                        top: offset.top + 5,
                        left: offset.left + highlighted.width() + 20
                    });
                }
            }

        }, 50);
    });
    $('#party').on('select2:close', function () {
        clearInterval(highlightChecker);
        tooltip.hide();
    });
    function getUnitDetails(id , itemUnits) {
        $('#unitModalBody').html('');
        var itemId = $('#item_' + id).val();
        if(itemId == '' || itemId == null){
            return false;
        }
       $html = '<input type="hidden" id="modal_unit_row_id" value="'+id+'"><table class="table table-bordered"><thead><tr><th>Unit</th><th>Price</th></tr></thead><tbody>';
       for($i=0; $i<itemUnits.length; $i++){
           $html += '<tr><td>'+itemUnits[$i].unit.name+'<input type="hidden" id="modal_unit_id_'+itemUnits[$i].unit_id+'" value="'+itemUnits[$i].unit_id
                        +'" data-name="'+itemUnits[$i].unit.name+'" data-unitqty="'+itemUnits[$i].unit_qty
                        +'" data-row="'+$i+'"></td>';
            if(itemUnits[$i].is_base_unit == 1){
                $html += '<td><input type="number" class="form-control modal_unit_base_price" id="modal_unit_price_'+itemUnits[$i].unit_id+'" data-unitid="'+itemUnits[$i].unit_id+'" data-row="'+$i+'" value="'+itemUnits[$i].unit_selling_price+'" data-unitname="'+itemUnits[$i].unit.name+'"></td></td></tr>';
            }else{
                $html += '<td><input type="number" class="form-control modal_unit_price" id="modal_unit_price_'+itemUnits[$i].unit_id+'" data-unitid="'+itemUnits[$i].unit_id+'" data-row="'+$i+'" value="'+itemUnits[$i].unit_selling_price+'" data-unitqty="'+itemUnits[$i].unit_qty+'" data-unitname="'+itemUnits[$i].unit.name+'" readonly></td></tr>';
            }
       }
       $html += '</tbody></table>';
       $('#unitModalBody').html($html);
       $('#unitModal').modal('show');
       setTimeout(function() {
        $('.modal_unit_base_price').first().focus().select();
        }, 200);
    }
     $(document).on('keydown','.modal_unit_base_price',function(e){
        if(e.key === 'Enter'){
            $('#save-modal-unit').focus();
        }
     })
     $('#save-modal-unit').on('click',function(e){
        e.preventDefault();
        $('#unitModal').modal('hide');
        var rowId = $('#modal_unit_row_id').val();
        var unitArray = [];
        var basePrice = $('.modal_unit_base_price').val();
        var baseUnitId = $('.modal_unit_base_price').data('unitid');
        var unitName = $('.modal_unit_base_price').data('unitname');
        unitArray.push({
            'unit_id' : baseUnitId,
            'unit_selling_price' : basePrice,
            'unit_qty' : 1,
            'unit_name' : unitName
        })
        $('.modal_unit_price').each(function() {
            var unitId = $(this).data('unitid');
            var unitPrice = $(this).val();
            var unitQty = $(this).data('unitqty');
            var unitName = $(this).data('unitname');
            unitArray.push({
                'unit_id' : unitId,
                'unit_selling_price' : unitPrice,
                'unit_qty' : unitQty,
                'unit_name' : unitName
            })
        })
        $('#unit_values_'+rowId).val(JSON.stringify(unitArray));
        $('#unit_change_'+rowId).val(baseUnitId).trigger('change');
        $('#qty_'+rowId).focus().select();

     })
     $(document).on('input','.modal_unit_base_price',function(e){
        var price = $(this).val();
        $('.modal_unit_price').each(function() {
            var unitQty = parseFloat($(this).data('unitqty')) || 0;
            var totalUnitPrice = unitQty * price;
            $(this).val(totalUnitPrice.toFixed(2));
        });

     })
     function fetchItemPriceDetails(rowId, itemUnits,priceSlab,stock) {
        var itemName = ($('#item_' + rowId).find('option:selected').text());
            $('#priceModalRowid').val(rowId);
        $('#priceDetailsItemName').html(itemName);
        $('#priceDetailsStock').html(stock);
        $('#itemPriceDetailsModalBody').html('');
        var html = '<table class="table table-bordered"><thead><tr ><th colspan="2">Unit Price Details</th></tr><tr><th>Unit</th><th>Selling Price</th></tr></thead><tbody>';
        for($i=0; $i<itemUnits.length; $i++){
            html += '<tr><td>'+itemUnits[$i].unit.name+'</td><td>'+itemUnits[$i].unit_selling_price+'</td></tr>';
        }
        html += '</tbody></table><br>';
        html += '<table class="table table-bordered"><thead><tr ><th colspan="2">Price Slab Price Details</th></tr><tr><th>Price Slab</th><th>Unit</th><th>Selling Price</th></tr></thead><tbody>';
        for($i=0; $i<priceSlab.length; $i++){
            html += '<tr><td>'+priceSlab[$i].price_slab.name+'</td><td>'+priceSlab[$i].unit.name+'</td><td>'+priceSlab[$i].selling_price+'</td></tr>';
        }
        html += '</tbody></table>';
        $('#itemPriceDetailsModalBody').html(html);
        $('#itemPriceDetailsModal').modal('show');

     }
     $(document).on('keydown', function(e) {
         if (e.altKey && e.which === 49) {
            e.preventDefault();
            $('#itemPriceDetailsModal').modal('hide');
            var rowid = $('#priceModalRowid').val();
            $('#qty_' + rowid).focus().select();
        }
    });
    </script>
@endsection