@extends('layouts.dashboard')

@section('content')
@php
/**
 * Vendor → Inventory: countable stock with a movement ledger.
 * @var array $items       stock rows (+ linked_count)
 * @var array $dishes      restaurant dishes (id, name, stock_item_id) for the link picker
 * @var array|null $historyItem  stock row whose ledger is open (?item=)
 * @var array $movements   ledger rows for $historyItem (newest first)
 */
$fmtQty = static fn ($v): string => (rtrim(rtrim(number_format((float) $v, 2, '.', ''), '0'), '.') ?: '0');
$reasonLabels = ['sale' => t('vendor.inventory.reason_sale'), 'restock' => t('vendor.inventory.reason_restock'), 'waste' => t('vendor.inventory.reason_waste'), 'adjust' => t('vendor.inventory.reason_adjust'), 'void' => t('vendor.inventory.reason_void')];
$reasonPills  = ['sale' => 'qm-pill-blue', 'restock' => 'qm-pill-green', 'waste' => 'qm-pill-red', 'adjust' => 'qm-pill-grey', 'void' => 'qm-pill-amber'];
$kpis       = $kpis ?? ['items' => 0, 'out' => 0, 'low' => 0, 'value' => 0.0, 'valued' => 0, 'waste_qty' => 0.0, 'waste_events' => 0];
$waste      = $waste ?? [];
$countSheet = $countSheet ?? [];
// The stock list takes no filters beyond the restaurant scope, so the export needs no query string.
$qs = '';
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php // Page primary action → top-bar subheader slot (leaves the table card header for the
//      title + any table-scoped utility). ob_start captures the button HTML for the layout slot.
ob_start();
@endphp
<button type="button" class="qm-btn" data-bs-toggle="modal" data-bs-target="#invModal" data-inv-add><i class="fas fa-plus me-1" aria-hidden="true"></i> {{ t_raw('vendor.inventory.add_item_btn') }}</button>
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp
@php /* Stock answers one question — is anything about to run out — and the list alone
   could never answer it. These four say it before a single row is read. */
