@php
    $idSuffix = $idSuffix ?? 'create';
    $categories = $categories ?? collect();
    $mode = $mode ?? 'create';
    $nextInventoryCode = $nextInventoryCode ?? '';
    $discModes = ['' => '—', 'fixed' => 'Fixed', 'percent' => 'Percent'];
    $priceOpts = ['market_price' => 'Market Price', 'base_price' => 'Base Price', 'list_price' => 'List Price'];
@endphp

<div class="adm-inv-grid">
    <div class="adm-inv-panel">
        <div class="adm-inv-panel-bar">Identification / Barcodes</div>
        <div class="adm-inv-panel-tools small">
            <div class="form-check form-check-inline mb-0">
                <input class="form-check-input" type="checkbox" name="is_restricted" value="1" id="adm_rstr_{{ $idSuffix }}">
                <label class="form-check-label" for="adm_rstr_{{ $idSuffix }}">Restricted item</label>
            </div>
            <div class="form-check form-check-inline mb-0">
                <input class="form-check-input" type="checkbox" name="is_virtual" value="1" id="adm_virt_{{ $idSuffix }}">
                <label class="form-check-label" for="adm_virt_{{ $idSuffix }}">Virtual item</label>
            </div>
        </div>
        <div class="adm-inv-kv">
            <label class="adm-inv-label">Inventory No</label>
            <input type="text" class="form-control form-control-sm bg-light js-adm-inv-no" readonly tabindex="-1"
                value="{{ $mode === 'create' ? $nextInventoryCode : '' }}">

            <label class="adm-inv-label">Barcode</label>
            <input type="text" class="form-control form-control-sm" name="barcode" placeholder="Primary barcode">

            <label class="adm-inv-label">Additional barcodes</label>
            <input type="text" class="form-control form-control-sm" name="additional_barcodes" placeholder="Secondary codes">

            <label class="adm-inv-label">Part no.</label>
            <input type="text" class="form-control form-control-sm" name="part_number" placeholder="OEM / internal #">

            <label class="adm-inv-label">Product name <span class="text-danger">*</span></label>
            <input type="text" class="form-control form-control-sm" name="name" required placeholder="e.g. Oil filter">

            <label class="adm-inv-label">Category <span class="text-danger">*</span></label>
            <select class="form-select form-select-sm" name="spare_part_category_id" required>
                <option value="">— Select —</option>
                @foreach($categories as $cat)
                    <option value="{{ $cat->id }}">{{ $cat->icon }} {{ $cat->name }}</option>
                @endforeach
            </select>

            <label class="adm-inv-label">Supplier code</label>
            <input type="text" class="form-control form-control-sm" name="supplier_code" placeholder="Vendor code">

            <label class="adm-inv-label">Supplier</label>
            <input type="text" class="form-control form-control-sm" name="supplier_name" placeholder="Supplier name (master list)">

            <label class="adm-inv-label">Additional suppliers</label>
            <textarea class="form-control form-control-sm" name="additional_suppliers" rows="2" placeholder="One per line or free text"></textarea>

            <label class="adm-inv-label">Brand</label>
            <input type="text" class="form-control form-control-sm" name="brand" placeholder="Optional">

            <label class="adm-inv-label">Manufacturer</label>
            <input type="text" class="form-control form-control-sm" name="manufacturer" placeholder="Optional">

            <label class="adm-inv-label">Warranty</label>
            <input type="text" class="form-control form-control-sm" name="warranty" placeholder="e.g. 6 months">
        </div>
    </div>

    <div class="adm-inv-panel">
        <div class="adm-inv-panel-bar">Pricing / Cost</div>
        <div class="inv-pricing-wrap">
            <div class="inv-pricing-toolbar">
                <div class="inv-pricing-tool">
                    <label class="inv-pricing-tool-lbl" for="adm_bpf_{{ $idSuffix }}">Base price option</label>
                    <select class="form-select form-select-sm" id="adm_bpf_{{ $idSuffix }}" name="base_price_option">
                        @foreach($priceOpts as $val => $lbl)
                            <option value="{{ $val }}">{{ $lbl }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="inv-pricing-tool">
                    <label class="inv-pricing-tool-lbl" for="adm_pdf_{{ $idSuffix }}">Default</label>
                    <select class="form-select form-select-sm" id="adm_pdf_{{ $idSuffix }}" name="pricing_default">
                        <option value="">—</option>
                        <option value="standard">Standard</option>
                        <option value="promo">Promotional</option>
                    </select>
                </div>
                <div class="inv-pricing-tool">
                    <span class="inv-pricing-tool-lbl">Market price</span>
                    <div class="input-group input-group-sm">
                        <span class="input-group-text">Rs</span>
                        <input type="number" step="0.01" min="0" class="form-control" name="market_price" value="0">
                    </div>
                </div>
            </div>

            <div class="inv-pricing-matrix" role="group" aria-label="Price amounts and discounts">
                <div class="inv-pm-head">
                    <span></span>
                    <span>Amount</span>
                    <span>%</span>
                    <span>Disc. mode</span>
                    <span>Disc. rate</span>
                </div>
                <div class="inv-pm-row">
                    <span class="inv-pm-row-lbl">Sale</span>
                    <div class="input-group input-group-sm">
                        <span class="input-group-text">Rs</span>
                        <input type="number" step="0.01" min="0" class="form-control" name="sale_price" value="0">
                    </div>
                    <input type="number" step="0.01" min="0" max="100" class="form-control form-control-sm inv-pm-pct" name="sale_price_percent" placeholder="%" value="">
                    <select class="form-select form-select-sm" name="sale_discount_mode">
                        @foreach($discModes as $val => $lbl)
                            <option value="{{ $val }}">{{ $lbl }}</option>
                        @endforeach
                    </select>
                    <input type="number" step="0.01" min="0" class="form-control form-control-sm" name="sale_discount_rate" value="0">
                </div>
                <div class="inv-pm-row">
                    <span class="inv-pm-row-lbl">Purchase <span class="text-danger">*</span></span>
                    <div class="input-group input-group-sm">
                        <span class="input-group-text">Rs</span>
                        <input type="number" step="0.01" min="0" class="form-control" name="base_price" required value="0">
                    </div>
                    <input type="number" step="0.01" min="0" max="100" class="form-control form-control-sm inv-pm-pct" name="purchase_price_percent" placeholder="%" value="">
                    <select class="form-select form-select-sm" name="purchase_discount_mode">
                        @foreach($discModes as $val => $lbl)
                            <option value="{{ $val }}">{{ $lbl }}</option>
                        @endforeach
                    </select>
                    <input type="number" step="0.01" min="0" class="form-control form-control-sm" name="purchase_discount_rate" value="0">
                </div>
                <div class="inv-pm-row">
                    <span class="inv-pm-row-lbl">Wholesale</span>
                    <div class="input-group input-group-sm">
                        <span class="input-group-text">Rs</span>
                        <input type="number" step="0.01" min="0" class="form-control" name="wholesale_price" value="0">
                    </div>
                    <input type="number" step="0.01" min="0" max="100" class="form-control form-control-sm inv-pm-pct" name="wholesale_percent" placeholder="%" value="">
                    <select class="form-select form-select-sm" name="wholesale_discount_mode">
                        @foreach($discModes as $val => $lbl)
                            <option value="{{ $val }}">{{ $lbl }}</option>
                        @endforeach
                    </select>
                    <input type="number" step="0.01" min="0" class="form-control form-control-sm" name="wholesale_discount_rate" value="0">
                </div>
            </div>

            <div class="inv-pricing-taxes">
                <div>
                    <label class="inv-pricing-tool-lbl" for="adm_stax_{{ $idSuffix }}">Sale tax %</label>
                    <input type="number" step="0.01" min="0" max="100" class="form-control form-control-sm" id="adm_stax_{{ $idSuffix }}" name="sale_tax_rate" value="0">
                </div>
                <div>
                    <label class="inv-pricing-tool-lbl" for="adm_ptax_{{ $idSuffix }}">Purchase tax %</label>
                    <input type="number" step="0.01" min="0" max="100" class="form-control form-control-sm" id="adm_ptax_{{ $idSuffix }}" name="purchase_tax_rate" value="0">
                </div>
                <div class="d-flex align-items-end pb-1">
                    <div class="form-check form-switch mb-0">
                        <input class="form-check-input" type="checkbox" name="is_taxable" value="1" id="adm_tax_{{ $idSuffix }}" checked>
                        <label class="form-check-label small" for="adm_tax_{{ $idSuffix }}">Taxable</label>
                    </div>
                </div>
            </div>

            <div class="inv-pricing-desc">
                <label class="inv-pricing-tool-lbl" for="adm_desc_{{ $idSuffix }}">Description</label>
                <textarea class="form-control form-control-sm" id="adm_desc_{{ $idSuffix }}" name="description" rows="2" placeholder="Optional"></textarea>
            </div>
        </div>
    </div>

    <div class="adm-inv-panel">
        <div class="adm-inv-panel-bar">Qty details (template)</div>
        <div class="adm-inv-kv">
            <label class="adm-inv-label">Total / template qty</label>
            <input type="number" min="0" class="form-control form-control-sm" name="qty_total" value="">

            <label class="adm-inv-label">Box / pack qty</label>
            <input type="number" min="0" class="form-control form-control-sm" name="box_pack_qty" value="">

            <label class="adm-inv-label">Reorder qty</label>
            <input type="number" min="0" class="form-control form-control-sm" name="reorder_qty" value="">

            <label class="adm-inv-label">Box stock avail.</label>
            <input type="number" min="0" class="form-control form-control-sm" name="box_stock_available" value="">

            <label class="adm-inv-label">Adv. expiry (days)</label>
            <input type="number" min="0" class="form-control form-control-sm" name="advanced_expiry_days" value="">
        </div>
        <p class="text-muted small mb-0 mt-1 px-3 pb-2">Live stock is stored per garage in <code>garage_parts</code> (with <code>garage_id</code>).</p>
    </div>

    <div class="adm-inv-panel">
        <div class="adm-inv-panel-bar">Organization</div>
        <div class="adm-inv-kv">
            <label class="adm-inv-label">Inventory type</label>
            <input type="text" class="form-control form-control-sm" name="inventory_type" value="Parts">

            <label class="adm-inv-label">Unit (UOM)</label>
            <select class="form-select form-select-sm" name="unit">
                <option value="piece">Piece</option>
                <option value="set">Set</option>
                <option value="liter">Liter</option>
                <option value="kg">Kilogram</option>
                <option value="meter">Meter</option>
            </select>

            <label class="adm-inv-label">UOM scale</label>
            <input type="number" step="0.0001" min="0" class="form-control form-control-sm" name="uom_scale_value" value="1">

            <label class="adm-inv-label">Available from</label>
            <input type="date" class="form-control form-control-sm" name="available_from" value="">

            <label class="adm-inv-label">Available to</label>
            <input type="date" class="form-control form-control-sm" name="available_to" value="">

            <label class="adm-inv-label">Sort order</label>
            <input type="number" min="0" class="form-control form-control-sm" name="sort_order" value="0">

            <label class="adm-inv-label">Status</label>
            <div class="form-check form-switch mb-0">
                <input class="form-check-input" type="checkbox" name="is_active" value="1" id="adm_sp_active_{{ $idSuffix }}" checked>
                <label class="form-check-label small" for="adm_sp_active_{{ $idSuffix }}">Active (master catalog)</label>
            </div>

            <label class="adm-inv-label">Notes</label>
            <textarea class="form-control form-control-sm" name="notes" rows="2" placeholder="Internal notes"></textarea>
        </div>
    </div>

    <div class="adm-inv-panel" style="grid-column: 1 / -1;">
        <div class="adm-inv-panel-bar">Chart of accounts</div>
        <div class="adm-inv-kv adm-inv-kv--chart">
            <label class="adm-inv-label">Sale account</label>
            <input type="text" class="form-control form-control-sm" name="chart_sale_account" placeholder="Code / name (optional)">

            <label class="adm-inv-label">Cost of sale</label>
            <input type="text" class="form-control form-control-sm" name="chart_cos_account" placeholder="Code / name (optional)">

            <label class="adm-inv-label">Inventory account</label>
            <input type="text" class="form-control form-control-sm" name="chart_inventory_account" placeholder="Code / name (optional)">
        </div>
    </div>
</div>