@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://cdn.jsdelivr.net/npm/filepond-plugin-image-preview@4.6.12/dist/filepond-plugin-image-preview.min.css">
    <link href="
    https://cdn.jsdelivr.net/npm/filepond@4.30.6/dist/filepond.min.css
    " rel="stylesheet">
    <style>
        .error {
            color: red;
        }
         .select2-container *:focus {
            outline: solid 2px #405189 !important;
        }

        input:focus {
            outline: solid 2px #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">
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->item_code == 1))
                                    <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" name="item_code"
                                                value="{{ isset($stockItem) ? $stockItem->item_code : ($newCode != null ? $newCode : '') }}"
                                                placeholder="Enter item code" required autofocus>
                                        </div>
                                    </div>
                                @else
                                    <input type="hidden" class="form-control" name="item_code"
                                        value="{{ isset($stockItem) ? $stockItem->item_code : ($newCode != null ? $newCode : '') }}"
                                        placeholder="Enter item code" required>
                                @endif
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="nameInput" class="form-label">Name</label>
                                    </div>
                                    <div class="col-lg-9">
                                        @if (!isset($stockItem))
                                            <a data-bs-toggle="modal" data-bs-target="#generateItemNameModal"
                                                class="btn btn-soft-primary waves-effect waves-light"><i
                                                    class="las la-info"></i></a>
                                        @endif
                                        <input type="text" class="form-control" name="name" id="name"
                                            value="{{ isset($stockItem) ? $stockItem->name : '' }}"
                                            placeholder="Enter stock item name" required>
                                    </div>
                                </div>
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->image == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="nameInput" class="form-label">Image</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="file" class="form-control file-pond" name="image">
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->additional_image == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="nameInput" class="form-label">Additional Imagess</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="file" class="form-control additional-images"
                                                name="additional_images[]" multiple data-max-file-size="3MB">
                                        </div>
                                    </div>
                                @endif
                                <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" id="stock-group" name="stock_group_id" required>
                                            <option value="">Select stock group</option>
                                            @if (isset($stockItem) && $stockItem->stockGroup)
                                                <option value="{{ $stockItem->stockGroup->id }}" selected>
                                                    {{ $stockItem->stockGroup->name }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->collection == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label class="form-label">Item Collection</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" id="item-collection" name="item_collection_id">
                                                <option value="">Select Item Collection</option>
                                                @if (isset($stockItem) && $stockItem->itemCollection)
                                                    <option value="{{ $stockItem->itemCollection->id }}" selected>
                                                        {{ $stockItem->itemCollection->name }}</option>
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->hsn_code == 1))
                                    <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>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->weight == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="nameInput" class="form-label">Weight</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="weight"
                                                value="{{ isset($stockItem) ? $stockItem->weight : '' }}"
                                                placeholder="Enter weight Details">
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->type == 1))
                                    <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" 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>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->barcode == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label class="form-label">Barcode</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="barcode"
                                                value="{{ isset($stockItem) ? $stockItem->barcode : '' }}"
                                                placeholder="Enter Barcode">
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->internal_barcode == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label class="form-label">Internal Barcode</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="internal_barcode"
                                                value="{{ isset($stockItem) ? $stockItem->internal_barcode : $internal_barcode }}"
                                                placeholder="Enter Internal Barcode" id="internal-barcode">
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                    <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" 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 / 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 : 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 ?? $stockItem->gst : '' }}">
                                                <input type="number" class="form-control" name="cess" id="cess"
                                                    value="{{ isset($stockItem) ? $stockItemGsts->where('is_default', 1)->first()->cess ?? $stockItem->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 for="nameInput" class="form-label">GST%</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="number" class="form-control" name="gst" id="gst"
                                                value="{{ isset($stockItem) ? $stockItem->gst : '' }}"
                                                placeholder="Enter GST%"
                                                {{ isset($masterSettings) && $masterSettings->gst_required == 1 ? 'required' : '' }}>
                                        </div>
                                    </div> --}}
                                @endif
                                {{-- @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->cess == 1))
                                    <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" name="cess" id="cess"
                                                value="{{ isset($stockItem) ? $stockItem->cess : '' }}"
                                                placeholder="Enter CESS%">
                                        </div>
                                    </div>
                                @endif --}}
                                <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" 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>
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->description == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="nameInput" class="form-label">Description</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <textarea class="form-control" name="description" rows="3" placeholder="Enter description">{{ isset($stockItem) ? $stockItem->description : '' }}</textarea>
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->stock_warning_level == 1))
                                    <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" name="stock_warning_level"
                                                value="{{ isset($stockItem) ? $stockItem->stock_warning_level : '' }}"
                                                placeholder="Enter Stock warning level">
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->stock_critical_level == 1))
                                    <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" name="stock_critical_level"
                                                value="{{ isset($stockItem) ? $stockItem->stock_critical_level : '' }}"
                                                placeholder="Enter Stock critical level">
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->category == 1))
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="nameInput" class="form-label">Stock Category</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" id="stock-category" name="stock_category[]"
                                                multiple>
                                                @foreach ($stockCategories as $stockCategory)
                                                    <option value="{{ $stockCategory->id }}"
                                                        {{ isset($stockItem) ? (in_array($stockCategory->id, $stockItem->stockItemCategories?->pluck('stock_category_id')->toArray() ?? []) ? 'selected' : '') : '' }}>
                                                        {{ $stockCategory->name }}</option>
                                                @endforeach
                                            </select>

                                        </div>
                                    </div>
                                @endif
                                @if(Auth::user()->company_profile->use_rack == 1)
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="nameInput" class="form-label">Rack</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" id="racks" name="racks[]" multiple>
                                                <option value="">Select Rack</option>
                                                @foreach ($racks as $rack)
                                                    <option value="{{ $rack->id }}"
                                                        {{ isset($stockItem) ? (in_array($rack->id, $stockItem->stockItemRacks?->pluck('rack_id')->toArray() ?? []) ? 'selected' : '') : '' }}>
                                                        {{ $rack->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                @endif
                                @if (Auth::user()->company_profile->transfer_business_key != null)
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="branch" class="form-label">Is Transfer</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select name="is_transfer" id="is_transfer" class="form-select">
                                                <option value="1"
                                                    @isset($stockItem) @if ($stockItem->is_transfer) selected @endif @endisset>
                                                    Yes</option>
                                                <option value="0"
                                                    @isset($stockItem) @if (!$stockItem->is_transfer) selected @endif @endisset>
                                                    No</option>
                                            </select>
                                        </div>
                                    </div>
                                @endif
                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->margin == 1))
                                    <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="item_margin"
                                                id="item_margin"
                                                value="{{ isset($stockItem) ? $stockItem->margin : '' }}"
                                                placeholder="Enter Margin%">
                                        </div>
                                    </div>
                                @endif
                                @if ($masterSettings->mrp_required == 1)
                                    <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 : 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 ?? $stockItem->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>
                                @endif

                            </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>
                                @if (Auth::user()->company_profile->use_default_unit == 1)
                                    <div class="col-md-3">Default Unit
                                        <select class="form-select" id="defaultUnit" name="defaultUnit"
                                            onchange="checkDefaultUnitExists()">
                                            <option value="">Select Default Unit</option>
                                            @foreach ($units as $unit)
                                                <option value="{{ $unit->id }}"
                                                    {{ isset($stockItem) ? ($stockItem->default_unit_id == $unit->id ? 'selected' : '') : '' }}>
                                                    {{ $unit->symbol }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endif
                            </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" 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" 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
                                                    @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))(Excl
                                                        Tax) @endif
                                                </label>
                                                <input type="number" class="form-control" name="selling_price"
                                                    id="selling_price"
                                                    value="{{ isset($stockItem) ? $stockItem->baseStockItemUnit->unit_selling_price : '' }}"
                                                    placeholder="Enter selling price" required>
                                            </div>
                                        </div>
                                        @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                            <div class="col-lg-2">
                                                <div class="mb-3">
                                                    <label class="form-label" for="product-title-input">
                                                        @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                                            Selling Price(Incl
                                                            Tax) @endif
                                                    </label>
                                                    <input type="number" class="form-control " id="selling_price_tax"
                                                        placeholder="Enter selling price (Incl Tax)">
                                                </div>
                                            </div>
                                        @endif
                                        <div class="col-lg-2">
                                            <div class="mb-3">
                                                <label class="form-label" for="product-title-input">Purchase Price
                                                    @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))(Excl
                                                        Tax) @endif
                                                </label>
                                                <input type="number" class="form-control" name="purchase_price"
                                                    id="purchase_price"
                                                    value="{{ isset($stockItem) ? $stockItem->baseStockItemUnit->unit_purchase_price : '' }}"
                                                    placeholder="Enter purchase price" required>
                                            </div>
                                        </div>
                                        @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                            <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 " id="purchase_price_tax"
                                                        placeholder="Enter purchase price (Incl Tax)">
                                                </div>
                                            </div>
                                        @endif
                                        {{-- <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" name="mrp" id="mrp"
                                                    value="{{ isset($stockItem) ? $stockItem->mrp : '' }}"
                                                    placeholder="Enter MRP" required>
                                            </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" data-id="{{ $key + 1 }}">
                                                <div class="col-lg-2">
                                                    <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" class="form-control alternative-unit-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-1">
                                                    <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 alternative-unit-qty" type="number"
                                                                value="{{ $stockItemUnit->unit_qty }}"
                                                                placeholder="Enter unit qty" name="unit_qty[]" required>
                                                        @endif
                                                    </div>
                                                </div>
                                                <div class="col-lg-2">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Alternative
                                                            Unit Selling
                                                            Price @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                                                (Excl Tax)
                                                            @endif
                                                        </label>
                                                        <input class="form-control alt-unit-selling-price" type="number"
                                                            value="{{ $stockItemUnit->unit_selling_price }}"
                                                            placeholder="Enter unit selling price" name="unit_selling_price[]"
                                                            id="alt_unit_selling_price_excl_{{ $key + 1 }}"
                                                            data-id="{{ $key + 1 }}">
                                                    </div>
                                                </div>
                                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                                    <div class="col-lg-2">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Alternative
                                                                Unit Selling
                                                                Price(Incl Tax)
                                                            </label>
                                                            <input class="form-control alt-unit-selling-price-incl"
                                                                type="number" value=""
                                                                placeholder="Enter unit selling price (Incl Tax)"
                                                                name="unit_selling_price_incl[]"
                                                                id="alt_unit_selling_price_incl_{{ $key + 1 }}"
                                                                data-id="{{ $key + 1 }}">
                                                        </div>
                                                    </div>
                                                @endif
                                                <div class="col-lg-2">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Alternative
                                                            Unit Purchase
                                                            Price @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                                                (Excl Tax)
                                                            @endif
                                                        </label>
                                                        <input class="form-control alt-unit-purchase-price" type="number"
                                                            value="{{ $stockItemUnit->unit_purchase_price }}"
                                                            placeholder="Enter unit purchase price"
                                                            name="unit_purchase_price[]"
                                                            id="alt_unit_purchase_price_excl_{{ $key + 1 }}"
                                                            data-id="{{ $key + 1 }}">
                                                    </div>
                                                </div>
                                                @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                                    <div class="col-lg-2">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Alternative
                                                                Unit Purchase
                                                                Price (Incl Tax)
                                                            </label>
                                                            <input class="form-control alt-unit-purchase-price-incl"
                                                                type="number" value=""
                                                                placeholder="Enter unit purchase price"
                                                                name="unit_purchase_price_incl[]"
                                                                id="alt_unit_purchase_price_incl_{{ $key + 1 }}"
                                                                data-id="{{ $key + 1 }}">
                                                        </div>
                                                    </div>
                                                @endif
                                                <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;">+Add</button>
                            </div>
                        </div>
                    </div>
                    @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->opening_stock == 1))
                        <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 }}">
                                                        <input type="hidden" name="row_id[]" value="{{ $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">
                                                                @if (Auth::user()->company_profile->use_rack == 1)
                                                                    @php
                                                                        $racks = collect();
                                                                        $itemRacks = $stockItemLocation->rackItems;
                                                                        foreach ($itemRacks as $itemRack) {
                                                                            $racks->push([
                                                                                'rack_name' => $itemRack->rack->name,
                                                                                'rack_id' => $itemRack->rack_id,
                                                                                'rack_qty' => $itemRack->quantity,
                                                                            ]);
                                                                        }
                                                                    @endphp
                                                                    <input type="hidden" name="item_racks[]"
                                                                        value="{{ json_encode($racks) }}"
                                                                        id="item_racks_{{ $key + 1 }}">
                                                                @endif
                                                            </div>
                                                        </div>
                                                        @if (Auth::user()->company_profile->enable_batch == 1)
                                                            <div
                                                                class="col-lg-1 d-flex justify-content-center align-items-center">
                                                                <button type="button" class="btn btn-soft-primary"
                                                                    class="batch-modal"
                                                                    onclick="batchModal({{ $key + 1 }})">
                                                                    <i class="ri-file-add-line"></i></button>
                                                                <input type="hidden" name="item_batch[]"
                                                                    id="item_batch_{{ $key + 1 }}"
                                                                    value="{{ $stockItemLocation->batch_id }}"
                                                                    data-name="{{ $stockItemLocation->batch?->name }}">
                                                                <input type="hidden" name="expiry[]"
                                                                    id="expiry_{{ $key + 1 }}"
                                                                    value="{{ $stockItemLocation->expiry_date }}">
                                                                <input type="hidden" name="batch_mrp[]"
                                                                    id="batch_mrp_{{ $key + 1 }}"
                                                                    value="{{ $stockItemLocation->batch_mrp }}">
                                                                <input type="hidden" name="batch_selling_price[]"
                                                                    id="batch_selling_price_{{ $key + 1 }}"
                                                                    value="{{ $stockItemLocation->batch_price }}">
                                                                <input type="hidden" name="margin[]"
                                                                    id="margin_{{ $key + 1 }}"
                                                                    value="{{ $stockItemLocation->batch_margin }}">
                                                                <input type="hidden" name="batch_discount[]"
                                                                    id="batch_discount_{{ $key + 1 }}"
                                                                    value="{{ $stockItemLocation->batch_discount }}">
                                                            </div>
                                                        @endif
                                                        @if (Auth::user()->company_profile->use_serial == 1)
                                                            <div
                                                                class="col-lg-1 d-flex justify-content-center align-items-center">
                                                                <button type="button" class="btn btn-sm btn-primary"
                                                                    onClick="openSerialModal({{ $key + 1 }})"><i
                                                                        class="las la-barcode"></i></button>
                                                            </div>
                                                        @endif
                                                        <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-1">
                                                            <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
                                                        @if (Auth::user()->company_profile->item_cost_allocation == 1)
                                                            <div
                                                                class="col-lg-1 d-flex justify-content-center align-items-center pt-2">
                                                                <a href="/admin/opening-stock-cost-allocation/{{ $stockItem->id }}/{{ $stockItemLocation->id }}"
                                                                    class="btn btn-sm btn-primary">Cost Allocation</a>
                                                            </div>
                                                        @endif
                                                    </div>
                                                @endforeach
                                            @else
                                                <div class="row extraRow3" id="1">
                                                    <input type="hidden" name="row_id[]" value="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"
                                                                id="opening_stock_1" name="opening_stock[]" value=""
                                                                placeholder="Enter opening stock">
                                                            <input type="hidden" name="item_racks[]" id="item_racks_1">
                                                        </div>
                                                    </div>
                                                    @if (Auth::user()->company_profile->enable_batch == 1)
                                                        <div class="col-lg-1 d-flex justify-content-center align-items-center">
                                                            <button type="button" class="btn btn-soft-primary"
                                                                class="batch-modal" onclick="batchModal(1)">
                                                                <i class="ri-file-add-line"></i></button>
                                                            <input type="hidden" name="item_batch[]" id="item_batch_1">
                                                            <input type="hidden" name="expiry[]" id="expiry_1">
                                                            <input type="hidden" name="batch_mrp[]" id="batch_mrp_1">
                                                            <input type="hidden" name="batch_selling_price[]"
                                                                id="batch_selling_price_1">
                                                            <input type="hidden" name="margin[]" id="margin_1">
                                                            <input type="hidden" name="batch_discount[]"
                                                                id="batch_discount_1">
                                                        </div>
                                                    @endif
                                                    @if (Auth::user()->company_profile->use_serial == 1)
                                                        <div class="col-lg-1 d-flex justify-content-center align-items-center">
                                                            <button type="button" class="btn btn-sm btn-primary"
                                                                onClick="openSerialModal(1)"><i
                                                                    class="las la-barcode"></i></button>
                                                        </div>
                                                    @endif
                                                    <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_1" name="opening_rate[]" value=""
                                                                placeholder="Enter opening rate">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-1">
                                                        <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_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">
                                                <input type="hidden" name="row_id[]" value="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"
                                                            id="opening_stock_1" name="opening_stock[]" value=""
                                                            placeholder="Enter opening stock">
                                                        <input type="hidden" name="item_racks[]" id="item_racks_1">
                                                    </div>
                                                </div>
                                                @if (Auth::user()->company_profile->enable_batch == 1)
                                                    <div class="col-lg-1 d-flex justify-content-center align-items-center">
                                                        <button type="button" class="btn btn-soft-primary"
                                                            class="batch-modal" onclick="batchModal(1)">
                                                            <i class="ri-file-add-line"></i></button>
                                                        <input type="hidden" name="item_batch[]" id="item_batch_1">
                                                        <input type="hidden" name="expiry[]" id="expiry_1">
                                                        <input type="hidden" name="batch_mrp[]" id="batch_mrp_1">
                                                        <input type="hidden" name="batch_selling_price[]"
                                                            id="batch_selling_price_1">
                                                        <input type="hidden" name="margin[]" id="margin_1">
                                                        <input type="hidden" name="batch_discount[]" id="batch_discount_1">
                                                    </div>
                                                @endif
                                                @if (Auth::user()->company_profile->use_serial == 1)
                                                    <div class="col-lg-1 d-flex justify-content-center align-items-center">
                                                        <button type="button" class="btn btn-sm btn-primary"
                                                            onClick="openSerialModal(1)"><i
                                                                class="las la-barcode"></i></button>
                                                    </div>
                                                @endif
                                                <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_1" name="opening_rate[]" value=""
                                                            placeholder="Enter opening rate">
                                                    </div>
                                                </div>
                                                <div class="col-lg-1">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Value</label>
                                                        <input type="number" class="form-control opening_value"
                                                            name="value[]" id="opening_value_1" 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>
                                        @endisset
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Variant Locations  Start-- --}}
                        <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">
                                        Stock Location Details (Variants)
                                    </h5>

                                </div>
                                <div class="card-body">
                                    <div id="addOpeningStockRow">
                                        @isset($stockItem)
                                            @foreach ($stockItem->stockItemLocations->where('variant_item', '1') 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="">
                                                                <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="">
                                                                <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"
                                                                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"
                                                                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"
                                                                value="{{ $stockItemLocation->value }}"
                                                                placeholder="Enter value">
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endisset
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Varaiant Stok Locations End --}}
                    @endif
                    @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->opening_stock == 1))
                        {{-- @can('view manufacturing consumption')
                            <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">
                                            Manufacturing Consumption
                                        </h5>
                                        <div class="col-md-3">
                                            <select class="form-select" id="manufacturingMainUnit"
                                                name="manufacturing_main_unit" onchange="checkManufacturingMainUnitExists()">
                                                <option value="">Select Main Unit</option>
                                                @foreach ($units as $unit)
                                                    <option value="{{ $unit->id }}"
                                                        {{ isset($stockItem) ? ($stockItem->manufacturing_unit_id == $unit->id ? 'selected' : '') : '' }}>
                                                        {{ $unit->symbol }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div id="addStockProductionRow">
                                            @isset($stockItem)
                                                @if ($stockItem->stockItemManufacturers->count() > 0)
                                                    @foreach ($stockItem->stockItemManufacturers as $key => $stockItemManufacturer)
                                                        @if ($key == 0)
                                                            <div class="row extraRow4">
                                                                <div class="col-lg-3">
                                                                    <div class="mb-3">
                                                                        <label class="form-label"
                                                                            for="product-title-input">Item</label>
                                                                        <select class="form-select manufacturing-item"
                                                                            id="manu_item_{{ $key + 1 }}"
                                                                            onchange="fetchItemData({{ $key + 1 }})"
                                                                            name="manufacturing_item[]">
                                                                            <option value=""></option>
                                                                            @isset($stockItemManufacturer)
                                                                                <option
                                                                                    value="{{ $stockItemManufacturer->manufacturing_item_id }}"
                                                                                    selected>
                                                                                    {{ $stockItemManufacturer->manufacturingItem->name }}
                                                                                </option>
                                                                            @endisset
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <div class="mb-3">
                                                                        <label class="form-label"
                                                                            for="product-title-input">Unit</label>
                                                                        <select class="form-select manufacturing-unit"
                                                                            id="manu_unit_{{ $key + 1 }}"
                                                                            name="manufacturing_unit[]">
                                                                            <option value=""></option>
                                                                            @isset($stockItemManufacturer)
                                                                                <option value="{{ $stockItemManufacturer->unit_id }}"
                                                                                    selected>
                                                                                    {{ $stockItemManufacturer->unit->symbol }}
                                                                                </option>
                                                                            @endisset
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <div class="mb-3">
                                                                        <label class="form-label"
                                                                            for="product-title-input">Quantity</label>
                                                                        <input class="form-control" type="number"
                                                                            value="{{ $stockItemManufacturer->quantity }}"
                                                                            placeholder="Enter quantity"
                                                                            name="manufacturing_qty[]">
                                                                    </div>
                                                                </div>
                                                                <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="removeRow4"><i class="las la-minus"></i></button>
                                                                </div>

                                                            </div>
                                                        @else
                                                            <div class="row extraRow4">
                                                                <div class="col-lg-3">
                                                                    <div class="mb-3">
                                                                        <label class="form-label"
                                                                            for="product-title-input">Item</label>
                                                                        <select class="form-select manufacturing-item"
                                                                            id="manu_item_{{ $key + 1 }}"
                                                                            onchange="fetchItemData({{ $key + 1 }})"
                                                                            name="manufacturing_item[]">
                                                                            <option value=""></option>
                                                                            @isset($stockItemManufacturer)
                                                                                <option
                                                                                    value="{{ $stockItemManufacturer->manufacturing_item_id }}"
                                                                                    selected>
                                                                                    {{ $stockItemManufacturer->manufacturingItem->name }}
                                                                                </option>
                                                                            @endisset
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <div class="mb-3">
                                                                        <label class="form-label"
                                                                            for="product-title-input">Unit</label>
                                                                        <select class="form-select manufacturing-unit"
                                                                            id="manu_unit_{{ $key + 1 }}"
                                                                            name="manufacturing_unit[]">
                                                                            <option value=""></option>
                                                                            @isset($stockItemManufacturer)
                                                                                <option value="{{ $stockItemManufacturer->unit_id }}"
                                                                                    selected>
                                                                                    {{ $stockItemManufacturer->unit->symbol }}
                                                                                </option>
                                                                            @endisset
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-3">
                                                                    <div class="mb-3">
                                                                        <label class="form-label"
                                                                            for="product-title-input">Quantity</label>
                                                                        <input class="form-control" type="number"
                                                                            value="{{ $stockItemManufacturer->quantity }}"
                                                                            placeholder="Enter quantity"
                                                                            name="manufacturing_qty[]">
                                                                    </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="removeRow4"><i class="las la-minus"></i></button>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    @endforeach
                                                @else
                                                    <div class="row">
                                                        <div class="col-lg-3">
                                                            <div class="mb-3">
                                                                <label class="form-label" for="product-title-input">Item</label>
                                                                <select class="form-select manufacturing-item" id="manu_item_1"
                                                                    onchange="fetchItemData(1)" name="manufacturing_item[]">
                                                                    <option value=""></option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mb-3">
                                                                <label class="form-label" for="product-title-input">Unit</label>
                                                                <select class="form-select manufacturing-unit" id="manu_unit_1"
                                                                    name="manufacturing_unit[]">
                                                                    <option value=""></option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-3">
                                                            <div class="mb-3">
                                                                <label class="form-label"
                                                                    for="product-title-input">Quantity</label>
                                                                <input class="form-control" type="number"
                                                                    placeholder="Enter quantity" name="manufacturing_qty[]">
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            @else
                                                <div class="row">
                                                    <div class="col-lg-3">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Item</label>
                                                            <select class="form-select manufacturing-item" id="manu_item_1"
                                                                onchange="fetchItemData(1)" name="manufacturing_item[]">
                                                                <option value=""></option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Unit</label>
                                                            <select class="form-select manufacturing-unit" id="manu_unit_1"
                                                                name="manufacturing_unit[]">
                                                                <option value=""></option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-3">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Quantity</label>
                                                            <input class="form-control" type="number"
                                                                placeholder="Enter quantity" name="manufacturing_qty[]">
                                                        </div>
                                                    </div>
                                                </div>
                                            @endisset
                                        </div>
                                        <div class="col-lg-1 d-flex justify-content-center align-items-center float-end pt-2">
                                            <button type="button" class="btn btn-primary btn-sm" id="addRow4"><i
                                                    class="las la-plus"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endcan --}}
                    @endcan
                    <div class="col-lg-12">
                        <div class="card p-3">
                            @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->price_slab == 1))
                                <div class="card-header d-flex align-items-center">
                                    <h5 class="card-title mb-0 flex-grow-1">
                                        Price Slab Details
                                    </h5>
                                </div>
                                <div class="card-body">
                                    <div id="addPriceSlabRow">
                                        @isset($stockItem)
                                            @if ($stockItem->stockItemPriceSlabs->count() > 0)
                                                @foreach ($stockItem->stockItemPriceSlabs as $key => $stockItemPriceSlab)
                                                    {{-- @if ($key == 0)
                                                        <div class="row extraRow2" id="price_slab_row_1">
                                                            <div class="col-lg-3">
                                                                <div class="mb-3">
                                                                    <input type="hidden"
                                                                        name="stock_item_price_slab_id[]"
                                                                        value="{{ $stockItemPriceSlab->id }}">
                                                                    <label class="form-label"
                                                                        for="product-title-input">Price
                                                                        Slab</label>
                                                                    <select class="form-select price-slab" id=""
                                                                        name="price_slab[]">
                                                                        <option value=""></option>
                                                                        @foreach ($priceSlabs as $priceSlab)
                                                                            <option value="{{ $priceSlab->id }}"
                                                                                {{ isset($stockItemPriceSlab) ? ($stockItemPriceSlab->price_slab_id == $priceSlab->id ? 'selected' : '') : '' }}>
                                                                                {{ $priceSlab->name }}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-3">
                                                                <div class="mb-3">
                                                                    <label class="form-label"
                                                                        for="product-title-input">Unit</label>
                                                                    <select class="form-select price-slab-unit"
                                                                        id="" name="price_slab_unit[]">
                                                                        <option value=""></option>
                                                                        @foreach ($units as $unit)
                                                                            <option value="{{ $unit->id }}"
                                                                                {{ isset($stockItemPriceSlab) ? ($stockItemPriceSlab->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">Selling
                                                                        Price (Excl Tax)</label>
                                                                    <input class="form-control price_slab_selling_price"
                                                                        type="number"
                                                                        value="{{ $stockItemPriceSlab->selling_price }}"
                                                                        placeholder="Enter selling price"
                                                                        name="price_slab_selling_price[]"
                                                                        data-id="{{ $key + 1 }}">
                                                                </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
                                                                        class="form-control price_slab_selling_price_tax"
                                                                        type="number"
                                                                        placeholder="Enter selling price (Incl Tax)"
                                                                        data-id="{{ $key + 1 }}">
                                                                </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="addRow2"><i class="las la-plus"></i></button>
                                                            </div>
                                                        </div>
                                                    @else --}}
                                                    <div class="row extraRow2" id="price_slab_row_{{ $key + 1 }}">
                                                        <div class="col-lg-3">
                                                            <div class="mb-3">
                                                                <label class="form-label" for="product-title-input">Price
                                                                    Slab</label>
                                                                <input type="hidden" name="stock_item_price_slab_id[]"
                                                                    value="{{ $stockItemPriceSlab->id }}">
                                                                @php
                                                                    $is_used = false;
                                                                    $orderItems = \App\Models\OrderItem::where([
                                                                        'business_key' => $stockItem->business_key,
                                                                        'price_slab_id' => $stockItemPriceSlab->id,
                                                                    ])->first();
                                                                    $avItems = \App\Models\AccountingVoucherItem::where(
                                                                        [
                                                                            'business_key' => $stockItem->business_key,
                                                                            'price_slab_id' => $stockItemPriceSlab->id,
                                                                        ],
                                                                    )->first();
                                                                    if ($avItems) {
                                                                        $is_used = true;
                                                                    }
                                                                    if ($orderItems) {
                                                                        $is_used = true;
                                                                    }
                                                                @endphp
                                                                <select class="form-select price-slab" id=""
                                                                    name="price_slab[]">
                                                                    <option value=""></option>
                                                                    @foreach ($priceSlabs as $priceSlab)
                                                                        <option value="{{ $priceSlab->id }}"
                                                                            {{ isset($stockItemPriceSlab) ? ($stockItemPriceSlab->price_slab_id == $priceSlab->id ? 'selected' : '') : '' }}>
                                                                            {{ $priceSlab->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 price-slab-unit"
                                                                    id="price_slab_unit_{{ $key + 1 }}"
                                                                    name="price_slab_unit[]">
                                                                    <option value=""></option>
                                                                    @foreach ($units as $unit)
                                                                        <option value="{{ $unit->id }}"
                                                                            {{ isset($stockItemPriceSlab) ? ($stockItemPriceSlab->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">Margin
                                                                    From Selling
                                                                    Price (Excl Tax)</label>
                                                                <input
                                                                    class="form-control price_slab_margin_from_selling_price"
                                                                    type="number"
                                                                    placeholder="Enter margin From Selling Price"
                                                                    name="price_slab_margin_from_selling_price[]"
                                                                    data-id="{{ $key + 1 }}">
                                                            </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 class="form-control price_slab_selling_price"
                                                                    type="number"
                                                                    value="{{ $stockItemPriceSlab->selling_price }}"
                                                                    placeholder="Enter selling price"
                                                                    name="price_slab_selling_price[]"
                                                                    data-id="{{ $key + 1 }}">
                                                            </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 class="form-control price_slab_selling_price_tax"
                                                                    type="number"
                                                                    placeholder="Enter selling price (Incl Tax)"
                                                                    data-id="{{ $key + 1 }}">
                                                            </div>
                                                        </div>
                                                        @if (!$is_used)
                                                            <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="removeRow2"><i class="las la-minus"></i></button>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    {{-- @endif --}}
                                                @endforeach
                                            @else
                                                <div class="row extraRow2" id="price_slab_row_1">
                                                    <div class="col-lg-3">
                                                        <div class="mb-3">
                                                            <label class="form-label" for="product-title-input">Price
                                                                Slab</label>
                                                            <select class="form-select price-slab" id=""
                                                                name="price_slab[]">
                                                                <option value=""></option>
                                                                @foreach ($priceSlabs as $priceSlab)
                                                                    <option value="{{ $priceSlab->id }}">
                                                                        {{ $priceSlab->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 price-slab-unit"
                                                                id="price_slab_unit_1" name="price_slab_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">Margin
                                                                From Selling
                                                                Price (Excl Tax)</label>
                                                            <input
                                                                class="form-control price_slab_margin_from_selling_price"
                                                                type="number"
                                                                placeholder="Enter margin From Selling Price"
                                                                name="price_slab_margin_from_selling_price[]"
                                                                data-id="1">
                                                        </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 class="form-control price_slab_selling_price"
                                                                type="number"
                                                                placeholder="Enter selling price (Excl Tax)"
                                                                name="price_slab_selling_price[]" data-id="1">
                                                        </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 class="form-control price_slab_selling_price_tax"
                                                                type="number"
                                                                placeholder="Enter selling price (Incl Tax)"
                                                                data-id="1">
                                                        </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="removeRow2"><i class="las la-minus"></i></button>
                                                    </div>
                                                </div>
                                            @endif
                                        @else
                                            <div class="row extraRow2" id="price_slab_row_1">
                                                <div class="col-lg-3">
                                                    <div class="mb-3">
                                                        <label class="form-label" for="product-title-input">Price
                                                            Slab</label>
                                                        <select class="form-select price-slab" id=""
                                                            name="price_slab[]">
                                                            <option value=""></option>
                                                            @foreach ($priceSlabs as $priceSlab)
                                                                <option value="{{ $priceSlab->id }}">
                                                                    {{ $priceSlab->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 price-slab-unit" id="price_slab_unit_1"
                                                            name="price_slab_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">Margin
                                                            From Selling
                                                            Price (Excl Tax)</label>
                                                        <input class="form-control price_slab_margin_from_selling_price"
                                                            type="number" placeholder="Enter margin From Selling Price"
                                                            name="price_slab_margin_from_selling_price[]" data-id="1">
                                                    </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 class="form-control price_slab_selling_price"
                                                            type="number" placeholder="Enter selling price (Excl Tax)"
                                                            name="price_slab_selling_price[]" data-id="1">
                                                    </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 class="form-control price_slab_selling_price_tax"
                                                            type="number" placeholder="Enter selling price (Incl Tax)"
                                                            data-id="1">
                                                    </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="removeRow2"><i class="las la-minus"></i></button>
                                                </div>
                                            </div>
                                        @endisset
                                    </div>
                            @endif
                            <div class="text-end">
                                <button type="button" class="btn btn-primary btn-sm" id="addRow2"
                                    style="margin-right: 20px;"><i class="las la-plus"></i></button>

                            </div>
                            <div class="text-end" style="margin-top: 50px;">
                                <button type="submit" class="btn btn-primary">
                                    @isset($stockItem)
                                        Update Stock Item
                                    @else
                                        Add Stock Item
                                    @endisset
                                </button>
                            </div>
                        </div>
                    </div>
            </div>
            </div>
        </form>
        {{-- Item Name Create --}}
        <div id="generateItemNameModal" class="modal fade zoomIn modal-lg" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                            id="btn-close"></button>
                    </div>
                    <div class="modal-body">
                        <form action="{{ route('generate-item-name') }}" method="POST" class="tablelist-form"
                            autocomplete="off" id="generateItemNameForm">
                            @csrf
                            <div class="row mb-2">
                                <div class="col-md-3">
                                    <label for="item_name">Stock Group</label>
                                </div>
                                <div class="col-md-9">
                                    <select class="form-control" name="main_group" id="main_group">
                                        @foreach ($stockGroups as $stockGroup)
                                            <option value="{{ $stockGroup->id }}">{{ $stockGroup->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row mb-2">
                                <div class="col-md-3">
                                    <label for="item_name">Item Collection</label>
                                </div>
                                <div class="col-md-9">
                                    <select class="form-control" name="modal_item_collection"
                                        id="modal_item_collection">
                                        <option value="">Select Item Collection</option>
                                    </select>
                                </div>
                            </div>

                            @foreach ($stock_category_groups as $key => $stock_category_group)
                                @php
                                    $key = $key + 1;
                                @endphp
                                <div class="row category-row mt-2 mr-1">
                                    <div class="row">
                                        <div class="col-md-3">
                                            {{ $stock_category_group->name }}
                                        </div>
                                        <div class="col-md-9">
                                            <select class="form-control category" name="category[]"
                                                id="category_{{ $key }}" data-id="{{ $key }}"
                                                data-stock_category_group_id="{{ $stock_category_group->id }}">
                                                <option value="">Select Category</option>
                                                {{-- @foreach ($stock_category_group->stockCategories as $category)
                                                        <option value="{{ $category->id }}">{{ $category->name }}</option>
                                                    @endforeach --}}
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            @endforeach

                            <div class="d-flex gap-2 justify-content-end mt-4 mb-2">
                                <button type="button" class="btn w-sm btn-light"
                                    data-bs-dismiss="modal">Close</button>
                                <button type="button" class="btn w-sm btn-primary" id="generateItemNameBtn">
                                    Generate Name</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <!-- Add Category Modal -->
        <div class="modal fade" id="addCategoryModal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Create Category</h5>
                        <button class="btn-close" type="button" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <form method="post" action="" id="addCategoryForm">
                        @csrf
                        <div class="modal-body">
                            <div class="row gx-3 mb-3">
                                <div class="col-md-12">
                                    <label class="small mb-1" for="batch">Category</label>
                                    <input type="hidden" name="stock_category_group_id"
                                        id="stock_category_group_id">
                                    <input class="form-control" name="addCategory" id="addCategory"
                                        type="text" placeholder="Enter Category" required />
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" type="button"
                                data-bs-dismiss="modal">Close</button>
                            <button class="btn text-white btn-primary" type="submit">Add</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- Add Collection Modal -->
        <div class="modal fade" id="addCollectionModal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Create Collection</h5>
                        <button class="btn-close" type="button" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <form method="post" action="" id="addCollectionForm">
                        @csrf
                        <div class="modal-body">
                            <div class="row gx-3 mb-3">
                                <div class="col-md-12">
                                    <label class="small mb-1" for="batch">Item Collection</label>
                                    <input class="form-control" name="addCollection" id="addCollection"
                                        type="text" placeholder="Enter Item Collection" required />
                                </div>
                            </div>
                            <div class="row gx-3 mb-3">
                                <div class="col-md-12">
                                    <label class="small mb-1" for="batch">Stock Group</label>
                                    <select class="form-control" name="stock_group_id"
                                        id="collection_stock_group">
                                        <option value="">Select stock group</option>
                                        @foreach ($stockGroups as $stock_group)
                                            <option value="{{ $stock_group->id }}">{{ $stock_group->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" type="button"
                                data-bs-dismiss="modal">Close</button>
                            <button class="btn text-white btn-primary" type="submit">Add</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Add Batch Modal -->
        <div class="modal fade" id="addBatchModal" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Create Batch</h5>
                        <button class="btn-close" type="button" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <form method="post" action="" id="addBatchForm">
                        @csrf
                        <div class="modal-body">
                            <div class="row gx-3 mb-3">
                                <div class="col-md-12">
                                    <label class="small mb-1" for="batch">Batch</label>
                                    <input class="form-control" name="addBatch" id="addBatch" type="text"
                                        placeholder="Enter Batch" required />
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-secondary" type="button"
                                data-bs-dismiss="modal">Close</button>
                            <button class="btn text-white btn-primary" type="submit">Add</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        {{-- Batch Modal --}}
        <div class="modal fade" id="batchModal" tabindex="-1" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header bg-light p-3">
                        {{-- <h5 class="modal-title" id="exampleModalLabel">Print</h5> --}}
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                            id="close-modal"></button>
                    </div>
                    <div class="modal-body">
                        <table class="table table-bordered">
                            <tr>
                                <input type="hidden" id="modal_id">
                                <th>Batch</th>
                                <td>
                                    <select class="form-control" id="modal_batch">
                                        <option value="">Select batch</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <th>Expiry Date</th>
                                <td>
                                    <input type="date" class="form-control" id="batch_expiry">
                                </td>
                            </tr>
                            <tr>
                                <th>Batch Mrp</th>
                                <td>
                                    <input type="number" class="form-control" id="batch_mrp">
                                </td>
                            </tr>
                            <tr>
                                <th>Margin</th>
                                <td>
                                    <input type="number" class="form-control" id="margin">
                                </td>
                            </tr>
                            <tr>
                                <th>Batch Selling Price</th>
                                <td>
                                    <input type="number" class="form-control" id="batch_price">
                                </td>
                            </tr>
                            <tr>
                                <th>Batch Discount %</th>
                                <td>
                                    <input type="number" class="form-control" id="batch_discount">
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button class="btn btn-primary" id="save-btn" type="button">Save</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</main>

<div class="modal fade" id="serialModal" 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">Serial Entry</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                    id="close-modal"></button>
            </div>
            <form action="" method="POST" class="tablelist-form" autocomplete="off">
                @csrf
                <input type="hidden" id="serialRowId" name="serialRowId">
                <div class="modal-body">
                    <table>
                        <thead>
                            <tr>
                                <th width="5%">SN</th>
                                <th width="90%">Serial</th>
                                <th width="5%"></th>
                            </tr>
                        </thead>
                        <tbody id="serialTableBody"></tbody>
                    </table>
                    <button class="btn btn-primary"
                        style="margin-top: 10px; margin-bottom: 10px; margin-left: 10px;" type="button"
                        id="addSerialRowBtn" onclick="addSerialRow()">Add Row</button>
                </div>
                <div class="modal-footer">
                    <div class="hstack gap-2 justify-content-end">
                        <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="saveSerial">Save</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{{-- Rack Modal --}}
<div class="modal fade" id="rackModal" tabindex="-1" 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">Rack Entry</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                    id="close-modal"></button>
            </div>
            <div class="modal-body">
                <input type="hidden" name="modal_rack_row_id" id="modal_rack_row_id">
                <div id="modal-rack-body">
                </div>
            </div>
            <div class="modal-footer">
                <div class="hstack gap-2 justify-content-end">
                    <button type="button" class="btn btn-primary" id="add-modal-rack">Add</button>
                    <button type="button" class="btn btn-primary" id="save-modal-rack">Save</button>
                </div>
            </div>
        </div>
    </div>
</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="{{ 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://cdn.jsdelivr.net/npm/filepond@4.30.6/dist/filepond.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-filepond@1.0.0/filepond.jquery.min.js"></script>
<script
    src="https://cdn.jsdelivr.net/npm/filepond-plugin-image-preview@4.6.12/dist/filepond-plugin-image-preview.min.js">
</script>
<script
    src="https://cdn.jsdelivr.net/npm/filepond-plugin-image-exif-orientation@1.0.11/dist/filepond-plugin-image-exif-orientation.min.js">
</script>
<script
    src="https://cdn.jsdelivr.net/npm/filepond-plugin-file-validate-size@2.2.8/dist/filepond-plugin-file-validate-size.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/filepond-plugin-file-encode@2.1.14/dist/filepond-plugin-file-encode.min.js">
</script>
<script
    src="https://cdn.jsdelivr.net/npm/filepond-plugin-file-validate-type@1.2.9/dist/filepond-plugin-file-validate-type.min.js"
    integrity="sha256-iNzotay9f+s57lx/JEVaRWbOsGGXZlPPZlSQ34OHx+A=" crossorigin="anonymous"></script>
<script>
    let selectedCategoryId;
    @isset($stockItem)
        let serialData = @json($serialData);
    @else
        let serialData = {};
    @endisset
    let serialTabIndex = 1000;
    $(document).ready(function() {
        calcTaxPrice();
        calculatePiceslabTax();
        calclutateAlternativeTax();
        calculatePriceSlabMargin();
    });
    FilePond.registerPlugin(
        // encodes the file as base64 data
        FilePondPluginFileEncode,

        // validates the size of the file
        FilePondPluginFileValidateSize,

        // corrects mobile image orientation
        FilePondPluginImageExifOrientation,

        // previews dropped images
        FilePondPluginImagePreview,
        FilePondPluginFileValidateType,
    );
    $('.additional-images').filepond({
        credits: false,
        @if (isset($stockItem) && $stockItem->hasMedia('additional_images'))
            files: [
                @foreach ($stockItem->getMedia('additional_images') as $image)
                    {
                        source: "{{ $image->getUrl() }}"
                    },
                @endforeach
            ],
        @endif
    });


    $('.file-pond').filepond({
        // acceptedFileTypes: ['image/jpeg', 'image/png', 'image/webp', 'image/gif', 'image/avif', 'image/jpg'],
        acceptedFileTypes: ['image/*'],
        allowImagePreview: true,
        allowMultiple: false,
        maxFiles: 1,
        @if (isset($stockItem) && $stockItem->hasMedia('image'))
            files: [{
                source: "{{ $stockItem->getFirstMediaUrl('image') }}"
            }, ],
        @else
            files: [{
                source: "{{ URL::asset('images/default.png') }}"
            }, ],
        @endif
    });
    $('.alternative-unit').select2({
        placeholder: 'Choose alternative unit',
    });
    $('.opening-stock-unit').select2({
        placeholder: 'Choose unit',
    });
    $('.price-slab-unit').select2({
        placeholder: 'Choose unit',
    });
    $('.manufacturing-unit').select2({
        placeholder: 'Choose unit',
    });
    $('.stock-location').select2({
        placeholder: 'Choose location',
    });
    $('.price-slab').select2({
        placeholder: 'Choose price slab',
    });
    $('#stock-category').select2({
        placeholder: 'Choose category',
    });
    $('#item-collection').select2({
        placeholder: 'Choose collection',
    });
    $('#racks').select2({
        placeholder: 'Choose rack',
    });
    $('.manufacturing-item').select2({
        placeholder: 'Choose 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) {
                    return {
                        id: item.id,
                        text: item.name,
                    };
                });

                return {
                    results: results,
                    pagination: {
                        more: (params.page * data.per_page) < data.total
                    }
                };
            },
            cache: true
        }
    });
    $(document).on('keyup', '#selling_price,#purchase_price,#gst,#cess,#revised_gst,#revised_cess', function() {
        calcTaxPrice();
    });
    $(document).on('keyup', '#gst,#cess,#revised_gst,#revised_cess', function() {
        calculatePiceslabTax();
        calclutateAlternativeTax();
    });
    // $(document).on('keyup', '.alt-unit-selling-price-incl,.alt-unit-selling-price-excl,.alt-unit-purchase-price-incl,.alt-unit-purchase-price-excl', function() {
    //     calclutateAlternativeTax();
    // })

    function calculatePiceslabTax() {
        $('.price_slab_selling_price').each(function() {
            val = $(this).val();
            id = $(this).attr('data-id');
            if (val !== null && val !== "" && !isNaN(val)) {
                val = parseFloat(val);
                var gst = $('#gst').val();
                var cess = $('#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();
                }
                var priceslab_selling_price_gst = (val * gst) / 100;
                var priceslab_selling_price_cess = (val * cess) / 100;
                $includeprice = val + priceslab_selling_price_gst + priceslab_selling_price_cess;
                $(this).closest('#price_slab_row_' + id).find('.price_slab_selling_price_tax').val($includeprice
                    .toFixed(2));
            }
        });
    }

    function calclutateAlternativeTax() {
        $('.alt-unit-selling-price').each(function() {
            val = $(this).val();
            id = $(this).data('id');
            if (val !== null && val !== "" && !isNaN(val)) {
                val = parseFloat(val);
                var gst = $('#gst').val();
                var cess = $('#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();
                }
                var alt_selling_price_gst = (val * gst) / 100;
                var alt_selling_price_cess = (val * cess) / 100;
                var includeprice = val + alt_selling_price_gst + alt_selling_price_cess;
                $('#alt_unit_selling_price_incl_' + id).val(includeprice.toFixed(2));
            }
        });
        $('.alt-unit-purchase-price').each(function() {
            val = $(this).val();
            id = $(this).data('id');
            if (val !== null && val !== "" && !isNaN(val)) {
                val = parseFloat(val);
                var gst = $('#gst').val();
                var cess = $('#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();
                }
                var alt_purchase_price_gst = (val * gst) / 100;
                var alt_purchase_price_cess = (val * cess) / 100;
                var includeprice = val + alt_purchase_price_gst + alt_purchase_price_cess;
                $('#alt_unit_purchase_price_incl_' + id).val(includeprice.toFixed(2));
            }
        });
    }
    $(document).on('keyup', '.alt-unit-selling-price', function() {
        val = $(this).val();
        id = $(this).data('id');
        if (val !== null && val !== "" && !isNaN(val)) {
            val = parseFloat(val);
            var gst = $('#gst').val();
            var cess = $('#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();
            }
            var alt_selling_price_gst = (val * gst) / 100;
            var alt_selling_price_cess = (val * cess) / 100;
            var includeprice = val + alt_selling_price_gst + alt_selling_price_cess;
            $('#alt_unit_selling_price_incl_' + id).val(includeprice.toFixed(2));
        }
    })
    $(document).on('keyup', '.alt-unit-purchase-price', function() {
        val = $(this).val();
        id = $(this).data('id');
        if (val !== null && val !== "" && !isNaN(val)) {
            val = parseFloat(val);
            var gst = $('#gst').val();
            var cess = $('#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();
            }
            var alt_purchase_price_gst = (val * gst) / 100;
            var alt_purchase_price_cess = (val * cess) / 100;
            var includeprice = val + alt_purchase_price_gst + alt_purchase_price_cess;
            $('#alt_unit_purchase_price_incl_' + id).val(includeprice.toFixed(2));
        }
    })
    $(document).on('keyup', '.alt-unit-selling-price-incl', function() {
        val = $(this).val();
        id = $(this).data('id');
        if (val !== null && val !== "" && !isNaN(val)) {
            val = parseFloat(val);
            var gst = $('#gst').val();
            var cess = $('#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();
            }
            var gst_per = gst / 100;
            var cess_per = cess / 100;
            var excludeprice = val / (1 + gst_per + cess_per);
            $('#alt_unit_selling_price_excl_' + id).val(excludeprice.toFixed(2));
        }
    })
    $(document).on('keyup', '.alt-unit-purchase-price-incl', function() {
        val = $(this).val();
        id = $(this).data('id');
        if (val !== null && val !== "" && !isNaN(val)) {
            val = parseFloat(val);
            var gst = $('#gst').val();
            var cess = $('#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();
            }
            var gst_per = gst / 100;
            var cess_per = cess / 100;
            var excludeprice = val / (1 + gst_per + cess_per);
            $('#alt_unit_purchase_price_excl_' + id).val(excludeprice.toFixed(2));
        }
    })

    $(document).on('keyup', '.price_slab_selling_price', function() {
        var id = $(this).attr('data-id');
        val = $(this).val();
        if (val !== null && val !== "" && !isNaN(val)) {
            val = parseFloat(val);
            var gst = $('#gst').val();
            var cess = $('#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();
            }
            var priceslab_selling_price_gst = (val * gst) / 100;
            var priceslab_selling_price_cess = (val * cess) / 100;
            $includeprice = val + priceslab_selling_price_gst + priceslab_selling_price_cess;
            $(this).closest('#price_slab_row_' + id).find('.price_slab_selling_price_tax').val($includeprice
                .toFixed(2));
            priceSlabMarginFromSellingPrice(id);
        }

    })

    $(document).on('keyup', '.price_slab_selling_price_tax', function() {
        id = $(this).attr('data-id');
        val = $(this).val();
        if (val !== null && val !== "" && !isNaN(val)) {
            val = parseFloat(val);
            var gst = $('#gst').val();
            var cess = $('#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();
            }
            var priceslab_selling_price_gst = gst / 100;
            var priceslab_selling_price_cess = cess / 100;
            $excludeprice = val / (1 + priceslab_selling_price_gst + priceslab_selling_price_cess);
            $(this).closest('#price_slab_row_' + id).find('.price_slab_selling_price').val($excludeprice
                .toFixed(2));
            priceSlabMarginFromSellingPrice(id);
        }
    })

    function priceSlabMarginFromSellingPrice(id) {
        var priceSlabUnitId = $('#price_slab_unit_' + id).val();
        if (priceSlabUnitId != null && priceSlabUnitId != undefined && priceSlabUnitId != '') {
            var unit_selling_price = null;
            var base_unit = $('#unit').val();
            if (base_unit == priceSlabUnitId) {
                unit_selling_price = $('#selling_price').val();
            }
            var base_unit_used = $('#baseUnitId').val();
            if (base_unit_used == priceSlabUnitId) {
                unit_selling_price = $('#selling_price').val();
            }
            $('.alternative-unit').each(function() {
                if ($(this).val() == priceSlabUnitId) {
                    unit_selling_price = $(this).closest('.extraRow').find(
                            '.alt-unit-selling-price')
                        .val();
                }
            });
            $('.alternative-unit2').each(function() {
                if ($(this).val() == priceSlabUnitId) {
                    unit_selling_price = $(this).closest('.extraRow').find(
                            '.alt-unit-selling-price')
                        .val();
                }
            });
            $('.alternative-unit-hidden').each(function() {
                if ($(this).val() == priceSlabUnitId) {
                    unit_selling_price = $(this).closest('.extraRow').find(
                            '.alt-unit-selling-price')
                        .val();
                }
            });
            if (unit_selling_price != null && unit_selling_price != undefined && unit_selling_price != '') {
                var price_slab_selling_price = $('.price_slab_selling_price[data-id=' + id + ']').val();
                var margin = ((price_slab_selling_price - unit_selling_price) / unit_selling_price) *
                    100;
                $('.price_slab_margin_from_selling_price[data-id=' + id + ']').val(margin.toFixed(2));
            }
        }
    }

    $(document).on('keyup', '.price_slab_margin_from_selling_price', function() {
        var id = $(this).attr('data-id');
        var priceSlabUnitId = $('#price_slab_unit_' + id).val();
        if (priceSlabUnitId != null && priceSlabUnitId != undefined && priceSlabUnitId != '') {
            var unit_selling_price = null;
            var base_unit = $('#unit').val();
            if (base_unit == priceSlabUnitId) {
                unit_selling_price = $('#selling_price').val();
            }
            var base_unit_used = $('#baseUnitId').val();
            if (base_unit_used == priceSlabUnitId) {
                unit_selling_price = $('#selling_price').val();
            }
            $('.alternative-unit').each(function() {
                if ($(this).val() == priceSlabUnitId) {
                    unit_selling_price = $(this).closest('.extraRow').find('.alt-unit-selling-price')
                        .val();
                }
            });
            $('.alternative-unit2').each(function() {
                if ($(this).val() == priceSlabUnitId) {
                    unit_selling_price = $(this).closest('.extraRow').find('.alt-unit-selling-price')
                        .val();
                }
            });
            $('.alternative-unit-hidden').each(function() {
                if ($(this).val() == priceSlabUnitId) {
                    unit_selling_price = $(this).closest('.extraRow').find('.alt-unit-selling-price')
                        .val();
                }
            });
            if (unit_selling_price != null && unit_selling_price != undefined && unit_selling_price != '') {
                var margin = $(this).val();
                var price = (parseFloat(unit_selling_price) + parseFloat(unit_selling_price * margin) / 100);
                $('.price_slab_selling_price[data-id=' + id + ']').val(price.toFixed(2));
                var gst = $('#gst').val();
                var cess = $('#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();
                }
                var priceslab_selling_price_gst = (price * gst) / 100;
                var priceslab_selling_price_cess = (price * cess) / 100;
                $includeprice = price + priceslab_selling_price_gst + priceslab_selling_price_cess;
                $(this).closest('#price_slab_row_' + id).find('.price_slab_selling_price_tax').val($includeprice
                    .toFixed(2));
            }
        }
    });

    function calculatePriceSlabMargin() {
        $('.price_slab_margin_from_selling_price').each(function() {
            var id = $(this).attr('data-id');
            var priceSlabUnitId = $('#price_slab_unit_' + id).val();
            if (priceSlabUnitId != null && priceSlabUnitId != undefined && priceSlabUnitId != '') {
                var unit_selling_price = null;
                var base_unit = $('#unit').val();
                if (base_unit == priceSlabUnitId) {
                    unit_selling_price = $('#selling_price').val();
                }
                var base_unit_used = $('#baseUnitId').val();
                if (base_unit_used == priceSlabUnitId) {
                    unit_selling_price = $('#selling_price').val();
                }
                $('.alternative-unit').each(function() {
                    if ($(this).val() == priceSlabUnitId) {
                        unit_selling_price = $(this).closest('.extraRow').find(
                                '.alt-unit-selling-price')
                            .val();
                    }
                });
                $('.alternative-unit2').each(function() {
                    if ($(this).val() == priceSlabUnitId) {
                        unit_selling_price = $(this).closest('.extraRow').find(
                                '.alt-unit-selling-price')
                            .val();
                    }
                });
                $('.alternative-unit-hidden').each(function() {
                    if ($(this).val() == priceSlabUnitId) {
                        unit_selling_price = $(this).closest('.extraRow').find(
                                '.alt-unit-selling-price')
                            .val();
                    }
                });
                if (unit_selling_price != null && unit_selling_price != undefined && unit_selling_price != '') {
                    var price_slab_selling_price = $('.price_slab_selling_price[data-id=' + id + ']').val();
                    var margin = ((price_slab_selling_price - unit_selling_price) / unit_selling_price) *
                        100;
                    $(this).val(margin.toFixed(2));
                }
            }
        });
    }



    function calcTaxPrice() {
        let selling_price = $('#selling_price').val();
        let purchase_price = $('#purchase_price').val();
        let gst = $('#gst').val();
        let cess = $('#cess').val();
        if (gst == undefined || gst == "") {
            gst = 0;
        } else {
            gst = parseFloat($('#gst').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',
    });
    $('#manufacturingMainUnit').select2({
        placeholder: 'Select Main Unit',
    });
    $('#type').select2({
        placeholder: 'Select Type',
    });
    $('#gst-applicable').select2({
        placeholder: 'Select GST Applicable',
    });
    $('#status').select2({
        placeholder: 'Select Status',
    });
    $('#stock-group').select2({
        placeholder: 'Select Stock Group',
        ajax: {
            type: "POST",
            url: "/admin/get-stock-groups-new",
            dataType: 'json',
            delay: 250,
            data: function (params) {
                return {
                    term: params.term,
                    page: params.page,
                    _token: "{{ csrf_token() }}"
                };
            },
            processResults: function(data) {
                return {
                    results: $.map(data, function(item) {
                        return {
                            text: item.name,
                            id: item.id,
                        }
                    })
                };
            },
            cache: true
        }
    });

    $('#stock-item-form').validate({
        rules: {
            'item_code': {
                required: true,
            },
            'name': {
                required: true,
            },
            'unit_id': {
                required: true,
            },
            'selling_price': {
                required: true,
            },
            'purchase_price': {
                required: true,
            },
            @if ($masterSettings->mrp_required == 1)
                'mrp': {
                    required: true,
                },
            @endif
            '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",
            },
            @if ($masterSettings->mrp_required == 1)
                'mrp': {
                    required: "Please enter item mrp",
                },
            @endif
            'unit_qty[]': {
                required: "Please enter unit quantity",
            }
        },
        submitHandler: function(form, e) {
            e.preventDefault();
            @if (Auth::user()->company_profile->use_rack)
                var result = validateRack();
                if (result == true) {
                    return false;
                }
            @endif
            var url = $(form).attr('action');
            var formData = new FormData(form);
            formData.append('serial_data', JSON.stringify(serialData));
            var qtyDoesntMatch = false;
            $('.extraRow3').each(function() {
                var rowId = $(this).attr('id');
                if (serialData[rowId] != null && serialData[rowId] !=
                    undefined) {
                    if (serialData[rowId].length != $('#opening_stock_' + rowId)
                        .val()) {
                        alert(
                            "Serial number doesn't match with quantity."
                        );
                        //stop the whole submit
                        qtyDoesntMatch = true;
                        return false;
                    }
                }
            });
            if (qtyDoesntMatch) {
                $('#submit-btn').prop('disabled', false);
                return false;
            }
            $.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'
                    })
                }
            });
        }
    });

    $('#internal-barcode').on('keyup', function(e) {
        e.preventDefault();
        var internalBarcode = $(this).val();
        if (internalBarcode.length > 0) {
            @if (!isset($stockItem))
                $.ajax({
                    type: "get",
                    url: "{{ route('check-internal-barcode') }}",
                    data: {
                        internalBarcode: internalBarcode
                    },
                    dataType: "json",
                    success: function(response) {
                        if (response.status) {
                            Swal.fire({
                                title: 'Error!',
                                text: response.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            });
                        }
                    }
                });
            @endif
        }
    });


    $(document).on('click', '#addRow', function(e) {
        e.preventDefault();
        var rowCount = $('.extraRow').last().data('id');
        if (rowCount == "" || rowCount == undefined) {
            rowCount = 1;
        } else {
            rowCount = parseInt(rowCount) + parseInt(1);
        }
        var html = `<div class="row extraRow" data-id="${rowCount}">
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit</label>
                                    <select class="form-select alternative-unit2" name="alternative_unit_id[]">
                                        <option value=""></option>
                                        @foreach ($units as $unit)
                                            <option value="{{ $unit->id }}">{{ $unit->symbol }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit Qty</label>
                                    <input class="form-control alternative-unit-qty"  type="number" placeholder="Enter unit qty" name="unit_qty[]">
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit Selling Price(Excl Tax)</label>
                                    <input class="form-control alt-unit-selling-price" type="number" placeholder="Enter unit selling price" name="unit_selling_price[]" data-id="${rowCount}" id="alt_unit_selling_price_excl_${rowCount}">
                                </div>
                            </div>
                            @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                <div class="col-lg-2">
                                    <div class="mb-3">
                                        <label class="form-label" for="product-title-input">Alternative Unit Selling Price(Incl Tax)</label>
                                        <input class="form-control alt-unit-selling-price-incl" type="number" placeholder="Enter unit selling price" id="alt_unit_selling_price_incl_${rowCount}" name="unit_selling_price_incl[]" data-id="${rowCount}">
                                    </div>
                                </div>
                            @endif
                            <div class="col-lg-2">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Alternative Unit Purchase Price(Excl Tax)</label>
                                    <input class="form-control alt-unit-purchase-price" type="number" placeholder="Enter unit purchase price" name="unit_purchase_price[]" data-id="${rowCount}" id="alt_unit_purchase_price_excl_${rowCount}">
                                </div>
                            </div>
                            @if (!isset($itemCreationSettings) || (isset($itemCreationSettings) && $itemCreationSettings->gst == 1))
                                <div class="col-lg-2">
                                    <div class="mb-3">
                                        <label class="form-label" for="product-title-input">Alternative Unit Purchase Price(Incl Tax)</label>
                                        <input class="form-control alt-unit-purchase-price-incl" type="number" placeholder="Enter unit purchase price includ tax" name="unit_purchase_price_incl[]" id="alt_unit_purchase_price_incl_${rowCount}" data-id="${rowCount}">
                                    </div>
                                </div>
                            @endif
                            <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-unit2').select2({
            placeholder: 'Choose alternative unit',
        });
    });

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

            }
        });

    });

    $(document).on('click', '#addRow2', function(e) {
        e.preventDefault();
        var rowCount = $('.extraRow2').length;
        if (rowCount == "" || rowCount == undefined) {
            rowCount = 1;
        } else {
            rowCount = parseInt(rowCount) + parseInt(1);
        }
        var html = `<div class="row extraRow2" id="price_slab_row_${rowCount}">
                                    <div class="col-lg-3">
                                        <div class="mb-3">
                                            <label class="form-label" for="product-title-input">Price Slab</label>
                                            <select class="form-select price-slab2" id="" name="price_slab[]">
                                                <option value=""></option>
                                                @foreach ($priceSlabs as $priceSlab)
                                                    <option value="{{ $priceSlab->id }}">{{ $priceSlab->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 price-slab-unit2" name="price_slab_unit[]" id="price_slab_unit_${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">Margin
                                    From Selling Price (Excl Tax)</label>
                                      <input class="form-control price_slab_margin_from_selling_price"type="number"
                                  placeholder="Enter margin From Selling Price"
                                  name="price_slab_margin_from_selling_price[]"
                                  data-id="${rowCount}"></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 class="form-control price_slab_selling_price" type="number" placeholder="Enter selling price (Excl Tax)" name="price_slab_selling_price[]" data-id="${rowCount}">
                                        </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 class="form-control price_slab_selling_price_tax" type="number"
                                                            placeholder="Enter selling price (Incl Tax)" data-id="${rowCount}" >
                                                    </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="removeRow2"><i class="las la-minus"></i></button>
                                    </div>
                                </div>`;
        $("#addPriceSlabRow").append(html);
        $('.price-slab-unit2').select2({
            placeholder: 'Choose unit',
        });
        $('.price-slab2').select2({
            placeholder: 'Choose price slab',
        });
    });

    $(document).on('click', '#addRow3', function(e) {
        e.preventDefault();
        var rowCount = $('.extraRow3').length;
        if (rowCount == "" || rowCount == undefined) {
            rowCount = 1;
        } else {
            rowCount = parseInt(rowCount) + parseInt(1);
        }
        var html = `<div class="row extraRow3" id="${rowCount}">
                    <input type="hidden" name="row_id[]" value="${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" 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-unit2" 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" name="opening_stock[]"
                                        id="opening_stock_${rowCount}" value="" placeholder="Enter opening stock">
                                        <input type="hidden" name="item_racks[]"  id="item_racks_${rowCount}">
                                </div>
                            </div>
                            @if (Auth::user()->company_profile->enable_batch == 1)
                                                        <div class="col-lg-1 d-flex justify-content-center align-items-center"> <button type="button" class="btn btn-soft-primary" class="batch-modal" onclick="batchModal(${rowCount})">
                                                            <i class="ri-file-add-line"></i></button>
                                                            <input type="hidden" name="item_batch[]" id="item_batch_${rowCount}" >
                                                            <input type="hidden" name="expiry[]" id="expiry_${rowCount}">
                                                            <input type="hidden" name="batch_mrp[]" id="batch_mrp_${rowCount}" >
                                                            <input type="hidden" name="batch_selling_price[]" id="batch_selling_price_${rowCount}" >
                                                            <input type="hidden" name="margin[]" id="margin_${rowCount}" >
                                                            <input type="hidden" name="batch_discount[]" id="batch_discount_${rowCount}" >
                                                        </div>
                                                @endif
                                                  @if (Auth::user()->company_profile->use_serial == 1)
                                                        <div class="col-lg-1 d-flex justify-content-center align-items-center">
                                                        <button type="button" class="btn btn-sm btn-primary"
                                                            onClick="openSerialModal(${rowCount})"><i
                                                                class="las la-barcode"></i></button>
                                                    </div>
                                                    @endif
                            <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" name="opening_rate[]"
                                        id="opening_rate_${rowCount}" value="" placeholder="Enter opening rate">
                                </div>
                            </div>
                            <div class="col-lg-1">
                                <div class="mb-3">
                                    <label class="form-label" for="product-title-input">Value</label>
                                    <input type="number" class="form-control opening_value" name="value[]"
                                        id="opening_value_${rowCount}" value="" placeholder="Enter value">
                                </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').select2({
            placeholder: 'Choose Unit',
        });
        $('.stock-location2').select2({
            placeholder: 'Choose location',
        });
    });

    $(document).on('click', '#addRow4', function(e) {
        e.preventDefault();
        let rowCount = $('.extraRow4').length;
        if (rowCount == "" || rowCount == undefined) {
            rowCount = 2;
        } else {
            rowCount = parseInt(rowCount) + parseInt(2);
        }
        console.log(rowCount);
        var html = `<div class="row extraRow4">
                                    <div class="col-lg-3">
                                        <div class="mb-3">
                                            <label class="form-label" for="product-title-input">Item</label>
                                            <select class="form-select manufacturing-item" id="manu_item_${rowCount}" onchange="fetchItemData(${rowCount})"  name="manufacturing_item[]">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="mb-3">
                                            <label class="form-label" for="product-title-input">Unit</label>
                                            <select class="form-select manufacturing-unit" name="manufacturing_unit[]" id="manu_unit_${rowCount}">
                                                <option value=""></option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-lg-3">
                                        <div class="mb-3">
                                            <label class="form-label" for="product-title-input">Quantity</label>
                                            <input class="form-control" type="number" placeholder="Enter quantity" name="manufacturing_qty[]">
                                        </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="removeRow4"><i class="las la-minus"></i></button>
                                    </div>
                                </div>`;
        $("#addStockProductionRow").append(html);
        $('.manufacturing-unit').select2({
            placeholder: 'Choose unit',
        });
        $('.manufacturing-item').select2({
            placeholder: 'Choose 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) {
                        return {
                            id: item.id,
                            text: item.name,
                        };
                    });

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

    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', '#removeRow2', function(e) {
        e.preventDefault();
        $(this).closest('.extraRow2').remove();
    });

    $(document).on('click', '#removeRow3', function(e) {
        e.preventDefault();
        @if (Auth::user()->company_profile->use_serial == 1)
            var rowId = $(this).closest('.extraRow3').attr('id');
            if (serialData[rowId] != undefined && serialData[rowId] != null && serialData[rowId] != [] &&
                serialData[rowId] != '') {
                alert('Please remove the serial numbers first.');
                return false;
            }
        @endif
        $(this).closest('.extraRow3').remove();
    });

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

    function checkManufacturingMainUnitExists() {
        var manufacturing_main_unit = $('#manufacturingMainUnit').val();
        var base_unit = $('#unit').val();
        var base_unit_used = $('#baseUnitId').val();
        var alternative_units = [];
        $('.alternative-unit').each(function() {
            alternative_units.push($(this).val());
        });
        $('.alternative-unit2').each(function() {
            alternative_units.push($(this).val());
        });
        $('.alternative-unit-hidden').each(function() {
            alternative_units.push($(this).val());
        });
        alternative_units.push(base_unit);
        alternative_units.push(base_unit_used);
        if (manufacturing_main_unit != null && manufacturing_main_unit != '') {
            if (!alternative_units.includes(manufacturing_main_unit)) {
                alert('Manufacturing Main unit must be one of the alternative or base units');
                $('#manufacturingMainUnit').val('').trigger('change');
            }
        }
    }

    function checkDefaultUnitExists() {
        var manufacturing_main_unit = $('#defaultUnit').val();
        var base_unit = $('#unit').val();
        var base_unit_used = $('#baseUnitId').val();
        var alternative_units = [];
        $('.alternative-unit').each(function() {
            alternative_units.push($(this).val());
        });
        $('.alternative-unit2').each(function() {
            alternative_units.push($(this).val());
        });
        $('.alternative-unit-hidden').each(function() {
            alternative_units.push($(this).val());
        });
        alternative_units.push(base_unit);
        alternative_units.push(base_unit_used);
        if (manufacturing_main_unit != null && manufacturing_main_unit != '') {
            if (!alternative_units.includes(manufacturing_main_unit)) {
                alert('Default unit must be one of the alternative or base units');
                $('#defaultUnit').val('').trigger('change');
            }
        }
    }

    // $('.category').select2({
    //     placeholder: 'Choose category',
    //     dropdownParent: $('#generateItemNameModal'),
    // });

    $('#generateItemNameBtn').on('click', function() {
        var form = $('#generateItemNameForm').serialize();
        $.ajax({
            type: "POST",
            url: '{{ route('generate-item-name') }}',
            data: form,
            success: function(response) {
                if (response.status == "success") {
                    $('#name').val(response.item_name);
                    stockGroupSelect.setChoiceByValue(response.group_id);
                    $('#stock-group').val(response.group_id).trigger('change');
                    $('#stock-category').val(response.categories).trigger('change');
                    if (response.item_collection != null && response.item_collection != '') {
                        $('#item-collection').append(new Option(response.item_collection_name,
                            response
                            .item_collection, true, true)).trigger('change');
                    }
                    $('#generateItemNameModal').modal('hide');
                }
            }
        });
    });
    $('#collection_stock_group').select2({
        placeholder: 'Select Stock Group',
    });
    $('#modal_item_collection').select2({
        placeholder: 'Select Collection',
        dropdownParent: $('#generateItemNameModal'),
        ajax: {
            url: "/admin/get-item-collections",
            type: "POST",
            dataType: 'json',
            delay: 250,
            data: function(params) {
                return {
                    _token: "{{ csrf_token() }}",
                    search: params.term,
                    page: params.page,
                };
            },
            processResults: function(data, params) {
                params.page = params.page || 1;
                var results = data.data.map(function(item) {
                    return {
                        id: item.id,
                        text: item.name,
                    };
                });

                return {
                    results: results,
                    pagination: {
                        more: (params.page * data.per_page) < data.total
                    }
                };
            },
            cache: true
        },
        language: {
            noResults: function(term) {
                return '<a class="btn btn-sm text-white" style="background-color:#4a1d53"  data-bs-toggle="modal" data-bs-target="#addCollectionModal">Add Collection</a>';
            }
        },
        escapeMarkup: function(markup) {
            return markup;
        }
    });
    $('#item-collection').select2({
        placeholder: 'Select Collection',
        ajax: {
            url: "/admin/get-item-collections",
            type: "POST",
            dataType: 'json',
            delay: 250,
            data: function(params) {
                return {
                    _token: "{{ csrf_token() }}",
                    search: params.term,
                    page: params.page,
                };
            },
            processResults: function(data, params) {
                params.page = params.page || 1;
                var results = data.data.map(function(item) {
                    return {
                        id: item.id,
                        text: item.name,
                    };
                });

                return {
                    results: results,
                    pagination: {
                        more: (params.page * data.per_page) < data.total
                    }
                };
            },
            cache: true
        },
    });
    $('#main_group').select2({
        placeholder: 'Select option',
        dropdownParent: $('#generateItemNameModal'),
    });

    $('#generateItemNameModal').on('shown.bs.modal', function() {
        if (selectedCategoryId == null || selectedCategoryId == '') {
            $('#main_group').select2('open');
        } else {
            $('#' + selectedCategoryId).select2('open');
        }
    });

    $(document).on('change', '#main_group', function() {
        $('#category_' + 1).select2('open');
    });

    $(document).on('change', '.category', function() {
        //focus next element with class category
        var id = $(this).attr('id');
        var nextCategory = $('#category_' + (parseInt(id.split('_')[1]) + 1));
        if (nextCategory.length > 0) {
            $('#category_' + (parseInt(id.split('_')[1]) + 1)).select2('open');
        } else {
            $('#generateItemNameBtn').trigger('click');
        }
    });

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

                return {
                    results: results,
                    pagination: {
                        more: (params.page * data.per_page) < data.total
                    }
                };
            },
            cache: true
        },
        language: {
            noResults: function(term) {
                return '<a class="btn btn-sm text-white" style="background-color:#4a1d53"  data-bs-toggle="modal" data-bs-target="#addCategoryModal">Add Category</a>';
            }
        },
        escapeMarkup: function(markup) {
            return markup;
        }
    });

    $('.category').on('select2:open', function(e) {
        selectedCategoryId = $(this).attr('id');
        $('#stock_category_group_id').val($(this).data('stock_category_group_id'));
    });

    $('#addCategoryModal').on('show.bs.modal', function(e) {
        var searchInput = $('input[aria-controls="select2-' + selectedCategoryId + '-results"]').val();
        $('input[name=addCategory]').val(searchInput);
        $('input[name=addCategory]').focus();
    });
    $('#addCollectionModal').on('show.bs.modal', function(e) {
        var searchInput = $('input[aria-controls="select2-modal_item_collection-results"]').val();
        $('input[name=addCollection]').val(searchInput);
        $('input[name=addCollection]').focus();
    });

    $('#addCategoryForm').submit(function(e) {
        e.preventDefault();
        var category = $('input[name=addCategory]').val();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });
        $.ajax({
            type: "post",
            url: "/admin/add-category",
            data: {
                name: category,
                stock_category_group_id: $('#stock_category_group_id').val(),
            },
            success: function(response) {
                $('#addCategoryModal').modal('hide');
                $('#generateItemNameModal').modal('show');
            }
        });
    });
    $('#addCollectionForm').submit(function(e) {
        e.preventDefault();
        var collection = $('input[name=addCollection]').val();
        var stock_group_id = $('#collection_stock_group').val();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });
        $.ajax({
            type: "post",
            url: "/admin/add-item-collection",
            data: {
                name: collection,
                stock_group_id: stock_group_id
            },
            success: function(response) {
                $('#addCollectionModal').modal('hide');
                $('#generateItemNameModal').modal('show');
            }
        });
    });
    $('.batch').select2({
        placeholder: 'Select Batch',
        ajax: {
            url: "/admin/get-batches",
            type: "POST",
            dataType: 'json',
            delay: 250,
            data: function(params) {
                return {
                    _token: "{{ csrf_token() }}",
                    search: params.term,
                };
            },
            processResults: function(data) {
                return {
                    results: $.map(data, function(item) {
                        return {
                            text: item.name,
                            id: item.id
                        }
                    })
                };
            },
            cache: true
        },
        language: {
            noResults: function(term) {
                return '<a class="btn btn-sm text-white" style="background-color:#4a1d53"  data-bs-toggle="modal" data-bs-target="#addBatchModal">Add Batch</a>';
            }
        },
        escapeMarkup: function(markup) {
            return markup;
        }
    });

    $('#addBatchModal').on('show.bs.modal', function(e) {
        var searchInput = $('input[aria-controls="select2-batch-results"]').val();
        $('input[name=addBatch]').val(searchInput);

    });

    $('#addBatchForm').submit(function(e) {
        e.preventDefault();
        var batch = $('input[name=addBatch]').val();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });
        $.ajax({
            type: "post",
            url: "/admin/add-batch",
            data: {
                name: batch,
            },
            success: function(response) {
                $('#addBatchModal').modal('hide');
                $('#batchModal').modal('show');
            }
        });
    });

    $('#save-btn').on('click', function() {
        var rowId = $('#modal_id').val();
        var item_batch = $('#modal_batch').val();
        var expiry = $('#batch_expiry').val();
        var mrp = $('#batch_mrp').val();
        var price = $('#batch_price').val();
        $('#item_batch_' + rowId + '').val(item_batch);
        if (item_batch != null) {
            var batch_name = $("#modal_batch option:selected").text();
            $('#item_batch_' + rowId).val(item_batch);
            $('#item_batch_' + rowId).data('name', batch_name);
        }
        $('#expiry_' + rowId + '').val(expiry);
        $('#batch_mrp_' + rowId + '').val(mrp);
        $('#batch_selling_price_' + rowId + '').val(price);
        $('#margin_' + rowId + '').val($('#margin').val());
        $('#batch_discount_' + rowId + '').val($('#batch_discount').val());
        $('#batchModal').modal('hide');
    });

    function batchModal(id) {
        if ($('#margin_' + id + '').val() != null && $('#margin_' + id + '').val() != '') {
            $('#margin').val($('#margin_' + id + '').val());
        }
        //  else {
        //     $.ajax({
        //         type: "post",
        //         url: "/admin/get-item-profit-margin",
        //         data: {
        //             _token: "{{ csrf_token() }}",
        //             item_id: $('#item_' + id + '').val(),
        //         },
        //         success: function(response) {
        //             if (response == null) {
        //                 $('#margin').val(0);
        //             } else {
        //                 $('#margin').val(response);
        //             }
        //         },
        //     });
        // }
        $('#modal_batch').val('').trigger('change');
        $('#batch_expiry').val('');
        $('#batch_mrp').val('');
        $('#batch_price').val('');
        $('#batch_discount').val('');
        $('#modal_id').val(id);
        var item_batch = $('#item_batch_' + id + '').val();
        var expiry = $('#expiry_' + id + '').val();
        if (item_batch != null && item_batch != '') {
            $('#modal_batch').val(item_batch).trigger('change');
            var batch_name = $('#item_batch_' + id + '').data('name');
            var batch_option = '<option value="' + item_batch + '" selected>' + batch_name + '</option>';
            $('#modal_batch').append(batch_option);
        }
        if (expiry != null) {
            $('#batch_expiry').val(expiry);
        }
        var mrp = $('#batch_mrp_' + id + '').val();
        if (mrp != null && mrp != '') {
            $('#batch_mrp').val(mrp);
        } else {
            $('#batch_mrp').val($('#mrp').val());
        }
        var discount = $('#batch_discount_' + id + '').val();
        if (discount != null && discount != '') {
            $('#batch_discount').val(discount);
        }
        var price = $('#batch_selling_price_' + id + '').val();
        if (price != null && price != '') {
            $('#batch_price').val(price);
        }

        $('#batchModal').modal('show');
        // setTimeout(() => {
        //     $('#modal_batch').focus().select();
        //     $('#modal_batch').select2('open');
        // }, 500);
    }

    $('#modal_batch').select2({
        placeholder: 'Select Batch',
        dropdownParent: $('#batchModal'),
        ajax: {
            url: "/admin/get-item-batches",
            type: "POST",
            dataType: 'json',
            delay: 250,
            data: function(params) {
                var rowCount = $('#modal_id').val();
                return {
                    _token: "{{ csrf_token() }}",
                    search: params.term,
                    page: params.page,
                    item: $('#item_' + rowCount + '').val(),
                    is_from_purchase: true,
                };
            },
            processResults: function(data, params) {
                params.page = params.page || 1;
                var results = data.map(function(item) {
                    return {
                        id: item.id,
                        text: item.name,
                    };
                });

                return {
                    results: results,
                    pagination: {
                        more: (params.page * data.per_page) < data.total
                    }
                };
            },
            cache: true
        },
        language: {
            noResults: function(term) {
                return '<a class="btn btn-sm text-white" style="background-color:#4a1d53"  data-bs-toggle="modal" data-bs-target="#addBatchModal">Add Batch</a>';
            }
        },
        escapeMarkup: function(markup) {
            return markup;
        }
    });

    $(document).on('keyup', '.alternative-unit-qty', function(e) {
        var selling_price_tax = $('#selling_price').val();
        var purchae_price = $('#purchase_price').val();
        var qty = $(this).val();
        var alt_Selling_price = selling_price_tax * qty;
        var alt_purchase_price = purchae_price * qty;
        $(this).closest('.extraRow').find('.alt-unit-selling-price').val(alt_Selling_price);
        $(this).closest('.extraRow').find('.alt-unit-purchase-price').val(alt_purchase_price);
        calclutateAlternativeTax();
    })
    @if ($masterSettings->automatic_margin == 1)
        $(document).on('keyup', '#selling_price, #purchase_price', function(e) {
            var selling_price = $('#selling_price').val() || 0;
            var purchae_price = $('#purchase_price').val() || 0;
            if (selling_price != 0 && purchae_price != 0) {
                var margin = (selling_price - purchae_price) / selling_price * 100;
                $('#item_margin').val(margin.toFixed(3));
            }
        })
        $(document).on('keyup', '#selling_price_tax, #purchase_price_tax', function(e) {
            var selling_price = $('#selling_price_tax').val() || 0;
            var purchae_price = $('#purchase_price_tax').val() || 0;
            if (selling_price != 0 && purchae_price != 0) {
                var margin = (selling_price - purchae_price) / selling_price * 100;
                $('#item_margin').val(margin.toFixed(3));
            }
        })
        $(document).on('keyup', '#item_margin', function(e) {
            var purchase_price = parseFloat($('#purchase_price').val()) || 0;
            var margin = parseFloat($(this).val()) || 0;

            if (purchase_price != 0) {
                var selling_price = purchase_price * (1 + (margin / 100));
                $('#selling_price').val(selling_price.toFixed(3));
                var gst = parseFloat($('#gst').val()) || 0;
                var cess = parseFloat($('#cess').val()) || 0;
                if (($('#revised_gst').val() != "" && $('#revised_gst').val() != undefined) || ($(
                        '#revised_cess').val() != "" && $('#revised_cess').val() != undefined)) {
                    gst = parseFloat($('#revised_gst').val()) || 0;
                    cess = parseFloat($('#revised_cess').val()) || 0;
                }
                var total_tax = gst + cess;
                var selling_price_tax = selling_price * (1 + (total_tax / 100));
                $('#selling_price_tax').val(selling_price_tax.toFixed(3));
            }
        });
    @endif

    function openSerialModal(rowId) {

        $('#serialTableBody').html('');
        $('#serialRowId').val(rowId);
        if (serialData[rowId] != undefined && serialData[rowId] != null) {
            serialData[rowId].forEach(function(item) {
                addSerialRow(item);
            });
            $('#serialModal').modal('show');
        } else {
            $('#serialModal').modal('show');
            addSerialRow();
        }
    }

    $('#serialModal').on('shown.bs.modal', function(e) {
        $('#serialTableBody tr:last-child .serial').focus();
    });

    function addSerialRow(serial = '') {
        var rowCount = $('#serialTableBody tr').length;
        serialTabIndex++;
        rowCount++;
        var html = '<tr id="serialRow_' + rowCount + '" class="serialRow_' + rowCount +
            '"><td>' + rowCount +
            '</td><td><input type="text" required class="form-control serial" name="serial[]" tabindex="' +
            serialTabIndex +
            '" value="' + serial +
            '"></td><td><button type="button" class="btn btn-sm btn-danger remove-serial-row"  data-id="' +
            rowCount + '"><i class="las la-minus"></i></button></td></tr>';
        $('#addSerialRowBtn').attr('tabindex', serialTabIndex + 1);
        $('#serialTableBody').append(html);
    }

    $(document).on('click', '#saveSerial', function(e) {
        var rowId = $('#serialRowId').val();
        var serials = [];
        var allSerialEntered = true;
        $('.serial').each(function() {
            if ($(this).val() == '') {
                alert('Please enter serial number');
                allSerialEntered = false;
            }
            serials.push($(this).val());
        });


        if (allSerialEntered) {
            serialData[rowId] = serials;
            $('#serialModal').modal('hide');
            var taxableValueTabIndex = $('#taxable_value_' + rowId).attr('tabindex');
            var nextTabIndex = parseInt(taxableValueTabIndex) + 2;
            $("[tabindex='" + nextTabIndex + "']").focus().select();
        }
    });
    $(document).on('click', '.remove-serial-row', function(e) {
        e.preventDefault();
        var rowId = $(this).data('id');
        $('.serialRow_' + rowId).remove();
    });

    $('#serialModal').on('hidden.bs.modal', function(e) {
        e.preventDefault();
    });

    $(document).on('keydown',
        '.serial',
        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;
                $("[tabindex='" + nextindex + "']").focus().select();
            }
        });
    $(document).on('keydown',
        '#addSerialRowBtn',
        function(e) {
            var key = e.which;
            if (key == 13) // the enter key code
            {
                e.preventDefault();
                var serialCount = $('.serial').length;
                var rowCount = $('#serialRowId').val();
                var qty = $('#opening_stock_' + rowCount).val();
                if (qty != '') {
                    if (serialCount >= qty) {
                        $('#saveSerial').trigger('click');
                        return;
                    }
                }
                var tabindex = $(this).attr('tabindex');
                if (tabindex == undefined || isNaN(tabindex)) {
                    return;
                }
                var nextindex = parseInt(tabindex);
                addSerialRow();
                $("[tabindex='" + nextindex + "']").focus().select();
            }
        });

    $(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();
    });
    $('#defaultUnit').select2({
        placeholder: "Select Unit",
        allowClear: true
    });

    @if (Auth::user()->company_profile->use_rack)
        $(document).on('keydown', '.opening_stock', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                $('#modal-rack-body').html('');
                $('#modal_rack_row_id').val('');
                var row_id = $(this).closest('.extraRow3').attr('id');
                $('#modal_rack_row_id').val(row_id);
                var savedRacks = $('#item_racks_' + row_id).val();
                if (savedRacks != '' && savedRacks != null && savedRacks != '[]') {
                    savedRacks = JSON.parse(savedRacks);
                    var html = '';
                    var rowCount = 1;
                    savedRacks.forEach(function(rack, index) {
                        var html = ` <div class="row modal-rack-row" data-id="${rowCount}">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <select class="form-control racks" name="rack_id" id="rack_id_${rowCount}" >
                                                <option value="">Select Rack</option>
                                                <option value="${rack.rack_id}" selected>${rack.rack_name}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="mb-3">
                                        <input type="number" class="form-control rackQty" name="modal_rack_qty" id="modal_rack_qty_${rowCount}" value="${rack.rack_qty}" placeholder="Enter qty">
                                        </div>
                                    </div>
                                    <div class="col-md-1">
                                        <div class="mb-3">
                                        <button type="button" class="btn btn-danger remove-modal-rack" data-id="${rowCount}"><i class="las la-minus"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>`;
                        $('#modal-rack-body').append(html);
                        $('#rack_id_' + rowCount).select2({
                            placeholder: 'Select rack',
                            dropdownParent: $('#rackModal'),
                            ajax: {
                                url: "/admin/get-all-racks",
                                type: "POST",
                                dataType: 'json',
                                delay: 250,
                                data: function(params) {
                                    return {
                                        _token: "{{ csrf_token() }}",
                                        search: params.term,
                                        page: params.page,
                                    };
                                },
                                processResults: function(data, params) {
                                    params.page = params.page || 1;
                                    var results = data.data.map(function(item) {
                                        return {
                                            id: item.id,
                                            text: item.name,
                                        };
                                    });

                                    return {
                                        results: results,
                                        pagination: {
                                            more: (params.page * data.per_page) < data.total
                                        }
                                    };
                                },
                                cache: true
                            }
                        });
                        rowCount++;
                    });
                } else {
                    $('#add-modal-rack').trigger('click');
                }
                $('#rackModal').modal('show');
            }
        });
        $('#add-modal-rack').on('click', function(e) {
            e.preventDefault();
            var rowCount = $('#modal-rack-body .modal-rack-row').last().data('id');
            if (rowCount == undefined) {
                rowCount = 1;
            } else {
                rowCount++;
            }
            var html = ` <div class="row modal-rack-row" data-id="${rowCount}">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <select class="form-control racks" name="rack_id" id="rack_id_${rowCount}">
                                            <option value="">Select Rack</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-5">
                                    <div class="mb-3">
                                    <input type="number" class="form-control rackQty" name="modal_rack_qty" id="modal_rack_qty_${rowCount}" placeholder="Enter qty">
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="mb-3">
                                    <button type="button" class="btn btn-danger remove-modal-rack" data-id="${rowCount}"><i class="las la-minus"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>`;
            $('#modal-rack-body').append(html);
            $('#rack_id_' + rowCount).select2({
                placeholder: 'Select rack',
                dropdownParent: $('#rackModal'),
                ajax: {
                    url: "/admin/get-all-racks",
                    type: "POST",
                    dataType: 'json',
                    delay: 250,
                    data: function(params) {
                        return {
                            _token: "{{ csrf_token() }}",
                            search: params.term,
                            page: params.page,
                        };
                    },
                    processResults: function(data, params) {
                        params.page = params.page || 1;
                        var results = data.data.map(function(item) {
                            return {
                                id: item.id,
                                text: item.name,
                            };
                        });

                        return {
                            results: results,
                            pagination: {
                                more: (params.page * data.per_page) < data.total
                            }
                        };
                    },
                    cache: true
                }
            })
            $('#rack_id_' + rowCount).focus().select();
        });
        $(document).on('click', '.remove-modal-rack', function(e) {
            e.preventDefault();
            var id = $(this).attr('data-id');
            $('#modal-rack-body .modal-rack-row[data-id="' + id + '"]').remove();
        })
        $('#save-modal-rack').on('click', function(e) {
            e.preventDefault();
            var modal_rack_row_id = $('#modal_rack_row_id').val();
            var itemQty = $('#opening_stock_' + modal_rack_row_id).val();
            var totalRackQty = 0;
            var itemsRacks = [];
            var hasError = false;
            $('.racks').each(function() {
                var rack_id = $(this).val();
                var rowId = $(this).closest('.modal-rack-row').attr('data-id');
                if (rack_id != '' && rowId != '') {
                    var rackQty = parseFloat($('#modal_rack_qty_' + rowId).val()) || 0;
                    if (rackQty != '' && rackQty != 0) {
                        totalRackQty = totalRackQty + parseFloat(rackQty);
                        itemsRacks.push({
                            rack_id: rack_id,
                            rack_name: $(this).find('option:selected').text(),
                            rack_qty: rackQty
                        });
                    } else {
                        alert("Please enter rack quantity");
                        hasError = true;
                        return false;
                    }
                } else {
                    alert("Please select rack");
                    hasError = true;
                    return false;
                }
            });
            if (hasError) return;
            if (totalRackQty != itemQty) {
                alert("Total rack quantity should be equal to item quantity");
                return false;
            }
            $('#modal-rack-body').html('');
            $('#modal_rack_row_id').val('');
            $('#item_racks_' + modal_rack_row_id).val(JSON.stringify(itemsRacks));
            $('#rackModal').modal('hide');
        })
        $(document).on('keydown', '.rackQty', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                var id = $(this).closest('.modal-rack-row').attr('data-id');
                id = parseInt(id) + 1;
                if ($('#rack_id_' + id).val() == '' || $('#rack_id_' + id).val() == null) {
                    $('#add-modal-rack').focus();
                } else {
                    $('#rack_id_' + id).focus().select();
                }
            }
        })
        $('#rackModal').on('shown.bs.modal', function(e) {
            $('#rack_id_1').focus().select();
        });
        $(document).on('select2:close', '.racks', function(e) {
            $(this).closest('.modal-rack-row').find('.rackQty').focus().select();
        })
        $(document).on('keydown', function(e) {
            if (e.altKey && e.which === 49) {
                e.preventDefault();
                $('#save-modal-rack').trigger('click');
            }
            if (e.altKey && e.which === 50) {
                e.preventDefault();
                var id = $('#modal_rack_row_id').val();
                $('#rackModal').modal('hide');
            }
        })

        function validateRack() {
            var hasError = false;
            $('#addOpeningStockRow > .extraRow3').each(function() {
                var itemTotal = 0;
                var input_id = this.id.match(/\d+/);
                var qty = $("#opening_stock_" + input_id).val();
                if (qty == '' || qty == 0) {
                    hasError = true;
                    return false
                }
                var racks = $("#item_racks_" + input_id).val();
                if (racks == '' || racks == null) {
                    hasError = true;
                    alert("Please select rack for " + item);
                    return false
                }
                var racks = JSON.parse(racks);
                racks.forEach(function(item) {
                    itemTotal += parseFloat(item.rack_qty);
                });
                if (qty != itemTotal) {
                    alert("Total rack quantity should be equal to item quantity for ");
                    hasError = true;
                    return false;
                }
            });
            return hasError;
        }
    @endif
    var getFocusableElements = function() {
        return $('input:visible:not([disabled]):not([type="submit"]):not([type="button"]):not([type="reset"]), select:visible:not([disabled])');
    };
    $('input:not([type="submit"]):not([type="button"]):not([type="reset"]), select, .select2-container--default').on('keypress', function(e) {
        if (e.which === 13) {
            e.preventDefault();

            var $focusable = getFocusableElements();
            var $current_element = $(this);
            var current_index = -1;

            if ($current_element.hasClass('select2-container')) {
                $current_element = $current_element.prev('select');
            }

            current_index = $focusable.index($current_element);

            var next_index = current_index + 1;

            if (next_index < $focusable.length) {
                var $next_element = $focusable.eq(next_index);

                if ($next_element.hasClass('select2-hidden-accessible')) {
                    $next_element.select2('open');
                } else {
                    // Standard input focus
                    $next_element.focus();
                }
            }
        }
    });

    $(document).on('keydown', '.select2-search__field', function (e) {
        if (e.which === 13) {
            e.preventDefault();

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

            if ($highlighted.length) {
                // 1. Trigger the selection
                $highlighted.trigger('mouseup');
            }

            setTimeout(function() {
                var $current_select = $('.select2-container--focus').prev('select');

                if ($current_select.length) {
                    var $focusable = getFocusableElements();
                    var current_index = $focusable.index($current_select);
                    var next_index = current_index + 1;

                    if (next_index < $focusable.length) {
                        var $next_element = $focusable.eq(next_index);

                        // Check if the next element is also a Select2
                        if ($next_element.hasClass('select2-hidden-accessible')) {
                            $next_element.select2('open');
                        } else {
                            $next_element.focus();
                        }
                    }
                }
            }, 10); // Reduced delay is often sufficient
        }
    });
</script>
@endsection