@extends('layouts.app')

@section('title', 'Inventory, Purchasing & Issuance')

@push('styles')
<style>
    .inv-tabs { border-bottom: 1px solid var(--line); gap: .25rem; }
    .inv-tabs .nav-link { color: var(--ink-soft); font-weight: 500; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: .75rem 1rem; }
    .inv-tabs .nav-link:hover { color: var(--ink); }
    .inv-tabs .nav-link.active { color: #4f46e5; border-bottom-color: #4f46e5; background: transparent; }
    .inv-tabs .count { font-size: .7rem; background: #f1f5f9; color: #475569; border-radius: 999px; padding: 1px 7px; margin-left: 4px; }
    .pos-links { font-size: .74rem; color: #64748b; }
</style>
@endpush

@php
    $fmt = fn ($n) => rtrim(rtrim(number_format((float) $n, 2), '0'), '.');
    $levelMeta = ['ok' => ['In stock', 'pill-available'], 'low' => ['Low — reorder', 'pill-maintenance'], 'out' => ['Out of stock', 'pill-overdue']];
    $reopen = old('_form');
    // Reopened after a validation error as a correction (purchase-correct / issue-correct)?
    $correctingPurchase = $reopen === 'purchase-correct';
    $correctingIssue = $reopen === 'issue-correct';
@endphp

@section('content')
<div class="page-header">
    <div>
        <div class="eyebrow">Supply Chain</div>
        <h1>Inventory, Purchasing &amp; Issuance</h1>
        <p>Stock on hand across your stores. Purchases put stock on the books, issues and POS sales expense it — every movement posts to the general ledger automatically.</p>
    </div>
    @if ($can['create'])
        <div class="d-flex gap-2 flex-wrap">
            <button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#itemModal" data-mode="create"><i class="bi bi-plus-square me-1"></i> Register Item</button>
            <button type="button" class="btn btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#issueModal" @disabled($items->isEmpty())><i class="bi bi-box-arrow-right me-1"></i> Issue Stock</button>
            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#purchaseModal" @disabled($items->isEmpty())><i class="bi bi-truck me-1"></i> Record Purchase</button>
        </div>
    @endif
</div>

<div class="row g-3 mb-4">
    @foreach ([
        ['Stock value at cost', '₦' . number_format($stats['value'], 2), 'bi-safe', '#eef2ff', '#4f46e5', null],
        ['Stock items', $stats['items'], 'bi-box-seam', '#f1f5f9', '#475569', null],
        ['Low or out of stock', $stats['low'], 'bi-exclamation-triangle', $stats['low'] ? '#fef3c7' : '#dcfce7', $stats['low'] ? '#b45309' : '#15803d', null],
        ['Unpaid to suppliers', '₦' . number_format($stats['unpaid'], 2), 'bi-receipt', '#fee2e2', '#b91c1c', $stats['unpaidCount'] . ' ' . Str::plural('purchase', $stats['unpaidCount']) . ' on credit'],
    ] as [$label, $value, $icon, $bg, $fg, $hint])
        <div class="col-sm-6 col-xl-3">
            <div class="stat-card">
                <span class="stat-icon" style="background:{{ $bg }};color:{{ $fg }};"><i class="bi {{ $icon }}"></i></span>
                <span>
                    <span class="stat-value d-block money">{{ $value }}</span>
                    <span class="stat-label">{{ $label }}</span>
                    @if ($hint)<span class="stat-label d-block">{{ $hint }}</span>@endif
                </span>
            </div>
        </div>
    @endforeach
</div>

<section class="panel">
    <ul class="nav inv-tabs px-3" role="tablist">
        @foreach (['stock' => ['Stock Levels', $items->count()], 'purchases' => ['Purchases', $purchases->total()], 'issues' => ['Issues & Usage', $issues->total()], 'setup' => ['Categories & Units', null]] as $key => [$label, $count])
            <li class="nav-item" role="presentation">
                <button class="nav-link {{ $tab === $key ? 'active' : '' }}" data-bs-toggle="tab" data-bs-target="#tab-{{ $key }}" data-tab="{{ $key }}" type="button" role="tab" aria-controls="tab-{{ $key }}" aria-selected="{{ $tab === $key ? 'true' : 'false' }}">
                    {{ $label }}@if ($count !== null)<span class="count">{{ $count }}</span>@endif
                </button>
            </li>
        @endforeach
    </ul>

    <div class="tab-content">
        {{-- ================= Stock levels ================= --}}
        <div class="tab-pane fade {{ $tab === 'stock' ? 'show active' : '' }}" id="tab-stock" role="tabpanel">
            @php $filtering = $filters['q'] !== '' || $filters['category'] || $filters['level']; @endphp
            {{-- Server-side: the filters reach every page of stock, not just the one on screen. --}}
            <form method="GET" action="{{ route('hotel.inventory.index') }}" class="panel-body border-bottom d-flex flex-wrap gap-2 align-items-center" role="search" id="stockFilter">
                <input type="hidden" name="tab" value="stock">
                <div class="input-group input-group-sm" style="max-width: 260px;">
                    <span class="input-group-text bg-white"><i class="bi bi-search"></i></span>
                    <label for="stockSearch" class="visually-hidden">Search stock</label>
                    <input type="search" id="stockSearch" name="q" class="form-control" placeholder="Search stock…" autocomplete="off" value="{{ $filters['q'] }}">
                </div>
                <label for="stockCategory" class="visually-hidden">Category</label>
                <select id="stockCategory" name="category" class="form-select form-select-sm" style="max-width: 220px;" onchange="this.form.submit()">
                    <option value="">All categories</option>
                    @foreach ($categories as $c)<option value="{{ $c->category_id }}" @selected($filters['category'] === $c->category_id)>{{ $c->category_name }}</option>@endforeach
                </select>
                <label for="stockLevel" class="visually-hidden">Stock level</label>
                <select id="stockLevel" name="level" class="form-select form-select-sm" style="max-width: 180px;" onchange="this.form.submit()">
                    <option value="">All levels</option>
                    <option value="attention" @selected($filters['level'] === 'attention')>Low or out</option>
                    <option value="out" @selected($filters['level'] === 'out')>Out of stock</option>
                </select>
                @if ($filtering)
                    <a href="{{ route('hotel.inventory.index', ['tab' => 'stock']) }}" class="btn btn-sm btn-light border">Clear</a>
                    <span class="small text-muted">{{ $stock->total() }} of {{ $items->count() }} {{ Str::plural('item', $items->count()) }}</span>
                @endif
            </form>
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Item</th>
                            <th>Category</th>
                            @if ($showBranch)<th>Branch</th>@endif
                            <th class="text-end">On hand</th>
                            <th>Level</th>
                            <th class="text-end">Unit cost</th>
                            <th class="text-end">Value</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody id="stockRows">
                        @forelse ($stock as $item)
                            @php [$levelLabel, $levelClass] = $levelMeta[$item->stockLevel()]; @endphp
                            <tr data-name="{{ mb_strtolower($item->item_name) }}" data-category="{{ $item->category_id }}" data-level="{{ $item->stockLevel() }}">
                                <td>
                                    <div class="fw-semibold">{{ $item->item_name }}</div>
                                    @if ($item->posItems->isNotEmpty())
                                        <div class="pos-links"><i class="bi bi-link-45deg"></i>Sold as {{ $item->posItems->map(fn ($p) => $p->item_name . ' (' . $fmt($p->consumption_qty) . '×)')->implode(', ') }}</div>
                                    @endif
                                </td>
                                <td class="small">{{ $item->category->category_name ?? '—' }}</td>
                                @if ($showBranch)<td class="small text-muted text-nowrap">{{ $item->branch->branch_name ?? '—' }}</td>@endif
                                <td class="text-end text-nowrap money"><span class="fw-semibold">{{ $fmt($item->quantity_in_stock) }}</span> <span class="text-muted small">{{ $item->unitLabel() }}</span></td>
                                <td>
                                    <span class="status-pill {{ $levelClass }}">{{ $levelLabel }}</span>
                                    <div class="small text-muted mt-1">Reorder at {{ $fmt($item->reorder_level) }}</div>
                                </td>
                                <td class="text-end money">₦{{ number_format((float) $item->unit_cost, 2) }}</td>
                                <td class="text-end money fw-semibold">₦{{ number_format($item->stockValue(), 2) }}</td>
                                <td class="text-end text-nowrap">
                                    @if ($can['create'])
                                        <button type="button" class="btn btn-sm btn-light border" title="Record a purchase" aria-label="Buy more {{ $item->item_name }}" data-bs-toggle="modal" data-bs-target="#purchaseModal" data-item="{{ $item->item_id }}" data-cost="{{ $item->unit_cost }}"><i class="bi bi-truck"></i></button>
                                        <button type="button" class="btn btn-sm btn-light border" title="Issue stock" aria-label="Issue {{ $item->item_name }}" data-bs-toggle="modal" data-bs-target="#issueModal" data-item="{{ $item->item_id }}" @disabled((float) $item->quantity_in_stock <= 0)><i class="bi bi-box-arrow-right"></i></button>
                                    @endif
                                    @if ($can['edit'])
                                        <button type="button" class="btn btn-sm btn-light border text-primary" title="Correct stock count" aria-label="Correct the stock count of {{ $item->item_name }}" data-bs-toggle="modal" data-bs-target="#countModal"
                                                data-action="{{ route('hotel.inventory.items.count', $item) }}" data-label="{{ $item->item_name }}" data-onhand="{{ (float) $item->quantity_in_stock }}" data-unit="{{ $item->unitLabel() }}" data-cost="{{ (float) $item->unit_cost }}"><i class="bi bi-clipboard-check"></i></button>
                                        <button type="button" class="btn btn-sm btn-light border" title="Edit item" aria-label="Edit {{ $item->item_name }}" data-bs-toggle="modal" data-bs-target="#itemModal" data-mode="edit"
                                                data-action="{{ route('hotel.inventory.items.update', $item) }}" data-name="{{ $item->item_name }}" data-category="{{ $item->category_id }}"
                                                data-unit="{{ $item->unit_id }}" data-reorder="{{ (float) $item->reorder_level }}" data-branch="{{ $item->branch_id }}"><i class="bi bi-pencil"></i></button>
                                    @endif
                                    @if ($can['delete'])
                                        <form method="POST" action="{{ route('hotel.inventory.items.destroy', $item) }}" class="d-inline" onsubmit="return confirm('Delete {{ addslashes($item->item_name) }}? Only possible for an item with no stock and no history.');">
                                            @csrf @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-light border text-danger" title="Delete item" aria-label="Delete {{ $item->item_name }}"><i class="bi bi-trash3"></i></button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="8">
                                @if ($filtering)
                                    <div class="empty-state py-4"><i class="bi bi-search"></i>No stock matches these filters.</div>
                                @elseif ($stock->total())
                                    <div class="empty-state py-4">No items on this page.</div>
                                @else
                                    <div class="empty-state"><i class="bi bi-box-seam"></i>No stock items yet{{ $can['create'] ? ' — use "Register Item" to add your first one.' : '.' }}</div>
                                @endif
                            </td></tr>
                        @endforelse
                    </tbody>
                    @if ($items->isNotEmpty())
                        {{-- The whole store's value, not just this page. --}}
                        <tfoot><tr class="fw-bold"><td colspan="{{ $showBranch ? 6 : 5 }}" class="text-end">Total stock value (all items)</td><td class="text-end money">₦{{ number_format($stats['value'], 2) }}</td><td></td></tr></tfoot>
                    @endif
                </table>
            </div>
            <div class="pb-3">@include('partials.list-pager', ['page' => $stock, 'noun' => 'item'])</div>
        </div>

        {{-- ================= Purchases ================= --}}
        <div class="tab-pane fade {{ $tab === 'purchases' ? 'show active' : '' }}" id="tab-purchases" role="tabpanel">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Item</th>
                            <th class="text-end">Quantity × cost</th>
                            <th>Supplier</th>
                            <th class="text-end">Amount</th>
                            <th>Payment</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($purchases as $p)
                            <tr>
                                <td class="text-nowrap">
                                    <div>{{ $p->txn_date?->format('M d, Y') }}</div>
                                    <div class="small text-muted">#{{ $p->expenditure_id }}@if ($p->posted_entry_id) · JE #{{ $p->posted_entry_id }}@endif</div>
                                </td>
                                <td>
                                    <div class="fw-semibold">{{ $p->item->item_name ?? '—' }}</div>
                                    @if ($p->created_by)<div class="small text-muted">by {{ $p->created_by }}</div>@endif
                                </td>
                                <td class="text-end text-nowrap money">{{ $fmt($p->quantity) }} {{ $p->item?->unitLabel() }} × ₦{{ number_format((float) $p->unit_cost, 2) }}</td>
                                <td>{{ $p->payee_name ?: '—' }}</td>
                                <td class="text-end money fw-semibold">₦{{ number_format((float) $p->amount, 2) }}</td>
                                <td>
                                    @if ($p->payment_status === 'paid')
                                        <span class="status-pill pill-available">Paid · {{ $p->payment_method ?: 'Cash' }}</span>
                                    @elseif ($p->settled_entry_id)
                                        <span class="status-pill pill-reserved">Settled later</span>
                                    @else
                                        <span class="status-pill pill-overdue">Unpaid · on credit</span>
                                    @endif
                                </td>
                                <td class="text-end text-nowrap">
                                    @if ($can['edit'] && !$p->settled_entry_id)
                                        @php
                                            $fix = ['action' => route('hotel.inventory.purchases.correct', $p), 'id' => $p->expenditure_id, 'date' => $p->txn_date?->toDateString(), 'dateLabel' => $p->txn_date?->format('M d, Y'),
                                                'item' => $p->item_id, 'qty' => (float) $p->quantity, 'cost' => (float) $p->unit_cost, 'vendor' => $p->payee_name,
                                                'status' => $p->payment_status === 'paid' ? 'paid' : 'unpaid', 'method' => $p->payment_method];
                                        @endphp
                                        <button type="button" class="btn btn-sm btn-light border text-primary" data-bs-toggle="modal" data-bs-target="#purchaseModal" data-correct="{{ json_encode($fix) }}"
                                                title="Correct — wrong item, quantity, cost, date or payment" aria-label="Correct purchase #{{ $p->expenditure_id }}"><i class="bi bi-wrench-adjustable"></i></button>
                                    @endif
                                    @if ($can['edit'])
                                        <button type="button" class="btn btn-sm btn-light border" title="Edit supplier/date" aria-label="Edit purchase #{{ $p->expenditure_id }}" data-bs-toggle="modal" data-bs-target="#editPurchaseModal"
                                                data-action="{{ route('hotel.inventory.purchases.update', $p) }}" data-vendor="{{ $p->payee_name }}" data-date="{{ $p->txn_date?->toDateString() }}" data-label="{{ $fmt($p->quantity) }} × {{ $p->item->item_name ?? 'item' }}"><i class="bi bi-pencil"></i></button>
                                    @endif
                                    @if ($can['delete'])
                                        <form method="POST" action="{{ route('hotel.inventory.purchases.destroy', $p) }}" class="d-inline" onsubmit="return confirm('Delete this purchase? The stock comes back off the shelf and a reversing ledger entry is posted.');">
                                            @csrf @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-light border text-danger" title="Delete and reverse" aria-label="Delete purchase #{{ $p->expenditure_id }}" @disabled($p->settled_entry_id)><i class="bi bi-arrow-counterclockwise"></i></button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="7"><div class="empty-state"><i class="bi bi-truck"></i>{{ $purchases->total() ? 'No purchases on this page.' : 'No purchases recorded yet.' }}</div></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="pb-3">@include('partials.list-pager', ['page' => $purchases, 'noun' => 'purchase'])</div>
            <div class="panel-body border-top small text-muted"><i class="bi bi-info-circle me-1"></i>Only the supplier and date can be edited. A wrong quantity, cost or payment is corrected by deleting the purchase (which reverses its stock and ledger entry) and recording it again. Purchases on credit are paid off under <a href="{{ route('hotel.expenditures.index', ['tab' => 'payables']) }}">Expenditure → Accounts Payable</a>.</div>
        </div>

        {{-- ================= Issues ================= --}}
        <div class="tab-pane fade {{ $tab === 'issues' ? 'show active' : '' }}" id="tab-issues" role="tabpanel">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Date</th>
                            <th>Item</th>
                            <th class="text-end">Quantity</th>
                            <th>Issued to</th>
                            <th class="text-end">Cost</th>
                            <th>Source</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($issues as $iss)
                            @php $fromPos = $iss->isFromPosSale(); @endphp
                            <tr>
                                <td class="text-nowrap">
                                    <div>{{ $iss->issue_date?->format('M d, Y') }}</div>
                                    <div class="small text-muted">#{{ $iss->issue_id }}@if ($iss->posted_entry_id) · JE #{{ $iss->posted_entry_id }}@endif</div>
                                </td>
                                <td class="fw-semibold">{{ $iss->item->item_name ?? '—' }}</td>
                                <td class="text-end text-nowrap money">{{ $fmt($iss->quantity) }} {{ $iss->item?->unitLabel() }}</td>
                                <td>{{ $iss->outlet_name }}</td>
                                <td class="text-end money">₦{{ number_format((float) $iss->total_cost, 2) }}</td>
                                <td>
                                    @if ($fromPos)
                                        <span class="status-pill pill-reserved">POS sale</span>
                                    @else
                                        <span class="status-pill pill-neutral">Manual issue</span>
                                    @endif
                                    @if ($iss->notes)<div class="small text-muted mt-1 text-truncate" style="max-width: 240px;" title="{{ $iss->notes }}">{{ $iss->notes }}</div>@endif
                                </td>
                                <td class="text-end text-nowrap">
                                    @unless ($fromPos)
                                        @if ($can['edit'] && ($iss->posted_entry_id || (float) $iss->total_cost == 0))
                                            @php
                                                $fix = ['action' => route('hotel.inventory.issues.correct', $iss), 'id' => $iss->issue_id, 'date' => $iss->issue_date?->toDateString(), 'dateLabel' => $iss->issue_date?->format('M d, Y'),
                                                    'item' => $iss->item_id, 'outlet' => $iss->outlet_id, 'qty' => (float) $iss->quantity, 'notes' => $iss->notes];
                                            @endphp
                                            <button type="button" class="btn btn-sm btn-light border text-primary" data-bs-toggle="modal" data-bs-target="#issueModal" data-correct="{{ json_encode($fix) }}"
                                                    title="Correct — wrong item, outlet, quantity or date" aria-label="Correct issue #{{ $iss->issue_id }}"><i class="bi bi-wrench-adjustable"></i></button>
                                        @endif
                                        @if ($can['edit'])
                                            <button type="button" class="btn btn-sm btn-light border" title="Edit outlet/date/notes" aria-label="Edit issue #{{ $iss->issue_id }}" data-bs-toggle="modal" data-bs-target="#editIssueModal"
                                                    data-action="{{ route('hotel.inventory.issues.update', $iss) }}" data-outlet="{{ $iss->outlet_id }}" data-branch="{{ $iss->item?->branch_id }}"
                                                    data-date="{{ $iss->issue_date?->toDateString() }}" data-notes="{{ $iss->notes }}" data-label="{{ $fmt($iss->quantity) }} × {{ $iss->item->item_name ?? 'item' }}"><i class="bi bi-pencil"></i></button>
                                        @endif
                                        @if ($can['delete'])
                                            <form method="POST" action="{{ route('hotel.inventory.issues.destroy', $iss) }}" class="d-inline" onsubmit="return confirm('Delete this issue? The stock goes back on the shelf and a reversing ledger entry is posted.');">
                                                @csrf @method('DELETE')
                                                <button type="submit" class="btn btn-sm btn-light border text-danger" title="Delete and reverse" aria-label="Delete issue #{{ $iss->issue_id }}"><i class="bi bi-arrow-counterclockwise"></i></button>
                                            </form>
                                        @endif
                                    @endunless
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="7"><div class="empty-state"><i class="bi bi-box-arrow-right"></i>{{ $issues->total() ? 'No issues on this page.' : 'No stock has been issued yet.' }}</div></td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            <div class="pb-3">@include('partials.list-pager', ['page' => $issues, 'noun' => 'issue'])</div>
            <div class="panel-body border-top small text-muted"><i class="bi bi-info-circle me-1"></i>POS-sale lines are created automatically when a stock-linked item is sold and can only change by reversing that sale.</div>
        </div>

        {{-- ================= Setup ================= --}}
        <div class="tab-pane fade {{ $tab === 'setup' ? 'show active' : '' }}" id="tab-setup" role="tabpanel">
            <div class="row g-0">
                <div class="col-lg-7 border-end">
                    <div class="panel-body">
                        <h2 class="fs-6 fw-semibold mb-1">Stock categories</h2>
                        <p class="small text-muted">Also used to file cost of sales under the right department (food, beverage…) when stock is issued or sold.</p>
                        @if ($can['create'])
                            <form method="POST" action="{{ route('hotel.inventory.categories.store') }}" class="row g-2 mb-3">
                                @csrf
                                <input type="hidden" name="_form" value="category">
                                <div class="col-md-{{ $branches->isNotEmpty() ? 4 : 5 }}">
                                    <label for="cat_name" class="visually-hidden">Category name</label>
                                    <input type="text" id="cat_name" name="category_name" class="form-control form-control-sm" placeholder="Category name" maxlength="100" value="{{ old('category_name') }}" required>
                                </div>
                                <div class="col-md-{{ $branches->isNotEmpty() ? 3 : 5 }}">
                                    <label for="cat_desc" class="visually-hidden">Description</label>
                                    <input type="text" id="cat_desc" name="description" class="form-control form-control-sm" placeholder="Description (optional)" maxlength="500" value="{{ old('description') }}">
                                </div>
                                @if ($branches->isNotEmpty())
                                    <div class="col-md-3">
                                        <label for="cat_branch" class="visually-hidden">Branch</label>
                                        <select id="cat_branch" name="branch_id" class="form-select form-select-sm">
                                            <option value="">All branches</option>
                                            @foreach ($branches as $b)<option value="{{ $b->branch_id }}">{{ $b->branch_name }} only</option>@endforeach
                                        </select>
                                    </div>
                                @endif
                                <div class="col-md-2"><button type="submit" class="btn btn-sm btn-primary w-100"><i class="bi bi-plus-lg"></i> Add</button></div>
                            </form>
                        @endif
                        <ul class="list-group list-group-flush">
                            @forelse ($categories as $c)
                                <li class="list-group-item px-0 d-flex justify-content-between align-items-center">
                                    <div>
                                        <span class="fw-medium">{{ $c->category_name }}</span>
                                        <span class="small text-muted"> · {{ $c->items_count }} {{ Str::plural('item', $c->items_count) }}@if ($showBranch) · {{ $c->branch->branch_name ?? 'All branches' }}@endif</span>
                                        @if ($c->description)<div class="small text-muted">{{ $c->description }}</div>@endif
                                    </div>
                                    @if ($can['delete'])
                                        <form method="POST" action="{{ route('hotel.inventory.categories.destroy', $c) }}" onsubmit="return confirm('Delete category {{ addslashes($c->category_name) }}?');">
                                            @csrf @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-light border text-danger" title="{{ $c->items_count ? 'Has items' : 'Delete category' }}" aria-label="Delete {{ $c->category_name }}" @disabled($c->items_count)><i class="bi bi-trash3"></i></button>
                                        </form>
                                    @endif
                                </li>
                            @empty
                                <li class="list-group-item px-0 text-muted small">No categories yet.</li>
                            @endforelse
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="panel-body">
                        <h2 class="fs-6 fw-semibold mb-1">Units of measure</h2>
                        <p class="small text-muted">How each item is counted — kilograms, bottles, pieces…</p>
                        @if ($can['create'])
                            <form method="POST" action="{{ route('hotel.inventory.units.store') }}" class="row g-2 mb-3">
                                @csrf
                                <input type="hidden" name="_form" value="unit">
                                <div class="col-6"><label for="unit_name" class="visually-hidden">Unit name</label><input type="text" id="unit_name" name="unit_name" class="form-control form-control-sm" placeholder="Name, e.g. Crate" maxlength="50" value="{{ old('unit_name') }}" required></div>
                                <div class="col-3"><label for="unit_symbol" class="visually-hidden">Symbol</label><input type="text" id="unit_symbol" name="unit_symbol" class="form-control form-control-sm" placeholder="crt" maxlength="20" value="{{ old('unit_symbol') }}" required></div>
                                <div class="col-3"><button type="submit" class="btn btn-sm btn-primary w-100"><i class="bi bi-plus-lg"></i> Add</button></div>
                            </form>
                        @endif
                        <ul class="list-group list-group-flush">
                            @forelse ($units as $u)
                                <li class="list-group-item px-0 d-flex justify-content-between align-items-center">
                                    <span><span class="fw-medium">{{ $u->unit_name }}</span> <span class="status-pill pill-neutral ms-1">{{ $u->unit_symbol }}</span> <span class="small text-muted">· {{ $u->items_count }} {{ Str::plural('item', $u->items_count) }}</span></span>
                                    @if ($can['delete'])
                                        <form method="POST" action="{{ route('hotel.inventory.units.destroy', $u) }}" onsubmit="return confirm('Delete unit {{ addslashes($u->unit_name) }}?');">
                                            @csrf @method('DELETE')
                                            <button type="submit" class="btn btn-sm btn-light border text-danger" title="{{ $u->items_count ? 'In use' : 'Delete unit' }}" aria-label="Delete {{ $u->unit_name }}" @disabled($u->items_count)><i class="bi bi-trash3"></i></button>
                                        </form>
                                    @endif
                                </li>
                            @empty
                                <li class="list-group-item px-0 text-muted small">No units yet.</li>
                            @endforelse
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{{-- ================= Modals ================= --}}

{{-- Register / edit item --}}
<div class="modal fade" id="itemModal" tabindex="-1" aria-labelledby="itemModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <form method="POST" action="{{ $reopen === 'item-edit' ? old('_action') : route('hotel.inventory.items.store') }}" class="modal-content border-0 shadow" id="itemForm">
            @csrf
            <input type="hidden" name="_method" id="itemMethod" value="{{ $reopen === 'item-edit' ? 'PUT' : 'POST' }}">
            <input type="hidden" name="_form" id="itemFormKey" value="{{ $reopen === 'item-edit' ? 'item-edit' : 'item-create' }}">
            <input type="hidden" name="_action" id="itemActionField" value="{{ old('_action') }}">
            <input type="hidden" id="itemBranchFixed" name="_branch" value="{{ old('_branch') }}">
            <div class="modal-header border-0 pb-0">
                <h5 class="modal-title fw-semibold" id="itemModalTitle">{{ $reopen === 'item-edit' ? 'Edit Stock Item' : 'Register Stock Item' }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row g-3">
                    <div class="col-md-8">
                        <label for="it_name" class="form-label">Item name</label>
                        <input type="text" id="it_name" name="item_name" class="form-control" maxlength="150" placeholder="e.g. Heineken 33cl" value="{{ old('item_name') }}" required>
                    </div>
                    <div class="col-md-4">
                        <label for="it_unit" class="form-label">Unit of measure</label>
                        <select id="it_unit" name="unit_id" class="form-select" required>
                            <option value="" disabled @selected(!old('unit_id'))>Choose…</option>
                            @foreach ($units as $u)<option value="{{ $u->unit_id }}" @selected((string) old('unit_id') === (string) $u->unit_id)>{{ $u->unit_name }} ({{ $u->unit_symbol }})</option>@endforeach
                        </select>
                    </div>
                    @if ($branches->isNotEmpty())
                        <div class="col-md-6 js-create-only">
                            <label for="it_branch" class="form-label">Stocked at</label>
                            <select id="it_branch" name="branch_id" class="form-select">
                                @foreach ($branches as $b)<option value="{{ $b->branch_id }}" @selected((string) old('branch_id', $activeBranchId) === (string) $b->branch_id)>{{ $b->branch_name }}</option>@endforeach
                            </select>
                        </div>
                    @endif
                    <div class="{{ $branches->isNotEmpty() ? 'col-md-6' : 'col-md-8' }}">
                        <label for="it_category" class="form-label">Category</label>
                        <select id="it_category" name="category_id" class="form-select" required>
                            <option value="" disabled @selected(!old('category_id'))>Choose…</option>
                            @foreach ($categories as $c)<option value="{{ $c->category_id }}" data-branch="{{ $c->branch_id }}" @selected((string) old('category_id') === (string) $c->category_id)>{{ $c->category_name }}</option>@endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="it_reorder" class="form-label">Reorder level</label>
                        <input type="number" id="it_reorder" name="reorder_level" class="form-control" step="0.01" min="0" value="{{ old('reorder_level', 10) }}" required>
                    </div>
                </div>
                <div class="js-create-only">
                    <hr class="my-4">
                    <h6 class="text-uppercase small fw-semibold text-muted mb-1">Opening stock <span class="fw-normal text-lowercase">(optional)</span></h6>
                    <p class="small text-muted mb-3">Stock you already hold. It's posted to the ledger as Inventory against Owner's Capital — to record stock you're buying now, register the item with zero and use Record Purchase instead.</p>
                    <div class="row g-3">
                        <div class="col-md-4">
                            <label for="it_qty" class="form-label">Quantity on hand</label>
                            <input type="number" id="it_qty" name="quantity_in_stock" class="form-control" step="0.01" min="0" value="{{ old('quantity_in_stock', 0) }}">
                        </div>
                        <div class="col-md-4">
                            <label for="it_cost" class="form-label">Unit cost (₦)</label>
                            <input type="number" id="it_cost" name="unit_cost" class="form-control" step="0.01" min="0" value="{{ old('unit_cost', '0.00') }}">
                        </div>
                        <div class="col-md-4">
                            <div class="rounded-3 bg-light px-3 py-2 h-100 d-flex flex-column justify-content-center">
                                <div class="small text-muted">Opening value</div>
                                <div class="fw-semibold money" id="it_value">₦0.00</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer border-0 pt-0">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary px-4">Save Item</button>
            </div>
        </form>
    </div>
</div>

{{-- Record purchase --}}
<div class="modal fade" id="purchaseModal" tabindex="-1" aria-labelledby="purchaseModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <form method="POST" action="{{ $correctingPurchase ? old('_correct_action') : route('hotel.inventory.purchases.store') }}" class="modal-content border-0 shadow" id="purchaseForm"
              data-store="{{ route('hotel.inventory.purchases.store') }}">
            @csrf
            <input type="hidden" name="_form" id="pu_form" value="{{ $correctingPurchase ? 'purchase-correct' : 'purchase' }}">
            <input type="hidden" name="_correct_action" id="pu_correct_action" value="{{ $correctingPurchase ? old('_correct_action') : '' }}">
            <input type="hidden" name="_correct_id" id="pu_correct_id" value="{{ $correctingPurchase ? old('_correct_id') : '' }}">
            <input type="hidden" name="_correct_date" id="pu_correct_date" value="{{ $correctingPurchase ? old('_correct_date') : '' }}">
            <div class="modal-header border-0 pb-0">
                <div>
                    <h5 class="modal-title fw-semibold" id="purchaseModalTitle">{{ $correctingPurchase ? 'Correct purchase #' . old('_correct_id') : 'Record Purchase' }}</h5>
                    <div class="small text-muted" id="purchaseModalSub">{{ $correctingPurchase ? 'Fix what was wrong below. The old purchase is taken back off the shelf and reversed, and the corrected one recorded — same purchase number.' : 'Restock from a supplier — paid now, or on credit to Accounts Payable.' }}</div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                @include('partials.correction-panel', ['prefix' => 'pu', 'correcting' => $correctingPurchase, 'dateLabel' => old('_correct_date'), 'placeholder' => 'e.g. 24 crates received, not 42'])
                <div class="row g-3">
                    <div class="col-md-8">
                        <label for="pu_item" class="form-label">Stock item</label>
                        <select id="pu_item" name="item_id" class="form-select" required>
                            <option value="" disabled @selected(!old('item_id'))>Choose an item…</option>
                            @foreach ($items as $i)
                                <option value="{{ $i->item_id }}" data-cost="{{ $i->unit_cost }}" data-unit="{{ $i->unitLabel() }}" @selected((string) old('item_id') === (string) $i->item_id)>{{ $i->item_name }}@if ($showBranch) — {{ $i->branch->branch_name ?? '' }}@endif ({{ $fmt($i->quantity_in_stock) }} {{ $i->unitLabel() }} on hand)</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <label for="pu_date" class="form-label">Purchase date</label>
                        <input type="date" id="pu_date" name="purchase_date" class="form-control" max="{{ today()->toDateString() }}" value="{{ old('purchase_date', today()->toDateString()) }}" required>
                    </div>
                    <div class="col-md-4">
                        <label for="pu_qty" class="form-label">Quantity <span class="text-muted fw-normal" id="pu_unit"></span></label>
                        <input type="number" id="pu_qty" name="quantity" class="form-control" step="0.01" min="0.01" value="{{ old('quantity') }}" required>
                    </div>
                    <div class="col-md-4">
                        <label for="pu_cost" class="form-label">Unit cost (₦)</label>
                        <input type="number" id="pu_cost" name="unit_cost" class="form-control" step="0.01" min="0.01" value="{{ old('unit_cost') }}" required>
                    </div>
                    <div class="col-md-4">
                        <div class="rounded-3 bg-light px-3 py-2 h-100 d-flex flex-column justify-content-center">
                            <div class="small text-muted">Total</div>
                            <div class="fw-semibold money" id="pu_total">₦0.00</div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <label for="pu_vendor" class="form-label">Supplier <span class="text-muted fw-normal">(optional)</span></label>
                        <input type="text" id="pu_vendor" name="vendor_name" class="form-control" maxlength="150" placeholder="e.g. Nigerian Breweries Distributor" value="{{ old('vendor_name') }}">
                    </div>
                    <div class="col-md-6">
                        <span class="form-label d-block">Payment</span>
                        <div class="btn-group w-100" role="group" aria-label="Payment status">
                            <input type="radio" class="btn-check" name="payment_status" id="pu_paid" value="paid" @checked(old('payment_status', 'paid') === 'paid')>
                            <label class="btn btn-outline-secondary" for="pu_paid"><i class="bi bi-cash me-1"></i>Paid now</label>
                            <input type="radio" class="btn-check" name="payment_status" id="pu_credit" value="unpaid" @checked(old('payment_status') === 'unpaid')>
                            <label class="btn btn-outline-secondary" for="pu_credit"><i class="bi bi-hourglass me-1"></i>On credit</label>
                        </div>
                    </div>
                    <div class="col-md-6" id="pu_method_wrap">
                        <label for="pu_method" class="form-label">Paid by</label>
                        <select id="pu_method" name="payment_method" class="form-select">
                            @foreach (['Cash' => 'Cash (Cash on Hand)', 'Transfer' => 'Bank transfer (Cash in Bank)', 'POS/Card' => 'POS / card (Cash in Bank)'] as $m => $label)
                                <option value="{{ $m }}" @selected(old('payment_method') === $m)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="modal-footer border-0 pt-0">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary px-4" id="pu_submit">{{ $correctingPurchase ? 'Reverse & record correction' : 'Record Purchase' }}</button>
            </div>
        </form>
    </div>
</div>

{{-- Issue stock --}}
<div class="modal fade" id="issueModal" tabindex="-1" aria-labelledby="issueModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ $correctingIssue ? old('_correct_action') : route('hotel.inventory.issues.store') }}" class="modal-content border-0 shadow" id="issueForm"
              data-store="{{ route('hotel.inventory.issues.store') }}">
            @csrf
            <input type="hidden" name="_form" id="is_form" value="{{ $correctingIssue ? 'issue-correct' : 'issue' }}">
            <input type="hidden" name="_correct_action" id="is_correct_action" value="{{ $correctingIssue ? old('_correct_action') : '' }}">
            <input type="hidden" name="_correct_id" id="is_correct_id" value="{{ $correctingIssue ? old('_correct_id') : '' }}">
            <input type="hidden" name="_correct_date" id="is_correct_date" value="{{ $correctingIssue ? old('_correct_date') : '' }}">
            {{-- The item/quantity being corrected: that stock comes back first, so it counts as available. --}}
            <input type="hidden" name="_correct_item" id="is_correct_item" value="{{ $correctingIssue ? old('_correct_item') : '' }}">
            <input type="hidden" name="_correct_qty" id="is_correct_qty" value="{{ $correctingIssue ? old('_correct_qty') : '' }}">
            <div class="modal-header border-0 pb-0">
                <div>
                    <h5 class="modal-title fw-semibold" id="issueModalTitle">{{ $correctingIssue ? 'Correct issue #' . old('_correct_id') : 'Issue Stock' }}</h5>
                    <div class="small text-muted" id="issueModalSub">{{ $correctingIssue ? 'Fix what was wrong below. The old issue goes back on the shelf and is reversed, and the corrected one is issued at today\'s cost.' : 'Hand stock to an outlet or department — its cost is expensed now.' }}</div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                @include('partials.correction-panel', ['prefix' => 'is', 'correcting' => $correctingIssue, 'dateLabel' => old('_correct_date'), 'placeholder' => 'e.g. Sent to the Bar, not the Kitchen'])
                <div class="mb-3">
                    <label for="is_item" class="form-label">Stock item</label>
                    <select id="is_item" name="item_id" class="form-select" required>
                        <option value="" disabled @selected(!old('item_id'))>Choose an item…</option>
                        {{-- Every item is listed; a new issue only offers those in stock (a correction may return stock first). --}}
                        @foreach ($items as $i)
                            <option value="{{ $i->item_id }}" data-branch="{{ $i->branch_id }}" data-qty="{{ (float) $i->quantity_in_stock }}" data-unit="{{ $i->unitLabel() }}" data-cost="{{ $i->unit_cost }}" @selected((string) old('item_id') === (string) $i->item_id)>{{ $i->item_name }}@if ($showBranch) — {{ $i->branch->branch_name ?? '' }}@endif ({{ $fmt($i->quantity_in_stock) }} {{ $i->unitLabel() }})</option>
                        @endforeach
                    </select>
                </div>
                <div class="row g-3">
                    <div class="col-6">
                        <label for="is_qty" class="form-label">Quantity <span class="text-muted fw-normal" id="is_unit"></span></label>
                        <input type="number" id="is_qty" name="quantity" class="form-control" step="0.01" min="0.01" value="{{ old('quantity') }}" required>
                        <div class="form-text" id="is_available"></div>
                    </div>
                    <div class="col-6">
                        <label for="is_date" class="form-label">Date</label>
                        <input type="date" id="is_date" name="issue_date" class="form-control" max="{{ today()->toDateString() }}" value="{{ old('issue_date', today()->toDateString()) }}" required>
                    </div>
                    <div class="col-12">
                        <label for="is_outlet" class="form-label">Issued to</label>
                        <select id="is_outlet" name="outlet_id" class="form-select" required>
                            <option value="" disabled @selected(!old('outlet_id'))>Choose an outlet / department…</option>
                            @foreach ($outlets as $o)<option value="{{ $o->outlet_id }}" data-branch="{{ $o->branch_id }}" @selected((string) old('outlet_id') === (string) $o->outlet_id)>{{ $o->outlet_name }}</option>@endforeach
                        </select>
                        <div class="form-text">Only outlets in the same branch as the stock are listed.</div>
                    </div>
                    <div class="col-12">
                        <label for="is_notes" class="form-label">Notes <span class="text-muted fw-normal">(optional)</span></label>
                        <input type="text" id="is_notes" name="notes" class="form-control" maxlength="500" placeholder="e.g. Weekly kitchen requisition" value="{{ old('notes') }}">
                    </div>
                </div>
            </div>
            <div class="modal-footer border-0 pt-0">
                <span class="me-auto small text-muted" id="is_cost"></span>
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary px-4" id="is_submit">{{ $correctingIssue ? 'Reverse & record correction' : 'Issue Stock' }}</button>
            </div>
        </form>
    </div>
</div>

{{-- Stock count correction --}}
<div class="modal fade" id="countModal" tabindex="-1" aria-labelledby="countTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ $reopen === 'count' ? old('_action') : '' }}" class="modal-content border-0 shadow" id="countForm">
            @csrf
            <input type="hidden" name="_form" value="count">
            <input type="hidden" name="_action" id="ct_action" value="{{ $reopen === 'count' ? old('_action') : '' }}">
            <input type="hidden" name="_label" id="ct_label_in" value="{{ $reopen === 'count' ? old('_label') : '' }}">
            <input type="hidden" id="ct_onhand" value="{{ $reopen === 'count' ? old('_onhand') : '' }}" name="_onhand">
            <input type="hidden" id="ct_cost" value="{{ $reopen === 'count' ? old('_cost') : '' }}" name="_cost">
            <div class="modal-header border-0 pb-0">
                <div>
                    <h5 class="modal-title fw-semibold" id="countTitle">Correct stock count · <span id="ct_label">{{ $reopen === 'count' ? old('_label') : '' }}</span></h5>
                    <div class="small text-muted">Set the quantity actually on the shelf. The difference, at the item's current cost, is posted to 5090 Inventory Count Variance — a shortfall as a loss, a surplus as a gain.</div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row g-3">
                    <div class="col-6">
                        <label for="ct_qty" class="form-label">Counted quantity</label>
                        <input type="number" id="ct_qty" name="counted_quantity" class="form-control" step="0.01" min="0" value="{{ $reopen === 'count' ? old('counted_quantity') : '' }}" required>
                        <div class="form-text" id="ct_recorded"></div>
                    </div>
                    <div class="col-6">
                        <label for="ct_date" class="form-label">Count date</label>
                        <input type="date" id="ct_date" name="count_date" class="form-control" max="{{ today()->toDateString() }}" value="{{ $reopen === 'count' ? old('count_date') : today()->toDateString() }}" required>
                    </div>
                    <div class="col-12">
                        <label for="ct_reason" class="form-label">Reason</label>
                        <input type="text" id="ct_reason" name="reason" class="form-control" maxlength="255" placeholder="e.g. Monthly stock count — 3 bottles broken" value="{{ $reopen === 'count' ? old('reason') : '' }}" required>
                    </div>
                </div>
            </div>
            <div class="modal-footer border-0 pt-0">
                <span class="me-auto small fw-semibold" id="ct_effect"></span>
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary px-4">Correct count</button>
            </div>
        </form>
    </div>
</div>

{{-- Edit purchase (supplier/date only) --}}
<div class="modal fade" id="editPurchaseModal" tabindex="-1" aria-labelledby="editPurchaseTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="" class="modal-content border-0 shadow" id="editPurchaseForm">
            @csrf @method('PUT')
            <div class="modal-header border-0 pb-0">
                <h5 class="modal-title fw-semibold" id="editPurchaseTitle">Edit purchase · <span data-fill="label"></span></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="ep_vendor" class="form-label">Supplier</label>
                    <input type="text" id="ep_vendor" name="vendor_name" class="form-control" maxlength="150">
                </div>
                <label for="ep_date" class="form-label">Purchase date</label>
                <input type="date" id="ep_date" name="purchase_date" class="form-control" max="{{ today()->toDateString() }}" required>
            </div>
            <div class="modal-footer border-0 pt-0">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary px-4">Save</button>
            </div>
        </form>
    </div>
</div>

{{-- Edit issue (outlet/date/notes) --}}
<div class="modal fade" id="editIssueModal" tabindex="-1" aria-labelledby="editIssueTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="" class="modal-content border-0 shadow" id="editIssueForm">
            @csrf @method('PUT')
            <div class="modal-header border-0 pb-0">
                <h5 class="modal-title fw-semibold" id="editIssueTitle">Edit issue · <span data-fill="label"></span></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for="ei_outlet" class="form-label">Issued to</label>
                    <select id="ei_outlet" name="outlet_id" class="form-select">
                        @foreach ($outlets as $o)<option value="{{ $o->outlet_id }}" data-branch="{{ $o->branch_id }}">{{ $o->outlet_name }}</option>@endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label for="ei_date" class="form-label">Date</label>
                    <input type="date" id="ei_date" name="issue_date" class="form-control" max="{{ today()->toDateString() }}" required>
                </div>
                <label for="ei_notes" class="form-label">Notes</label>
                <input type="text" id="ei_notes" name="notes" class="form-control" maxlength="500">
                <div class="form-text mt-2">The quantity can't change here — delete the issue (which reverses it) and issue again.</div>
            </div>
            <div class="modal-footer border-0 pt-0">
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Cancel</button>
                <button type="submit" class="btn btn-primary px-4">Save</button>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
(() => {
    const $ = (id) => document.getElementById(id);
    const naira = (n) => '₦' + (Number(n) || 0).toLocaleString('en-NG', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
    const restrictOptions = (select, branch) => {
        [...select.options].forEach(o => {
            if (!o.value) return;
            const ok = !o.dataset.branch || !branch || o.dataset.branch === String(branch);
            o.hidden = o.disabled = !ok;
        });
        if (select.selectedOptions[0]?.disabled) select.value = '';
    };

    // ---- Keep the active tab in the URL so a reload / redirect lands on it ----
    document.querySelectorAll('.inv-tabs [data-tab]').forEach(btn => btn.addEventListener('shown.bs.tab', () => {
        const url = new URL(location.href); url.searchParams.set('tab', btn.dataset.tab); history.replaceState(null, '', url);
    }));

    // ---- Stock search: runs on the server across every page; searches a moment after typing stops (or on Enter) ----
    const stockSearch = $('stockSearch');
    let typing;
    stockSearch.addEventListener('input', () => { clearTimeout(typing); typing = setTimeout(() => $('stockFilter').submit(), 600); });
    if (stockSearch.value) { stockSearch.focus(); stockSearch.setSelectionRange(stockSearch.value.length, stockSearch.value.length); }

    // ---- Register / edit item ----
    const itemValue = () => $('it_value').textContent = naira(($('it_qty').value || 0) * ($('it_cost').value || 0));
    ['it_qty', 'it_cost'].forEach(id => $(id).addEventListener('input', itemValue));
    $('it_branch')?.addEventListener('change', () => restrictOptions($('it_category'), $('it_branch').value));
    $('itemModal').addEventListener('show.bs.modal', (e) => {
        const b = e.relatedTarget;
        if (!b || !b.dataset.mode) { restrictOptions($('it_category'), $('it_branch')?.value || $('itemBranchFixed').value); itemValue(); return; }
        const edit = b.dataset.mode === 'edit';
        $('itemForm').action = edit ? b.dataset.action : @json(route('hotel.inventory.items.store'));
        $('itemMethod').value = edit ? 'PUT' : 'POST';
        $('itemFormKey').value = edit ? 'item-edit' : 'item-create';
        $('itemActionField').value = edit ? b.dataset.action : '';
        $('itemBranchFixed').value = edit ? (b.dataset.branch || '') : '';
        $('itemModalTitle').textContent = edit ? 'Edit Stock Item' : 'Register Stock Item';
        document.querySelectorAll('#itemModal .js-create-only').forEach(el => el.classList.toggle('d-none', edit));
        $('it_name').value = edit ? b.dataset.name : '';
        $('it_unit').value = edit ? b.dataset.unit : '';
        $('it_reorder').value = edit ? b.dataset.reorder : 10;
        if (!edit) { $('it_qty').value = 0; $('it_cost').value = '0.00'; if ($('it_branch')) $('it_branch').value = @json((string) ($activeBranchId ?? '')) || $('it_branch').options[0]?.value; }
        restrictOptions($('it_category'), edit ? b.dataset.branch : ($('it_branch')?.value || ''));
        $('it_category').value = edit ? b.dataset.category : '';
        if ($('it_category').selectedOptions[0]?.disabled) $('it_category').value = '';
        itemValue();
    });
    if (@json($reopen === 'item-edit')) document.querySelectorAll('#itemModal .js-create-only').forEach(el => el.classList.add('d-none'));

    // ---- Purchase ----
    const purchaseSync = () => {
        const opt = $('pu_item').selectedOptions[0];
        $('pu_unit').textContent = opt?.dataset.unit ? `(${opt.dataset.unit})` : '';
        $('pu_total').textContent = naira(($('pu_qty').value || 0) * ($('pu_cost').value || 0));
        $('pu_method_wrap').classList.toggle('d-none', !$('pu_paid').checked);
    };
    $('pu_item').addEventListener('change', () => { const c = $('pu_item').selectedOptions[0]?.dataset.cost; if (c && !$('pu_cost').value) $('pu_cost').value = c; purchaseSync(); });
    ['pu_qty', 'pu_cost'].forEach(id => $(id).addEventListener('input', purchaseSync));
    ['pu_paid', 'pu_credit'].forEach(id => $(id).addEventListener('change', purchaseSync));
    // ---- Correction mode (purchase / issue form): switch a record form between "new" and "correct #id" ----
    const correctionMode = (p, c, newTitle, newSub, correctSub, newSubmit, noun) => {
        const form = $(p === 'pu' ? 'purchaseForm' : 'issueForm');
        form.action = c ? c.action : form.dataset.store;
        $(`${p}_form`).value = c ? `${noun}-correct` : noun;
        $(`${p}_correct_action`).value = c ? c.action : '';
        $(`${p}_correct_id`).value = c ? c.id : '';
        $(`${p}_correct_date`).value = c ? c.dateLabel : '';
        $(p === 'pu' ? 'purchaseModalTitle' : 'issueModalTitle').textContent = c ? `Correct ${noun} #${c.id}` : newTitle;
        $(p === 'pu' ? 'purchaseModalSub' : 'issueModalSub').textContent = c ? correctSub : newSub;
        $(`${p}_correct_panel`).classList.toggle('d-none', !c);
        $(`${p}_reason`).required = !!c; $(`${p}_reason`).value = '';
        $(`${p}_rd_original`).checked = true;
        form.querySelectorAll('[data-correct-fill]').forEach(el => el.textContent = c ? c[el.dataset.correctFill] : '');
        $(`${p}_submit`).textContent = c ? 'Reverse & record correction' : newSubmit;
    };

    $('purchaseModal').addEventListener('show.bs.modal', (e) => {
        const b = e.relatedTarget;
        if (!b) { purchaseSync(); return; } // reopened after a validation error: keep what was typed
        const c = b.dataset.correct ? JSON.parse(b.dataset.correct) : null;
        correctionMode('pu', c, 'Record Purchase', 'Restock from a supplier — paid now, or on credit to Accounts Payable.',
            'Fix what was wrong below. The old purchase is taken back off the shelf and reversed, and the corrected one recorded — same purchase number.', 'Record Purchase', 'purchase');
        if (c) {
            $('pu_item').value = c.item; $('pu_qty').value = c.qty; $('pu_cost').value = c.cost; $('pu_vendor').value = c.vendor || ''; $('pu_date').value = c.date;
            $(c.status === 'unpaid' ? 'pu_credit' : 'pu_paid').checked = true; if (c.method) $('pu_method').value = c.method;
        } else if (b.dataset.item) {
            $('pu_item').value = b.dataset.item; $('pu_cost').value = b.dataset.cost; $('pu_qty').value = '';
        } else {
            $('pu_item').value = ''; $('pu_qty').value = ''; $('pu_cost').value = ''; $('pu_vendor').value = ''; $('pu_date').value = @json(today()->toDateString()); $('pu_paid').checked = true;
        }
        purchaseSync();
    });

    // ---- Issue ----
    // A correction returns the old issue's quantity to its item before re-issuing, so that much more is available.
    let issueBeingCorrected = @json($correctingIssue ? ['item' => (int) old('_correct_item'), 'qty' => (float) old('_correct_qty')] : null);
    const issueSync = () => {
        const opt = $('is_item').selectedOptions[0];
        restrictOptions($('is_outlet'), opt?.dataset.branch || '');
        // A new issue only offers items in stock; a correction offers them all.
        [...$('is_item').options].forEach(o => { if (o.value) o.hidden = !issueBeingCorrected && !(parseFloat(o.dataset.qty) > 0); });
        const back = issueBeingCorrected && String(issueBeingCorrected.item) === opt?.value ? issueBeingCorrected.qty : 0;
        const available = opt?.dataset.qty !== undefined ? Math.round(((parseFloat(opt.dataset.qty) || 0) + back) * 100) / 100 : '';
        $('is_unit').textContent = opt?.dataset.unit ? `(${opt.dataset.unit})` : '';
        $('is_qty').max = available;
        $('is_available').textContent = opt?.value ? `${available} ${opt.dataset.unit} available` + (back ? ` (incl. ${back} returned by this correction)` : '') : '';
        const cost = ($('is_qty').value || 0) * (opt?.dataset.cost || 0);
        $('is_cost').textContent = cost ? `Cost to expense: ${naira(cost)}` : '';
    };
    $('is_item').addEventListener('change', issueSync);
    $('is_qty').addEventListener('input', issueSync);
    $('issueModal').addEventListener('show.bs.modal', (e) => {
        const b = e.relatedTarget;
        if (!b) { issueSync(); return; } // reopened after a validation error
        const c = b.dataset.correct ? JSON.parse(b.dataset.correct) : null;
        issueBeingCorrected = c ? { item: c.item, qty: c.qty } : null;
        $('is_correct_item').value = c ? c.item : ''; $('is_correct_qty').value = c ? c.qty : '';
        correctionMode('is', c, 'Issue Stock', 'Hand stock to an outlet or department — its cost is expensed now.',
            "Fix what was wrong below. The old issue goes back on the shelf and is reversed, and the corrected one is issued at today's cost.", 'Issue Stock', 'issue');
        if (c) {
            $('is_item').value = c.item; issueSync(); $('is_outlet').value = c.outlet; $('is_qty').value = c.qty; $('is_date').value = c.date; $('is_notes').value = c.notes || '';
        } else {
            $('is_item').value = b.dataset.item || ''; $('is_qty').value = ''; $('is_notes').value = ''; $('is_date').value = @json(today()->toDateString());
        }
        issueSync();
    });

    // ---- Stock count correction ----
    const countPreview = () => {
        const onHand = parseFloat($('ct_onhand').value) || 0, cost = parseFloat($('ct_cost').value) || 0;
        const counted = $('ct_qty').value === '' ? null : parseFloat($('ct_qty').value);
        const diff = counted === null ? 0 : Math.round((counted - onHand) * 100) / 100;
        $('ct_effect').className = 'me-auto small fw-semibold ' + (diff < 0 ? 'text-danger' : (diff > 0 ? 'text-success' : 'text-muted'));
        $('ct_effect').textContent = counted === null ? '' : (diff === 0 ? 'Matches the record — nothing to correct'
            : `${diff < 0 ? 'Short' : 'Over'} by ${Math.abs(diff)} — ${naira(Math.abs(diff) * cost)} ${diff < 0 ? 'written off' : 'brought on'}`);
    };
    $('ct_qty').addEventListener('input', countPreview);
    $('countModal').addEventListener('show.bs.modal', (e) => {
        const b = e.relatedTarget;
        if (b) {
            $('countForm').action = b.dataset.action; $('ct_action').value = b.dataset.action;
            $('ct_label').textContent = b.dataset.label; $('ct_label_in').value = b.dataset.label;
            $('ct_onhand').value = b.dataset.onhand; $('ct_cost').value = b.dataset.cost;
            $('ct_qty').value = ''; $('ct_reason').value = ''; $('ct_date').value = @json(today()->toDateString());
            $('ct_recorded').textContent = `On record: ${b.dataset.onhand} ${b.dataset.unit}`;
        }
        countPreview();
    });

    // ---- Edit purchase / issue ----
    const wire = (modalId, formId, fill) => $(modalId).addEventListener('show.bs.modal', (e) => {
        const b = e.relatedTarget;
        $(formId).action = b.dataset.action;
        e.target.querySelectorAll('[data-fill]').forEach(el => el.textContent = b.dataset[el.dataset.fill] ?? '');
        fill(b);
    });
    wire('editPurchaseModal', 'editPurchaseForm', (b) => { $('ep_vendor').value = b.dataset.vendor || ''; $('ep_date').value = b.dataset.date; });
    wire('editIssueModal', 'editIssueForm', (b) => {
        restrictOptions($('ei_outlet'), b.dataset.branch);
        $('ei_outlet').value = b.dataset.outlet;
        $('ei_date').value = b.dataset.date; $('ei_notes').value = b.dataset.notes || '';
    });

    // ---- Re-open the form the user was in after a validation error ----
    const target = { 'item-create': 'itemModal', 'item-edit': 'itemModal', purchase: 'purchaseModal', 'purchase-correct': 'purchaseModal', issue: 'issueModal', 'issue-correct': 'issueModal', count: 'countModal' }[@json($reopen)];
    if (target) bootstrap.Modal.getOrCreateInstance($(target)).show();
})();
</script>
@endpush