@endphp
@php $kpiSparks = $kpiSparks ?? [];
@endphp
<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-boxes', 'label' => t_raw('vendor.inventory.kpi_items'),
        'value' => number_format((int) $kpis['items']), 'spark' => $kpiSparks['items'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.inventory.kpi_meta_items') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'rose', 'icon' => 'fa-exclamation-circle', 'label' => t_raw('vendor.inventory.kpi_out'),
        'value' => number_format((int) $kpis['out']), 'spark' => $kpiSparks['out'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.inventory.kpi_meta_out') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-exclamation-triangle', 'label' => t_raw('vendor.inventory.kpi_low'),
        'value' => number_format((int) $kpis['low']), 'spark' => $kpiSparks['low'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.inventory.kpi_meta_low') . '</span>'])
    @php /* Stock value only means something where a unit cost has been entered, so the
       caption always says how much of the shelf the figure actually covers. */
@endphp
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'violet', 'icon' => 'fa-coins', 'label' => t_raw('vendor.inventory.kpi_value'),
        'value' => $kpis['valued'] > 0 ? money($kpis['value']) : "—", 'spark' => $kpis['valued'] > 0 ? ($kpiSparks['value'] ?? []) : [],
        'meta' => '<span class="qm-kpi-cap">' . ($kpis['valued'] > 0
            ? t('vendor.inventory.kpi_meta_value', [':valued' => number_format((int) $kpis['valued']), ':total' => number_format((int) $kpis['items'])])
            : t('vendor.inventory.kpi_meta_value_none')) . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'orange', 'icon' => 'fa-trash-alt', 'label' => t_raw('vendor.inventory.kpi_waste'),
        'value' => number_format((int) $kpis['waste_events']), 'spark' => $kpiSparks['waste'] ?? [],
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.inventory.kpi_meta_waste') . '</span>'])
</div>

<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.inventory.stock_heading') }}</h2>
            <p class="qm-ops-sub mb-0">{{ t_raw('vendor.inventory.intro_sub') }}</p>
        </div>
        <div class="d-flex flex-wrap gap-2">
            @if ($countSheet)
            <button type="button" class="qm-btn qm-btn-outline" data-bs-toggle="modal" data-bs-target="#invCountModal"><i class="fas fa-clipboard-check me-1" aria-hidden="true"></i> {{ t_raw('vendor.inventory.stocktake_btn') }}</button>
            @endif
            <a class="qm-btn qm-btn-outline" href="{{ url('/vendor/inventory/export' . ($qs !== '' ? '?' . $qs : '')) }}"><i class="fas fa-file-csv me-2" aria-hidden="true"></i>{{ t_raw('common.export_csv') }}</a>
        </div>
    </div>

    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <thead><tr><th data-sort="text">{{ t_raw('vendor.inventory.col_item') }}</th><th data-sort="number">{{ t_raw('vendor.inventory.col_on_hand') }}</th><th data-sort="number">{{ t_raw('vendor.inventory.col_reserved') }}</th><th data-sort="number">{{ t_raw('vendor.inventory.col_available') }}</th><th data-sort="number">{{ t_raw('vendor.inventory.col_burn') }}</th><th data-sort="number">{{ t_raw('vendor.inventory.col_low_at') }}</th><th>{{ t_raw('vendor.inventory.col_tracked') }}</th><th data-sort="number">{{ t_raw('vendor.inventory.col_dishes') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
        <tbody>
            @if ($items)
            @foreach ($items as $it)
@php $onHand = (float) $it['on_hand'];
                $reserved = (float) ($it['reserved'] ?? 0);
                $physical = $onHand + $reserved;
                $low    = (float) $it['low_threshold'];
                $state  = $onHand <= 0 ? 'out' : (($low > 0 && $onHand <= $low) ? 'low' : 'ok');
                $pill   = ['out' => 'qm-pill-red', 'low' => 'qm-pill-amber', 'ok' => 'qm-pill-green'][$state];
                $label  = ['out' => t('vendor.inventory.state_out'), 'low' => t('vendor.inventory.state_low'), 'ok' => t('vendor.inventory.state_in_stock')][$state]; @endphp
            <tr>
                <td><strong>{{ $it['name'] }}</strong><div class="qm-cell-body">{{ $it['unit'] }}</div></td>
                <td data-sort-value="{{ (string) $physical }}"><strong>{!! $fmtQty($physical) !!}</strong> <span class="qm-cell-body">{{ $it['unit'] }}</span></td>
                <td data-sort-value="{{ (string) $reserved }}">{!! $reserved > 0 ? '<strong>' . e($fmtQty($reserved)) . '</strong> <span class="qm-cell-body">' . e($it['unit']) . '</span>' : dash() !!}</td>
                <td data-sort-value="{{ (string) $it['on_hand'] }}"><span class="qm-pill {{ $pill }}">{!! $label !!}</span> <strong class="ms-1">{!! $fmtQty($it['on_hand']) !!}</strong> <span class="qm-cell-body">{{ $it['unit'] }}</span></td>
                @php /* What this item actually consumes on a trading day, and therefore how
                   long the shelf lasts. Cover is the number that decides whether an order
                   goes in today; on-hand alone never could. */
@endphp
                @php $perDay = (float) ($it['burn_per_day'] ?? 0); $cover = $it['days_cover'] ?? null;
@endphp
                <td data-sort-value="{!! $cover !== null ? e((string) $cover) : '99999' !!}">
                    @if ($perDay <= 0)
                        {!! dash() !!}
                        <div class="qm-cell-body">{{ t_raw('vendor.inventory.burn_no_movement') }}</div>
                    @else
@php
$cTone = $cover === null ? 'grey' : ($cover < 2 ? 'red' : ($cover < 5 ? 'amber' : 'green'));
@endphp
                        <span class="qm-pill qm-pill-{{ $cTone }}">{{ t_raw('vendor.inventory.cover_days', [':n' => $fmtQty($cover)]) }}</span>
                        <div class="qm-cell-body">{{ t_raw('vendor.inventory.burn_per_day', [':qty' => $fmtQty($perDay) . ' ' . (string) $it['unit']]) }}</div>
                        @if ((float) ($it['burn_wasted'] ?? 0) > 0)<div class="qm-cell-body">{{ t_raw('vendor.inventory.burn_wasted', [':qty' => $fmtQty($it['burn_wasted']) . ' ' . (string) $it['unit']]) }}</div>@endif
                    @endif
                </td>
                <td class="qm-cell-body">{!! $low > 0 ? e($fmtQty($low)) . ' ' . e($it['unit']) : dash() !!}</td>
                <td>
                    <form method="post" action="{{ route('vendor.inventory.save') }}" class="d-inline">
                        @csrf
                        <input type="hidden" name="id" value="{{ (int) $it['id'] }}">
                        <input type="hidden" name="toggle_track" value="1">
                        <div class="form-check form-switch d-inline-block m-0 align-middle">
                            <input class="form-check-input" type="checkbox" role="switch" name="track" value="1" data-inv-track{{ (int) $it['track'] === 1 ? ' checked' : '' }} aria-label="{{ t_raw('vendor.inventory.aria_track_prefix') }} {{ $it['name'] }}">
                        </div>
                    </form>
                </td>
                <td><span class="qm-pill {{ (int) $it['linked_count'] > 0 ? 'qm-pill-blue' : 'qm-pill-grey' }}">{{ (int) $it['linked_count'] }} {{ t_raw('vendor.inventory.linked_count_suffix') }}</span></td>
                <td class="qm-actions-cell">
                    @partial('row-actions', ['actions' => [
                        [
                            'label'   => t_raw('vendor.inventory.aria_record_movement') . ' ' . $it['name'],
                            'icon'    => 'fa-exchange-alt',
                            'primary' => true,
                            'attrs'   => [
                                'data-bs-toggle' => 'modal',
                                'data-bs-target' => '#invMoveModal',
                                'data-inv-move'  => '',
                                'data-id'        => (int) $it['id'],
                                'data-name'      => $it['name'],
                                'data-unit'      => $it['unit'],
                                'data-onhand'    => $fmtQty($it['on_hand']),
                            ],
                        ],
                        [
                            'label'   => t_raw('vendor.inventory.aria_movement_history') . ' ' . $it['name'],
                            'icon'    => 'fa-history',
                            'primary' => true,
                            'href'    => '/vendor/inventory?item=' . (int) $it['id'] . '#inv-history',
                        ],
                        [
                            'label' => t_raw('common.edit'),
                            'icon'  => 'fa-pen',
                            'attrs' => [
                                'data-bs-toggle' => 'modal',
                                'data-bs-target' => '#invModal',
                                'data-inv-edit'  => '',
                                'data-id'        => (int) $it['id'],
                                'data-name'      => $it['name'],
                                'data-unit'      => $it['unit'],
                                'data-low'       => $fmtQty($low),
                                'data-cost'      => $it['unit_cost'] !== null ? $fmtQty($it['unit_cost']) : '',
                                'data-track'     => (int) $it['track'],
                            ],
                        ],
                        [
                            'label'  => t_raw('common.delete'),
                            'icon'   => 'fa-trash-alt',
                            'danger' => true,
                            'form'   => [
                                'action'  => '/vendor/inventory/delete',
                                'fields'  => ['id' => (int) $it['id']],
                                'confirm' => t_raw('vendor.inventory.confirm_delete_item'),
                            ],
                        ],
                    ]])
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 9, 'icon' => 'fa-boxes', 'msg' => t('vendor.inventory.empty_items')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/vendor/inventory'])
</div>

@php /* Waste log. A write-off total nobody can break down is a total nobody acts on —
   this names what was thrown away, when, by whom and why. */
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.inventory.waste_title') }}</h2>
            <p class="qm-ops-sub">{{ t_raw('vendor.inventory.waste_sub', [':events' => number_format((int) $kpis['waste_events'])]) }}</p>
        </div>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <caption class="visually-hidden">{{ t_raw('vendor.inventory.waste_caption') }}</caption>
        <thead><tr><th data-sort="text">{{ t_raw('vendor.inventory.col_item') }}</th><th data-sort="number">{{ t_raw('vendor.inventory.col_written_off') }}</th><th data-sort="date">{{ t_raw('common.when') }}</th><th data-sort="text">{{ t_raw('vendor.inventory.col_by') }}</th><th>{{ t_raw('common.note') }}</th></tr></thead>
        <tbody>
            @if ($waste)
            @foreach ($waste as $w)
@php $qty = -(float) $w['delta']; @endphp
            <tr>
                <td><strong>{{ $w['item_name'] }}</strong></td>
                <td data-sort-value="{{ (string) $qty }}"><span class="qm-pill qm-pill-red">{!! $fmtQty($qty) !!} {{ $w['unit'] }}</span></td>
                <td class="qm-cell-body" data-sort-value="{{ (string) $w['created_at'] }}">{!! fmt_datetime($w['created_at']) !!}</td>
                <td class="qm-cell-body">{!! or_dash($w['user_name'] ?? null) !!}</td>
                <td class="qm-cell-body">{!! or_dash($w['note'] ?? null) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 5, 'icon' => 'fa-trash-alt', 'msg' => t('vendor.inventory.empty_waste')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $wastePager, 'base' => '/vendor/inventory'])
</div>

@if ($countSheet)
<!-- Batch stocktake -->
<div class="modal fade" id="invCountModal" tabindex="-1" aria-labelledby="stocktake-modal-title" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <form class="modal-content" method="post" action="{{ route('vendor.inventory.movement') }}">
            @csrf
            <div class="modal-header"><h2 class="modal-title h5" id="stocktake-modal-title">{{ t_raw('vendor.inventory.stocktake_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <p class="qm-hint mb-3">{{ t_raw('vendor.inventory.stocktake_hint') }}</p>
                <div class="mb-3"><label class="form-label" for="ct-note">{{ t_raw('common.note') }} <span class="qm-hint">{{ t_raw('common.optional') }}</span></label><input type="text" id="ct-note" name="note" class="form-control" maxlength="255" placeholder="{{ t_raw('vendor.inventory.stocktake_note_placeholder') }}"></div>
                <div class="table-responsive">
                <table class="qm-table">
                    <caption class="visually-hidden">{{ t_raw('vendor.inventory.stocktake_caption') }}</caption>
                    <thead><tr><th>{{ t_raw('vendor.inventory.col_item') }}</th><th>{{ t_raw('vendor.inventory.col_system_says') }}</th><th class="text-end">{{ t_raw('vendor.inventory.col_counted') }}</th></tr></thead>
                    <tbody>
                        @foreach ($countSheet as $cs)
                        <tr>
                            <td><strong>{{ $cs['name'] }}</strong></td>
                            <td class="qm-cell-body">{!! $fmtQty($cs['on_hand']) !!} {{ $cs['unit'] }}</td>
                            <td class="text-end">
                                <label class="visually-hidden" for="ct-{{ (int) $cs['id'] }}">{{ t_raw('vendor.inventory.aria_counted_for', [':name' => $cs['name']]) }}</label>
                                <input type="number" step="0.01" min="0" class="form-control form-control-sm qm-field-w-sm" id="ct-{{ (int) $cs['id'] }}" name="counted[{{ (int) $cs['id'] }}]" placeholder="{{ t_raw('common.placeholder_count') }}">
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                </div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('vendor.inventory.stocktake_save_btn') }}</button></div>
        </form>
    </div>
</div>
@endif

@if ($historyItem)
<div class="qm-card" id="inv-history">
    <div class="qm-ops-head">
        <div>
            <h2 class="mb-0">{{ t_raw('vendor.inventory.history_title_prefix') }} {{ $historyItem['name'] }}</h2>
            <p class="qm-ops-sub">{{ t_raw('vendor.inventory.history_sub') }} <strong>{!! $fmtQty($historyItem['on_hand']) !!} {{ $historyItem['unit'] }}</strong></p>
        </div>
        <a href="{{ route('vendor.inventory') }}" class="qm-btn qm-btn-outline qm-btn-sm">{{ t_raw('common.close') }}</a>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <thead><tr><th>{{ t_raw('common.when') }}</th><th data-sort="text">{{ t_raw('common.type') }}</th><th>{{ t_raw('vendor.inventory.col_change') }}</th><th data-sort="text">{{ t_raw('common.order') }}</th><th data-sort="text">{{ t_raw('vendor.inventory.col_by') }}</th><th>{{ t_raw('common.note') }}</th></tr></thead>
        <tbody>
            @if ($movements)
            @foreach ($movements as $m)
@php $delta = (float) $m['delta']; @endphp
            <tr>
                <td class="qm-cell-body">{!! fmt_datetime($m['created_at']) !!}</td>
                <td><span class="qm-pill {{ $reasonPills[$m['reason']] ?? 'qm-pill-grey' }}">{!! $reasonLabels[$m['reason']] ?? e(ucfirst((string) $m['reason'])) !!}</span></td>
                <td><strong>{{ $delta > 0 ? '+' : '' }}{!! $fmtQty($delta) !!}</strong> <span class="qm-cell-body">{{ $historyItem['unit'] }}</span></td>
                <td class="qm-cell-body">{!! or_dash($m['order_number'] ?? null) !!}</td>
                <td class="qm-cell-body">{!! or_dash($m['user_name'] ?? null) !!}</td>
                <td class="qm-cell-body">{!! or_dash($m['note'] ?? null) !!}</td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 6, 'icon' => 'fa-history', 'msg' => t('vendor.inventory.empty_movements')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $movePager, 'base' => '/vendor/inventory'])
</div>
@endif

<!-- Add / edit stock item -->
<div class="modal fade" id="invModal" tabindex="-1" aria-labelledby="inv-modal-title" aria-hidden="true" data-add-title="{{ t_raw('vendor.inventory.modal_add_title') }}" data-edit-title="{{ t_raw('vendor.inventory.modal_edit_title') }}">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.inventory.save') }}">
            @csrf
            <input type="hidden" name="id" id="inv-id">
            <div class="modal-header"><h2 class="modal-title h5" id="inv-modal-title">{{ t_raw('vendor.inventory.modal_add_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="qm-form-grid">
                    <div class="mb-3"><label class="form-label" for="inv-name">{{ t_raw('common.name') }}</label><input type="text" id="inv-name" name="name" class="form-control" maxlength="120" required placeholder="{{ t_raw('vendor.inventory.name_placeholder') }}"></div>
                    <div class="mb-3"><label class="form-label" for="inv-unit">{{ t_raw('vendor.inventory.unit_label') }}</label><input type="text" id="inv-unit" name="unit" class="form-control" maxlength="20" value="pcs" placeholder="{{ t_raw('vendor.inventory.unit_placeholder') }}"></div>
                </div>
                <div class="qm-form-grid">
                    <div class="mb-3" id="inv-opening-wrap"><label class="form-label" for="inv-opening">{{ t_raw('vendor.inventory.opening_qty_label') }}</label><input type="number" step="0.01" min="0" id="inv-opening" name="on_hand" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                    <div class="mb-3"><label class="form-label" for="inv-low">{{ t_raw('vendor.inventory.low_stock_label') }} <span class="qm-hint">{{ t_raw('vendor.inventory.zero_off_hint') }}</span></label><input type="number" step="0.01" min="0" id="inv-low" name="low_threshold" class="form-control" value="0" placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                    <div class="mb-3"><label class="form-label" for="inv-cost">{{ t_raw('vendor.analytics.col_cost') }}</label><input type="number" step="0.01" min="0" id="inv-cost" name="unit_cost" class="form-control" placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                </div>
                <div class="form-check form-switch mb-3">
                    <input class="form-check-input" type="checkbox" role="switch" id="inv-track" name="track" value="1" checked>
                    <label class="form-check-label" for="inv-track">{{ t_raw('vendor.inventory.track_switch_label') }}</label>
                </div>
                <label class="form-label">{{ t_raw('vendor.inventory.dishes_using_label') }}</label>
                <input type="search" class="form-control form-control-sm mb-2" id="inv-dish-filter" placeholder="{{ t_raw('vendor.inventory.dish_filter_placeholder') }}" aria-label="{{ t_raw('vendor.inventory.dish_filter_aria') }}">
                <div class="qm-inv-dishlist" id="inv-dishlist">
                    @foreach ($dishes as $d)
                    <label class="qm-check" data-dish-name="{{ mb_strtolower((string) $d['name']) }}">
                        <input type="checkbox" name="linked_items[]" value="{{ (int) $d['id'] }}" data-linked-to="{{ (int) ($d['stock_item_id'] ?? 0) }}">
                        {{ $d['name'] }}
                    </label>
                    @endforeach
                    @if (!$dishes)<span class="qm-hint">{{ t_raw('vendor.inventory.no_dishes_hint') }}</span>@endif
                </div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button></div>
        </form>
    </div>
</div>

<!-- Record a movement -->
<div class="modal fade" id="invMoveModal" tabindex="-1" aria-labelledby="mv-title" aria-hidden="true"
    data-title-prefix="{{ t_raw('vendor.inventory.js_movement_title_prefix') }}"
    data-label-restock="{{ t_raw('vendor.inventory.qty_label_restock') }}"
    data-label-waste="{{ t_raw('vendor.inventory.qty_label_waste') }}"
    data-label-adjust="{{ t_raw('vendor.inventory.qty_label_adjust') }}"
    data-label-default="{{ t_raw('vendor.inventory.quantity_label') }}">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('vendor.inventory.movement') }}">
            @csrf
            <input type="hidden" name="id" id="mv-id">
            <div class="modal-header"><h2 class="modal-title h5" id="mv-title">{{ t_raw('vendor.inventory.movement_modal_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <p class="qm-hint mb-3">{{ t_raw('vendor.inventory.movement_onhand_prefix') }} <strong id="mv-onhand">0</strong> <span id="mv-unit"></span></p>
                <div class="qm-form-grid">
                    <div class="mb-3">
                        <label class="form-label" for="mv-reason">{{ t_raw('common.type') }}</label>
                        <select id="mv-reason" name="reason" class="form-select">
                            <option value="restock">{{ t_raw('vendor.inventory.reason_restock_option') }}</option>
                            <option value="waste">{{ t_raw('vendor.inventory.reason_waste_option') }}</option>
                            <option value="adjust">{{ t_raw('vendor.inventory.reason_adjust_option') }}</option>
                        </select>
                    </div>
                    <div class="mb-3"><label class="form-label" for="mv-qty" id="mv-qty-label">{{ t_raw('vendor.inventory.quantity_label') }}</label><input type="number" step="0.01" min="0" id="mv-qty" name="qty" class="form-control" value="0" required placeholder="{{ t_raw('common.placeholder_count') }}"></div>
                </div>
                <div class="mb-2"><label class="form-label" for="mv-note">{{ t_raw('common.note') }} <span class="qm-hint">{{ t_raw('common.optional') }}</span></label><input type="text" id="mv-note" name="note" class="form-control" maxlength="255" placeholder="{{ t_raw('vendor.inventory.note_placeholder') }}"></div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('vendor.inventory.save_movement_btn') }}</button></div>
        </form>
    </div>
</div>

<script>
/* The modals OPEN declaratively (data-bs-toggle on the buttons); these click
   handlers only pre-fill the fields for the row that was clicked. Translated
   copy for the JS-built titles/labels is read from data-* attributes on the
   modal roots (see markup above) since inline scripts cannot call t(). */
(function () {
    var invModalEl = document.getElementById('invModal');
    if (!invModalEl) { return; }
    var invAddTitle = invModalEl.getAttribute('data-add-title') || 'Add stock item';
    var invEditTitle = invModalEl.getAttribute('data-edit-title') || 'Edit stock item';

    function filterDishes(q) {
        q = q.toLowerCase();
        document.querySelectorAll('#inv-dishlist [data-dish-name]').forEach(function (row) {
            row.hidden = q !== '' && row.getAttribute('data-dish-name').indexOf(q) === -1;
        });
    }
    var filterEl = document.getElementById('inv-dish-filter');
    if (filterEl) { filterEl.addEventListener('input', function () { filterDishes(this.value); }); }

    document.querySelectorAll('[data-inv-add], [data-inv-edit]').forEach(function (btn) {
        btn.addEventListener('click', function () {
            var add = btn.hasAttribute('data-inv-add');
            document.getElementById('inv-modal-title').textContent = add ? invAddTitle : invEditTitle;
            document.getElementById('inv-id').value = add ? '' : (btn.getAttribute('data-id') || '');
            document.getElementById('inv-name').value = add ? '' : (btn.getAttribute('data-name') || '');
            document.getElementById('inv-unit').value = add ? 'pcs' : (btn.getAttribute('data-unit') || 'pcs');
            document.getElementById('inv-low').value = add ? '0' : (btn.getAttribute('data-low') || '0');
            document.getElementById('inv-cost').value = add ? '' : (btn.getAttribute('data-cost') || '');
            document.getElementById('inv-track').checked = add ? true : btn.getAttribute('data-track') === '1';
            // Opening quantity applies only when creating; edits move stock via movements.
            document.getElementById('inv-opening-wrap').hidden = !add;
            var id = add ? 0 : parseInt(btn.getAttribute('data-id'), 10) || 0;
            document.querySelectorAll('#inv-dishlist input[type="checkbox"]').forEach(function (cb) {
                cb.checked = !add && parseInt(cb.getAttribute('data-linked-to'), 10) === id;
            });
            if (filterEl) { filterEl.value = ''; filterDishes(''); }
        });
    });

    // Movement modal: label follows the movement type (translated copy from data-* attrs).
    var moveModalEl = document.getElementById('invMoveModal');
    var titlePrefix = moveModalEl ? (moveModalEl.getAttribute('data-title-prefix') || 'Record movement — ') : 'Record movement — ';
    var qtyLabels = {
        restock: moveModalEl ? (moveModalEl.getAttribute('data-label-restock') || 'Quantity to add') : 'Quantity to add',
        waste: moveModalEl ? (moveModalEl.getAttribute('data-label-waste') || 'Quantity to remove') : 'Quantity to remove',
        adjust: moveModalEl ? (moveModalEl.getAttribute('data-label-adjust') || 'Counted quantity') : 'Counted quantity'
    };
    var qtyLabelDefault = moveModalEl ? (moveModalEl.getAttribute('data-label-default') || 'Quantity') : 'Quantity';
    document.querySelectorAll('[data-inv-move]').forEach(function (btn) {
        btn.addEventListener('click', function () {
            document.getElementById('mv-id').value = btn.getAttribute('data-id') || '';
            document.getElementById('mv-title').textContent = titlePrefix + (btn.getAttribute('data-name') || '');
            document.getElementById('mv-onhand').textContent = btn.getAttribute('data-onhand') || '0';
            document.getElementById('mv-unit').textContent = btn.getAttribute('data-unit') || '';
            document.getElementById('mv-qty').value = '0';
            document.getElementById('mv-note').value = '';
            var r = document.getElementById('mv-reason');
            r.value = 'restock';
            document.getElementById('mv-qty-label').textContent = qtyLabels.restock;
        });
    });
    var reasonEl = document.getElementById('mv-reason');
    if (reasonEl) {
        reasonEl.addEventListener('change', function () {
            document.getElementById('mv-qty-label').textContent = qtyLabels[this.value] || qtyLabelDefault;
        });
    }

    // The tracking switch saves itself: flipping it submits its row's form.
    document.addEventListener('change', function (e) {
        var sw = e.target.closest('[data-inv-track]');
        if (sw) { sw.closest('form').submit(); }
    });
})();
</script>

</div>@php /* /.qm-d2 */
@endphp
@endsection