@extends('layouts.master')
@section('css')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/filepond/4.30.6/filepond.css"
        integrity="sha512-+9N9eHaPFoACOB0WABsAByw8rE3wPrCdY9DSUS5vM7qjss4w9g8CcKHDULxhVL/bg3zNVad4TIRUEdSujIjxcw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
        rel="stylesheet" />
    <style>
        .error {
            color: red;
        }

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

        input:focus {
            border-color: #405189 !important;
        }
    </style>
@endsection
@section('title')
    Stock Items
@endsection
@section('content')
    <main>
        @isset($stockItem)
            <form action="/admin/stock-items/{{ $stockItem->id }}" method="POST" id="stock-item-form" autocomplete="off"
                class="needs-validation" novalidate>
                @method('put')
            @else
                <form action="/admin/stock-items" method="POST" id="stock-item-form" autocomplete="off"
                    class="needs-validation" novalidate>
                @endisset
                @csrf
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    @isset($stockItem)
                                        Edit Stock Item
                                    @else
                                        Add Stock Item
                                    @endisset
                                </h5>
                                <div>
                                    <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                                        href="/admin/stock-items"><i class="las la-angle-double-left"></i> Go Back</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row d-flex justify-content-end">
                                    @if (!isset($stockItem) && isset($lastCode))
                                        <h4 class="col-lg-3 text-end">Last Code: {{ $lastCode }}</h4>
                                    @endif
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Item Code</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control item_code mousetrap" name="item_code"
                                            value="{{ isset($stockItem) ? $stockItem->item_code : ($newCode != null ? $newCode : '') }}"
                                            placeholder="Enter item code" tabindex="1" required>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Name</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control stock_item_name mousetrap" name="name"
                                            value="{{ isset($stockItem) ? $stockItem->name : '' }}"
                                            placeholder="Enter stock item name" tabindex="2" required>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Stock Group</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select mousetrap" id="stock-group" name="stock_group_id"
                                            tabindex="3" required>
                                            <option value="">Select stock group</option>
                                            @isset($stockItem)
                                                <option value="{{ $stockItem->stockGroup->id }}" selected>
                                                    {{ $stockItem->stockGroup->name }}</option>
                                            @endisset
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Type</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select mousetrap" id="type" name="type">
                                            <option value="">Select type</option>
                                            <option value="Goods"
                                                {{ isset($stockItem) ? ($stockItem->type == 'Goods' ? 'selected' : '') : '' }}>
                                                Goods</option>
                                            <option value="Service"
                                                {{ isset($stockItem) ? ($stockItem->type == 'Service' ? 'selected' : '') : '' }}>
                                                Service</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">HSN Code</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="hsn_code"
                                            value="{{ isset($stockItem) ? $stockItem->hsn_code : '' }}"
                                            placeholder="Enter HSN code"
                                            @if ($masterSettings) minlength="{{ $masterSettings->hsn_code_min_digits }}" @endif
                                            @if ($masterSettings->hsn_code_required == 1) required @endif>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">GST Applicable</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select mousetrap" id="gst-applicable" name="gst_applicable">
                                            <option value="">Select</option>
                                            <option value="Applicable"
                                                {{ isset($stockItem) ? ($stockItem->gst_applicable == 'Applicable' ? 'selected' : '') : '' }}>
                                                Applicable</option>
                                            <option value="Not Applicable"
                                                {{ isset($stockItem) ? ($stockItem->gst_applicable == 'Not Applicable' ? 'selected' : '') : '' }}>
                                                Not Applicable</option>
                                        </select>
                                    </div>
                                </div>
                                {{-- <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">GST%</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="number" class="form-control mousetrap" name="gst" id="gst"
                                            value="{{ isset($stockItem) ? $stockItem->gst : '' }}" placeholder="Enter GST%"
                                            tabindex="6">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">CESS%</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="number" class="form-control mousetrap" name="cess"
                                            id="cess" value="{{ isset($stockItem) ? $stockItem->cess : '' }}"
                                            placeholder="Enter CESS%" tabindex="7">
                                    </div>
                                </div> --}}
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Gst / Cess Slabs</label>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="input-group">
                                            <div class="col-md-4">
                                                <label class="form-label">Starting From</label>
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label">GST</label>
                                            </div>
                                            <div class="col-md-4">
                                                <label class="form-label">CESS</label>
                                            </div>
                                        </div>
                                        <div class="input-group">
                                            <input type="date" readonly class="form-control" name="starting_from"
                                                value="{{ isset($stockItem) ? $stockItemGsts->where('is_default', 1)->first()->starting_from : Auth::user()->company_profile->business_opening }}">
                                            <input type="number" class="form-control" name="gst" id="gst"
                                                value="{{ isset($stockItem) ? $stockItemGsts->where('is_default', 1)->first()->gst : '' }}">
                                            <input type="number" class="form-control" name="cess" id="cess"
                                                value="{{ isset($stockItem) ? $stockItemGsts->where('is_default', 1)->first()->cess : '' }}">
                                        </div>

                                        <div class="input-group mt-2">
                                            <input type="date" readonly class="form-control" name="starting_from"
                                                value="2025-09-22">
                                            <input type="number" class="form-control" name="revised_gst"
                                                id="revised_gst"
                                                value="{{ isset($stockItem) ? $stockItemGsts->where('starting_from', '2025-09-22')->first()?->gst ?? '' : '' }}">
                                            <input type="number" class="form-control" name="revised_cess"
                                                id="revised_cess"
                                                value="{{ isset($stockItem) ? $stockItemGsts->where('starting_from', '2025-09-22')->first()?->cess ?? '' : '' }}">
                                        </div>

                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label class="form-label">Status</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select mousetrap" id="status" name="status">
                                            <option value="1"
                                                {{ isset($stockItem) ? ($stockItem->status == 1 ? 'selected' : '') : 'selected' }}>
                                                Active</option>
                                            <option value="0"
                                                {{ isset($stockItem) ? ($stockItem->status == 0 ? 'selected' : '') : '' }}>
                                                Inactive</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Stock warning level</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="number" class="form-control mousetrap" name="stock_warning_level"
                                            id="stock_warning_level"
                                            value="{{ isset($stockItem) ? $stockItem->stock_warning_level : '' }}"
                                            placeholder="Enter Stock warning level" tabindex="9">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Stock critical level</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="number" class="form-control mousetrap" name="stock_critical_level"
                                            id="stock_critical_level"
                                            value="{{ isset($stockItem) ? $stockItem->stock_critical_level : '' }}"
                                            placeholder="Enter Stock critical level" tabindex="10">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Margin %</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="number" class="form-control" name="margin" id="margin"
                                            value="{{ isset($stockItem) ? $stockItem->margin : '' }}"
                                            placeholder="Enter Margin%">
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Mrp</label>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="input-group">
                                            <div class="col-md-6">
                                                <label class="form-label">Starting From</label>
                                            </div>
                                            <div class="col-md-6">
                                                <label class="form-label">MRP</label>
                                            </div>
                                        </div>
                                        <div class="mb-3" id="mrpRows">
                                            <div class="mrp_row" style="display: flex;">
                                                <div class="input-group">
                                                    <input type="date" readonly class="form-control"
                                                        value="{{ isset($stockItem) ? $stockItemMrps->where('is_default', 1)->first()->starting_from : Auth::user()->company_profile->business_opening }}">
                                                    <input type="number" class="form-control" name="mrp"
                                                        id="mrp"
                                                        value="{{ isset($stockItem) ? $stockItemMrps->where('is_default', 1)->first()->mrp : '' }}">
                                                </div>
                                                <button type="button" class="btn btn-primary" id="addMrpRow"
                                                    style="float:right; margin-left:10px;">+</button>
                                            </div>
                                            @isset($stockItemMrps)
                                                @foreach ($stockItemMrps->where('is_default', 0) as $stockItemMrp)
                                                    <div class="mrp_row mt-2" style="display: flex; margin-bottom:10px;">
                                                        <div class="input-group">
                                                            <input type="date" class="form-control" required
                                                                name="mrp_effective_date[]"
                                                                value="{{ $stockItemMrp->starting_from }}">
                                                            <input type="number" class="form-control" name="item_mrp[]"
                                                                value="{{ $stockItemMrp->mrp }}" placeholder="Enter MRP"
                                                                step="0.01" required>
                                                        </div>
                                                        <button type="button" class="btn btn-danger remove-mrp-row"
                                                            style="float:right; margin-left:10px;">-</button>
                                                    </div>
                                                @endforeach
                                            @endisset
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    Base Unit & Price Details
                                </h5>
                            </div>
                            <div class="card-body">
                                <div id="addUnitRow">
                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="mb-3">
                                                <label class="form-label" for="product-title-input">Base Unit</label>
                                                @isset($stockItem)
                                                    @php
                                                        $baseUnitId = $stockItem->baseStockItemUnit->unit_id;
                                                        $inventoryUsed = \App\Models\InventoryVoucherItem::where(
                                                            'stock_item_id',
                                                            $stockItem->id,
                                                        )
                                                            ->where('unit_id', $baseUnitId)
                                                            ->first();
                                                        $accountingUsed = \App\Models\AccountingVoucherItem::where(
                                                            'stock_item_id',
                                                            $stockItem->id,
                                                        )
                                                            ->where('unit_id', $baseUnitId)
                                                            ->first();
                                                        if ($inventoryUsed || $accountingUsed) {
                                                            $used = true;
                                                        } else {
                                                            $used = false;
                                                        }

                                                    @endphp
                                                    @if ($used == true)
                                                        <input type="text" class="form-control"
                                                            value="{{ $stockItem->baseStockItemUnit->unit->symbol }}"
                                                            readonly>
                                                        <input type="hidden" class="form-control" name="unit_id"
                                                            id="baseUnitId"
                                                            value="{{ $stockItem->baseStockItemUnit->unit_id }}">
                                                    @else
                                                        <select class="form-select mousetrap" id="unit" name="unit_id"
                                                            required>
                                                            <option value=""></option>
                                                            @foreach ($units as $unit)
                                                                <option value="{{ $unit->id }}"
                                                                    {{ isset($stockItem) ? ($stockItem->baseStockItemUnit->unit_id == $unit->id ? 'selected' : '') : '' }}>
                                                                    {{ $unit->symbol }}</option>
                                                            @endforeach
                                                        </select>
                                                    @endif
                                                @else
                                                    <select class="form-select mousetrap" id="unit" name="unit_id"
                                                        required>
                                                        <option value=""></option>
                                                        @foreach ($units as $unit)
                                                            <option value="{{ $unit->id }}"
                                                                {{ isset($stockItem) ? ($stockItem->baseStockItemUnit->unit_id == $unit->id ? 'selected' : '') : '' }}>
                                                                {{ $unit->symbol }}</option>
                                                        @endforeach
                                                    </select>
                                                @endisset
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="mb-3">
                                                <label class="form-label" for="product-title-input">Selling Price(Excl
                                                    Tax)</label>
                                                <input type="number" class="form-control mousetrap" name="selling_price"
                                                    id="selling_price"
                                                    value="{{ isset($stockItem) ? $stockItem->baseStockItemUnit->unit_selling_price : '' }}"
                                                    placeholder="Enter selling price" required tabindex="12">
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="mb-3">
                                                <label class="form-label" for="product-title-input">Selling Price(Incl
                                                    Tax)</label>
                                                <input type="number" class="form-control mousetrap"
                                                    id="selling_price_tax" placeholder="Enter selling price (Incl Tax)"
                                                    tabindex="13">
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="mb-3">
                                                <label class="form-label" for="product-title-input">Purchase Price(Excl
                                                    Tax)</label>
                                                <input type="number" class="form-control mousetrap"
                                                    name="purchase_price" id="purchase_price"
                                                    value="{{ isset($stockItem) ? $stockItem->baseStockItemUnit->unit_purchase_price : '' }}"
                                                    placeholder="Enter purchase price" required tabindex="14">
                                            </div>
                                        </div>
                                        <div class="col-lg-2">
                                            <div class="mb-3">
                                                <label class="form-label" for="product-title-input">Purchase Price(Incl
                                                    Tax)</label>
                                                <input type="number" class="form-control mousetrap"
                                                    id="purchase_price_tax" placeholder="Enter purchase price (Incl Tax)"
                                                    tabindex="15">
                                            </div>
                                        </div>
                                        {{-- <div class="col-lg-2">
                                            <div class="mb-3">
                                                <label class="form-label" for="product-title-input">MRP</label>
                                                <input type="number" class="form-control mousetrap" name="mrp"
                                                    id="mrp" value="{{ isset($stockItem) ? $stockItem->mrp : '' }}"
                                                    placeholder="Enter MRP" required tabindex="16">
                                            </div>
                                        </div> --}}
                                    </div>
                                    @isset($stockItem)
                                        @foreach ($stockItem->stockItemUnits as $key => $stockItemUnit)
                                            @php
                                                $inventoryUsed = \App\Models\InventoryVoucherItem::where(
                                                    'stock_item_id',
                                                    $stockItem->id,
                                                )
                                                    ->where('unit_id', $stockItemUnit->unit->id)
                                                    ->first();
                                                $accountingUsed = \App\Models\AccountingVoucherItem::where(
                                                    'stock_item_id',
                                                    $stockItem->id,
                                                )
                                                    ->where('unit_id', $stockItemUnit->unit->id)
                                                    ->first();
                                                if ($inventoryUsed || $accountingUsed) {
                                                    $used = true;
                                                } else {
                                                    $used = false;
                                                }
                                            @endphp
                                            <div class="row extraRow">
                                                <div class="col-lg-3">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Alternative
                                                            Unit</label>
                                                        <input type="hidden" class="stock_item_unit_id"
                                                            value="{{ $stockItemUnit->id }}">
                                                        @if ($used == true)
                                                            <input type="text" class="form-control"
                                                                value="{{ $stockItemUnit->unit->symbol }}" readonly>
                                                            <input type="hidden" name="alternative_unit_id[]"
                                                                value="{{ $stockItemUnit->unit->id }}">
                                                        @else
                                                            <select class="form-select alternative-unit" id=""
                                                                name="alternative_unit_id[]">
                                                                <option value=""></option>
                                                                @foreach ($units as $unit)
                                                                    <option value="{{ $unit->id }}"
                                                                        {{ isset($stockItemUnit) ? ($stockItemUnit->unit_id == $unit->id ? 'selected' : '') : '' }}>
                                                                        {{ $unit->symbol }}</option>
                                                                @endforeach
                                                            </select>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Alternative
                                                            Unit Qty</label>
                                                        @if ($used == true && $stockItemUnit->unit_qty != null)
                                                            <input type="number" class="form-control alternative-unit-qty"
                                                                name="unit_qty[]" value="{{ $stockItemUnit->unit_qty }}"
                                                                readonly>
                                                        @else
                                                            <input class="form-control" type="number"
                                                                value="{{ $stockItemUnit->unit_qty }}"
                                                                placeholder="Enter unit qty" name="unit_qty[]" required>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Alternative
                                                            Unit Selling
                                                            Price</label>
                                                        <input class="form-control" type="number"
                                                            value="{{ $stockItemUnit->unit_selling_price }}"
                                                            placeholder="Enter unit selling price"
                                                            name="unit_selling_price[]">
                                                    </div>
                                                </div>
                                                <div class="col-lg-3">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Alternative
                                                            Unit Purchase
                                                            Price</label>
                                                        <input class="form-control" type="number"
                                                            value="{{ $stockItemUnit->unit_purchase_price }}"
                                                            placeholder="Enter unit purchase price"
                                                            name="unit_purchase_price[]">
                                                    </div>
                                                </div>
                                                <div class="col-md-1 d-flex justify-content-center align-items-center pt-2">
                                                    <button type="button" class="btn btn-danger btn-sm"
                                                        id="removeRowCheck"><i class="las la-minus"></i></button>
                                                </div>
                                            </div>
                                        @endforeach
                                    @endisset
                                </div>
                                <button type="button" class="btn btn-primary" id="addRow"
                                    style="float:right; margin-right:20px;" tabindex="17">+Add</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center">
                                <h5 class="card-title mb-0 flex-grow-1">
                                    Opening stock location
                                </h5>
                                @isset($stockItem)
                                    @if ($use_variant)
                                        <a href="/admin/variant-stock_opening/{{ $stockItem->id }}"
                                            class="btn btn-primary waves-effect waves-light">Variants</a>
                                    @endif
                                @endisset
                            </div>
                            <div class="card-body">
                                <div id="addOpeningStockRow">
                                    @isset($stockItem)
                                        @if ($stockItem->stockItemLocations->count() > 0)
                                            @foreach ($stockItem->stockItemLocations->where('variant_item', '0') as $key => $stockItemLocation)
                                                <div class="row extraRow3" id="{{ $key + 1 }}">
                                                    <div class="col-lg-3">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Stock
                                                                Location</label>
                                                            <select class="form-select stock-location" id=""
                                                                name="stock_location_id[]">
                                                                <option value=""></option>
                                                                @foreach ($stockLocations as $stockLocation)
                                                                    <option value="{{ $stockLocation->id }}"
                                                                        {{ isset($stockItemLocation) ? ($stockItemLocation->stock_location_id == $stockLocation->id ? 'selected' : '') : '' }}>
                                                                        {{ $stockLocation->name }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Unit</label>
                                                            <select class="form-select opening-stock-unit" id=""
                                                                name="opening_stock_unit[]">
                                                                <option value=""></option>
                                                                @foreach ($units as $unit)
                                                                    <option value="{{ $unit->id }}"
                                                                        {{ isset($stockItemLocation) ? ($stockItemLocation->unit_id == $unit->id ? 'selected' : '') : '' }}>
                                                                        {{ $unit->symbol }}</option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Opening
                                                                Stock</label>
                                                            <input type="number" class="form-control opening_stock"
                                                                name="opening_stock[]" id="opening_stock_{{ $key + 1 }}"
                                                                value="{{ $stockItemLocation->opening_stock }}"
                                                                placeholder="Enter opening stock">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Rate</label>
                                                            <input type="number" class="form-control opening_rate"
                                                                id="opening_rate_{{ $key + 1 }}" name="opening_rate[]"
                                                                value="{{ $stockItemLocation->rate }}"
                                                                placeholder="Enter opening rate">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-2">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Value</label>
                                                            <input type="number" class="form-control opening_value"
                                                                id="opening_value_{{ $key + 1 }}" name="value[]"
                                                                value="{{ $stockItemLocation->value }}"
                                                                placeholder="Enter value">
                                                        </div>
                                                    </div>
                                                    @if ($key == 0)
                                                        <div
                                                            class="col-lg-1 d-flex justify-content-center align-items-center pt-2">
                                                            <button type="button" class="btn btn-primary btn-sm"
                                                                id="addRow3"><i class="las la-plus"></i></button>
                                                        </div>
                                                    @else
                                                        <div
                                                            class="col-lg-1 d-flex justify-content-center align-items-center pt-2">
                                                            <button type="button" class="btn btn-danger btn-sm"
                                                                id="removeRow3"><i class="las la-minus"></i></button>
                                                        </div>
                                                    @endif
                                                </div>
                                            @endforeach
                                        @else
                                            <div class="row extraRow3" id="1">
                                                <div class="col-lg-3">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Stock
                                                            Location</label>
                                                        <select class="form-select stock-location" id=""
                                                            name="stock_location_id[]">
                                                            <option value=""></option>
                                                            @foreach ($stockLocations as $stockLocation)
                                                                <option value="{{ $stockLocation->id }}">
                                                                    {{ $stockLocation->name }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Unit</label>
                                                        <select class="form-select opening-stock-unit" id=""
                                                            name="opening_stock_unit[]">
                                                            <option value=""></option>
                                                            @foreach ($units as $unit)
                                                                <option value="{{ $unit->id }}">{{ $unit->symbol }}
                                                                </option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Opening
                                                            Stock</label>
                                                        <input type="number" class="form-control opening_stock mousetrap"
                                                            id="opening_stock_1" name="opening_stock[]" value=""
                                                            placeholder="Enter opening stock">
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Rate</label>
                                                        <input type="number" class="form-control opening_rate mousetrap"
                                                            id="opening_rate_1" name="opening_rate[]" value=""
                                                            placeholder="Enter opening rate">
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Value</label>
                                                        <input type="number" class="form-control opening_value mousetrap"
                                                            id="opening_value_1" name="value[]" value=""
                                                            placeholder="Enter value">
                                                    </div>
                                                </div>
                                                <div class="col-lg-1 d-flex justify-content-center align-items-center pt-2">
                                                    <button type="button" class="btn btn-primary btn-sm" id="addRow3"><i
                                                            class="las la-plus"></i></button>
                                                </div>
                                            </div>
                                        @endif
                                    @else
                                        <div class="row extraRow3" id="1">
                                            <div class="col-lg-3">
                                                <div class="mb-3">
                                                    <label class="form-label" for="product-title-input">Stock Location</label>
                                                    <select class="form-select stock-location mousetrap" id="stock-location_1"
                                                        name="stock_location_id[]">
                                                        <option value=""></option>
                                                        @foreach ($stockLocations as $stockLocation)
                                                            <option value="{{ $stockLocation->id }}">
                                                                {{ $stockLocation->name }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-2">
                                                <div class="mb-3">
                                                    <label class="form-label" for="product-title-input">Unit</label>
                                                    <select class="form-select opening-stock-unit mousetrap"
                                                        id="opening-stock-unit_1" name="opening_stock_unit[]">
                                                        <option value=""></option>
                                                        @foreach ($units as $unit)
                                                            <option value="{{ $unit->id }}">{{ $unit->symbol }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-2">
                                                <div class="mb-3">
                                                    <label class="form-label" for="product-title-input">Opening Stock</label>
                                                    <input type="number" class="form-control opening_stock mousetrap"
                                                        id="opening_stock_1" name="opening_stock[]" value=""
                                                        placeholder="Enter opening stock" tabindex="1002">
                                                </div>
                                            </div>
                                            <div class="col-lg-2">
                                                <div class="mb-3">
                                                    <label class="form-label" for="product-title-input">Rate</label>
                                                    <input type="number" class="form-control opening_rate mousetrap"
                                                        id="opening_rate_1" name="opening_rate[]" value=""
                                                        placeholder="Enter opening rate" tabindex="1003">
                                                </div>
                                            </div>
                                            <div class="col-lg-2">
                                                <div class="mb-3">
                                                    <label class="form-label" for="product-title-input">Value</label>
                                                    <input type="number" class="form-control opening_value mousetrap"
                                                        name="value[]" id="opening_value_1" value=""
                                                        placeholder="Enter value" tabindex="1004">
                                                </div>
                                            </div>
                                            <div class="col-lg-1 d-flex justify-content-center align-items-center pt-2">
                                                <button type="button" class="btn btn-primary btn-sm" id="addRow3"
                                                    tabindex="1005"><i class="las la-plus"></i></button>
                                            </div>
                                        </div>
                                    @endisset
                                </div>
                                <div class="text-end">
                                    <button type="submit" class="btn btn-primary">
                                        @isset($stockItem)
                                            Update Stock Item
                                        @else
                                            Add Stock Item
                                        @endisset
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
    </main>
@endsection
@section('script')
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/jquery.validate.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/filepond/4.30.6/filepond.min.js"
        integrity="sha512-6ALP4noOAk3f/wpnN0qAWdkNNTpQcu0ArDsPVVFi3GIKbTGHswBnW3o/8rsxDTGF4BGYpI4E6DlrtyGFgBifjQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://unpkg.com/filepond/dist/filepond.min.js"></script>
    <script src="https://unpkg.com/jquery-filepond/filepond.jquery.js"></script>
    <script src="https://unpkg.com/filepond-plugin-image-exif-orientation/dist/filepond-plugin-image-exif-orientation.js">
    </script>
    <script src="https://unpkg.com/filepond-plugin-file-validate-size/dist/filepond-plugin-file-validate-size.js"></script>
    <script src="https://unpkg.com/filepond-plugin-file-encode/dist/filepond-plugin-file-encode.min.js"></script>
    <script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.js"></script>
    <script src="https://unpkg.com/filepond-plugin-file-validate-type/dist/filepond-plugin-file-validate-type.js"></script>
    <script src="{{ URL::asset('/assets/js/mousetrap.min.js') }}"></script>

    <script>
        $(document).ready(function() {
            calcTaxPrice();

        });

        Mousetrap.bind(['command+left', 'ctrl+left'], function() {
            var focusedElement = $(":focus");
            var tabindex = $(focusedElement).attr('tabindex');
            if (tabindex == 18) {
                tabindex = 17;
            }
            if (tabindex == undefined || isNaN(tabindex)) {
                return;
            }
            var nextindex = parseInt(tabindex) - 1;
            $("[tabindex='" + nextindex + "']").focus().select();
        });


        $(document).on('focus', '.select2-selection.select2-selection--single', function(e) {
            setTimeout(() => {
                var $selectElement = $(this).closest('div').find('select');
                if ($selectElement.length != 0) {
                    var itemIndex = $selectElement.attr('tabindex');
                    if (itemIndex) {
                        $(this).prop('tabindex', itemIndex);
                    }
                }
            }, 100);
        });





        $('.alternative-unit').select2({
            placeholder: 'Choose alternative unit',
        });
        $('.opening-stock-unit').select2({
            placeholder: 'Choose unit',
        });

        $('.manufacturing-unit').select2({
            placeholder: 'Choose unit',
        });
        $('.stock-location').select2({
            placeholder: 'Choose location',
        });

        $(document).on('keyup', '#selling_price,#purchase_price,#gst,#cess,#revised_gst,#revised_cess', function() {
            calcTaxPrice();
        });



        function calcTaxPrice() {
            let selling_price = $('#selling_price').val();
            let purchase_price = $('#purchase_price').val();
            let gst = $('#gst').val();
            if (gst == undefined || gst == "") {
                gst = 0;
            } else {
                gst = parseFloat($('#gst').val());
            }
            let cess = $('#cess').val();
            if (cess == undefined || cess == "") {
                cess = 0;
            } else {
                cess = parseFloat($('#cess').val());
            }
            if (($('#revised_gst').val() != "" && $('#revised_gst').val() != undefined) || ($(
                    '#revised_cess').val() != "" && $('#revised_cess').val() != undefined)) {
                gst = $('#revised_gst').val();
                cess = $('#revised_cess').val();
                if (gst == undefined || gst == "") {
                    gst = 0;
                } else {
                    gst = parseFloat($('#revised_gst').val());
                }
                if (cess == undefined || cess == "") {
                    cess = 0;
                } else {
                    cess = parseFloat($('#revised_cess').val());
                }
            }
            if (selling_price !== null && selling_price !== "" && !isNaN(selling_price)) {
                selling_price = parseFloat(selling_price);
                var selling_price_with_gst = (selling_price * gst) / 100;
                var selling_price_with_cess = (selling_price * cess) / 100;
                $('#selling_price_tax').val((selling_price + selling_price_with_gst + selling_price_with_cess).toFixed(3));
            }
            if (purchase_price != undefined && purchase_price != "") {
                purchase_price = parseFloat(purchase_price);
                var purchase_price_with_gst = (purchase_price * gst) / 100;
                var purchase_price_with_cess = (purchase_price * cess) / 100;
                $('#purchase_price_tax').val((purchase_price + purchase_price_with_gst + purchase_price_with_cess).toFixed(
                    3));
            }
        }

        $('#selling_price_tax').on('keyup', function() {
            let selling_price_tax = $('#selling_price_tax').val();
            let gst = $('#gst').val();
            if (gst == undefined || gst == "") {
                gst = 0;
            } else {
                gst = parseFloat($('#gst').val());
            }

            let cess = $('#cess').val();
            if (cess == undefined || cess == "") {
                cess = 0;
            } else {
                cess = parseFloat($('#cess').val());
            }
            if (($('#revised_gst').val() != "" && $('#revised_gst').val() != undefined) || ($(
                    '#revised_cess').val() != "" && $('#revised_cess').val() != undefined)) {
                gst = $('#revised_gst').val();
                cess = $('#revised_cess').val();
                if (gst == undefined || gst == "") {
                    gst = 0;
                } else {
                    gst = parseFloat($('#revised_gst').val());
                }
                if (cess == undefined || cess == "") {
                    cess = 0;
                } else {
                    cess = parseFloat($('#revised_cess').val());
                }
            }

            if (!isNaN(selling_price_tax) && selling_price_tax != undefined && selling_price_tax != "") {
                let gstpercentage = gst / 100;
                let cesspercentage = cess / 100;


                let $selling_price = parseFloat(selling_price_tax) / (1 + gstpercentage + cesspercentage);


                if (!isNaN($selling_price)) {
                    $('#selling_price').val($selling_price.toFixed(2));
                } else {
                    $('#selling_price').val("");
                }
            }
        });

        $('#purchase_price_tax').on('keyup', function() {
            let purchase_price_tax = $('#purchase_price_tax').val();
            let gst = $('#gst').val();
            if (gst == undefined || gst == "") {
                gst = 0;
            } else {
                gst = parseFloat($('#gst').val());
            }

            let cess = $('#cess').val();
            if (cess == undefined || cess == "") {
                cess = 0;
            } else {
                cess = parseFloat($('#cess').val());
            }
            if (($('#revised_gst').val() != "" && $('#revised_gst').val() != undefined) || ($(
                    '#revised_cess').val() != "" && $('#revised_cess').val() != undefined)) {
                gst = $('#revised_gst').val();
                cess = $('#revised_cess').val();
                if (gst == undefined || gst == "") {
                    gst = 0;
                } else {
                    gst = parseFloat($('#revised_gst').val());
                }
                if (cess == undefined || cess == "") {
                    cess = 0;
                } else {
                    cess = parseFloat($('#revised_cess').val());
                }
            }

            if (!isNaN(purchase_price_tax) && purchase_price_tax != undefined && purchase_price_tax != "") {
                let gstpercentage = gst / 100;
                let cesspercentage = cess / 100;


                let purchase_price = parseFloat(purchase_price_tax) / (1 + gstpercentage + cesspercentage);


                if (!isNaN(purchase_price)) {
                    $('#purchase_price').val(purchase_price.toFixed(2));
                } else {
                    $('#purchase_price').val("");
                }
            }
        });
        $('#unit').select2({
            placeholder: 'Choose unit',
        });
        $('#status').select2({
            placeholder: 'Select status',
        })
        $('#gst-applicable').select2({
            placeholder: 'Select GST Applicable',
        })

        $('#type').select2({
            placeholder: 'Select Type',
        })


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

                    return {
                        results: results,
                        pagination: {
                            more: (params.page * data.per_page) < data.total
                        }
                    };
                },
                cache: true
            }
        });
        $('#stock-group').prop('tabindex', 3);
        $('#type').prop('tabindex', 4);
        $('#gst-applicable').prop('tabindex', 5);
        $('#status').prop('tabindex', 8);
        $('#unit').prop('tabindex', 11);


        $('#stock-item-form').validate({
            rules: {
                'item_code': {
                    required: true,
                },
                'name': {
                    required: true,
                },
                'unit_id': {
                    required: true,
                },
                'selling_price': {
                    required: true,
                },
                'purchase_price': {
                    required: true,
                },
                'mrp': {
                    required: true,
                },
                'unit_qty[]': {
                    required: true,

                },
                'stock_group_id': {
                    required: true,
                },

            },
            messages: {
                'item_code': {
                    required: "Please enter item code",
                },
                'name': {
                    required: "Please enter stock item name",
                },
                'unit_id': {
                    required: "Please select a unit",
                },
                'selling_price': {
                    required: "Please enter item selling price",
                },
                'purchase_price': {
                    required: "Please enter item purchase price",
                },
                'mrp': {
                    required: "Please enter item mrp",
                },
                'unit_qty[]': {
                    required: "Please enter unit quantity",
                }
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == 'success') {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.href =
                                        "{{ route('stock-items.index') }}";
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        response = JSON.parse(data.responseText);
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });



        let tabIndex = 16;
        $(document).on('click', '#addRow', function(e) {
            e.preventDefault();
            var rowCount = $('.extraRow').length + 1;
            var html = `<div class="row extraRow">
                            <div class="col-lg-3">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit</label>
                                    <select class="form-select alternative-unit2 mousetrap" name="alternative_unit_id[]" id="alternative_unit_id_2${rowCount}">
                                        <option value=""></option>
                                        @foreach ($units as $unit)
                                            <option value="{{ $unit->id }}">{{ $unit->symbol }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit Qty</label>
                                    <input class="form-control unit_qty mousetrap" type="number" placeholder="Enter unit qty" name="unit_qty[]" tabindex="${tabIndex+2}">
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit Selling Price</label>
                                    <input class="form-control unit_selling_price mousetrap" type="number" placeholder="Enter unit selling price" name="unit_selling_price[]" tabindex="${tabIndex+3}">
                                </div>
                            </div>
                            <div class="col-lg-3">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit Purchase Price</label>
                                    <input class="form-control unit_purchase_price mousetrap" type="number" placeholder="Enter unit purchase price" name="unit_purchase_price[]" tabindex="${tabIndex+4}">
                                </div>
                            </div>
                            <div class="col-md-1 d-flex justify-content-center align-items-center pt-4">
                                <button type="button" class="btn btn-danger btn-sm" id="removeRow"><i class="las la-minus"></i></button>
                            </div>
                        </div>`;
            $("#addUnitRow").append(html);
            $('#alternative_unit_id_2' + rowCount + '').select2({
                placeholder: 'Choose alternative unit',
            });
            $('#alternative_unit_id_2' + rowCount + '').prop('tabindex', tabIndex + 1);
            $('#addRow').prop('tabindex', tabIndex + 5);
            tabIndex = tabIndex + 4;
            $('#alternative_unit_id_2' + rowCount + '').focus().select();

        });

        $(document).on('click', '#removeRow', function(e) {
            e.preventDefault();
            $(this).closest('.extraRow').remove();
        });

        $(document).on('click', '#removeRowCheck', function(e) {
            e.preventDefault();
            var row = $(this).closest('.extraRow');
            let unit_id = row.find('.stock_item_unit_id').val();
            $.ajax({
                type: "post",
                url: "{{ route('stock-items.check.unit') }}",
                data: {
                    _token: "{{ csrf_token() }}",
                    id: unit_id
                },
                success: function(response) {
                    if (response.status == true) {
                        row.remove();
                    } else {
                        Swal.fire({
                            title: 'Error!',
                            text: response.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }

                }
            });

        });



        tabIndex = 1005;
        $(document).on('click', '#addRow3', function(e) {
            e.preventDefault();
            var rowCount = $('.extraRow3').length + 1;
            if (rowCount == "" || rowCount == undefined) {
                rowCount = 1;
            } else {
                rowCount = parseInt(rowCount) + parseInt(1);
            }
            var html = `<div class="row extraRow3" id="${rowCount}">
                            <div class="col-lg-3">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Stock Location</label>
                                    <select class="form-select stock-location2 mousetrap" id="stock-location2_${rowCount}"
                                        name="stock_location_id[]">
                                        <option value=""></option>
                                        @foreach ($stockLocations as $stockLocation)
                                            <option value="{{ $stockLocation->id }}">{{ $stockLocation->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Unit</label>
                                    <select class="form-select opening-stock-unit2 mousetrap" id="opening-stock-unit2_${rowCount}"
                                        name="opening_stock_unit[]">
                                        <option value=""></option>
                                        @foreach ($units as $unit)
                                            <option value="{{ $unit->id }}">{{ $unit->symbol }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Opening Stock</label>
                                    <input type="number" class="form-control opening_stock mousetrap" name="opening_stock[]"
                                        id="opening_stock_${rowCount}" value="" placeholder="Enter opening stock" tabindex="${tabIndex + 2}">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Rate</label>
                                    <input type="number" class="form-control opening_rate mousetrap" name="opening_rate[]"
                                        id="opening_rate_${rowCount}" value="" placeholder="Enter opening rate" tabindex="${tabIndex + 3}">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Value</label>
                                    <input type="number" class="form-control opening_value mousetrap" name="value[]"
                                        id="opening_value_${rowCount}" value="" placeholder="Enter value" tabindex="${tabIndex + 4}">
                                </div>
                            </div>
                        <div class="col-md-1 d-flex justify-content-center align-items-center pt-4">
                            <button type="button" class="btn btn-danger btn-sm" id="removeRow3"><i class="las la-minus"></i></button>
                        </div>
                    </div>`;
            $("#addOpeningStockRow").append(html);
            $('#opening-stock-unit2_' + rowCount + '').select2({
                placeholder: 'Choose Unit',
            });
            $('#stock-location2_' + rowCount + '').select2({
                placeholder: 'Choose location',
            });
            $('#stock-location2_' + rowCount).prop('tabindex', tabIndex);
            $('#opening-stock-unit2_' + rowCount).prop('tabindex', tabIndex + 1);
            $('#stock-location2_' + rowCount).focus().select();
            $('#addRow3').prop('tabindex', tabIndex + 5);
            tabIndex = tabIndex + 5;

        });
        $('#stock-location_1').prop('tabindex', 1000);
        $('#opening-stock-unit_1').prop('tabindex', 1001);



        function fetchItemData(id) {
            var prd = $('#manu_item_' + id).val();
            if (prd != "") {
                $.ajax({
                    url: "{{ route('fetch-stock-item') }}",
                    type: "POST",
                    data: {
                        _token: "{{ csrf_token() }}",
                        "prd": prd,
                    },
                    success: function(data) {
                        $('#manu_unit_' + id).html(data.options);
                    },
                    error: function(xhr) {
                        alert("Something went wrong. Please try again");
                    }
                });
            } else {
                alert("Something went wrong. Please try again");
            }
        };

        $(document).on('keyup', '.opening_stock', function(e) {
            e.preventDefault();
            let qty = $(this).val();
            let rowId = $(this).closest('.extraRow3').attr('id');
            let value = $('#opening_value_' + rowId).val();
            let rate = value / qty;
            $('#opening_rate_' + rowId).val(rate.toFixed(3));
        });

        $(document).on('keyup', '.opening_rate', function(e) {
            e.preventDefault();
            let rate = $(this).val();
            let rowId = $(this).closest('.extraRow3').attr('id');
            let qty = $('#opening_stock_' + rowId).val();
            let value = rate * qty;
            $('#opening_value_' + rowId).val(value.toFixed(3));
        });

        $(document).on('keyup', '.opening_value', function(e) {
            e.preventDefault();
            let value = $(this).val();
            let rowId = $(this).closest('.extraRow3').attr('id');
            let qty = $('#opening_stock_' + rowId).val();
            let rate = value / qty;
            $('#opening_rate_' + rowId).val(rate.toFixed(3));
        });



        $(document).on('click', '#removeRow3', function(e) {
            e.preventDefault();
            $(this).closest('.extraRow3').remove();
        });


        $(document).on('keydown',
            '.item_code, .stock_item_name, #cess, #gst, #stock_critical_level, #stock_warning_level,#selling_price, #selling_price_tax, #purchase_price, #purchase_price_tax, #mrp, .unit_qty, .unit_selling_price, .unit_purchase_price, .opening_stock, .opening_rate, .opening_value',
            function(e) {
                var key = e.which;
                if (key == 13) // the enter key code
                {
                    e.preventDefault();
                    var tabindex = $(this).attr('tabindex');
                    if (tabindex == undefined || isNaN(tabindex)) {
                        return;
                    }
                    var nextindex = parseInt(tabindex) + 1;

                    var currentScroll = $(window).scrollTop();
                    $("[tabindex='" + nextindex + "']").focus().select();
                    $(window).scrollTop(currentScroll);
                }
            });

        $(document).on('select2:select',
            '#stock-group, #type, #gst-applicable, #status, #unit, .alternative-unit2, .stock-location, .stock-location2, .opening-stock-unit2, .opening-stock-unit',
            function(e) {
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                var currentScroll = $(window).scrollTop();
                $("[tabindex='" + nextindex + "']").focus().select();
                $(window).scrollTop(currentScroll);
            });

        $(document).on('select2:close',
            '#stock-group, #type, #gst-applicable, #status, #unit, .alternative-unit2, .stock-location, .stock-location2, .opening-stock-unit2, .opening-stock-unit',
            function(e) {
                var tabindex = $(this).attr('tabindex');
                var nextindex = parseInt(tabindex) + 1;
                var currentScroll = $(window).scrollTop();
                $("[tabindex='" + nextindex + "']").focus().select();
                $(window).scrollTop(currentScroll);
            });

        $(document).on('select2:open',
            '#stock-group, #type, #gst-applicable, #status, #unit, .alternative-unit2, .stock-location, .stock-location2, .opening-stock-unit2, .opening-stock-unit',
            function(e) {
                var currentScroll = $(window).scrollTop();
                $('.select2-search__field').focus().select();
                $(window).scrollTop(currentScroll);
            });

        $(document).on('click', '#addMrpRow', function(e) {
            e.preventDefault();
            var html = `<div class="mrp_row mt-2" style="display: flex; margin-bottom:10px;">
                                                <div class="input-group">
                                                    <input type="date" class="form-control" name="mrp_effective_date[]" required>
                                                    <input type="number" class="form-control" name="item_mrp[]" placeholder="Enter MRP" step="0.01" required>
                                                </div>
                                                <button type="button" class="btn btn-danger remove-mrp-row"
                                                    style="float:right; margin-left:10px;">-</button>
                                            </div>`;
            $("#mrpRows").append(html);
        });

        $(document).on('click', '.remove-mrp-row', function(e) {
            e.preventDefault();
            $(this).closest('.mrp_row').remove();
        });
    </script>
@endsection