@extends('layouts.dashboard')

@section('content')
@php

/** @var array $categories @var array $items @var array $ingredients @var array $itemIngredients @var array $schedules @var array $pager @var array|null $restaurant */
use App\Models\Ingredient;
use App\Services\MenuSchedule;
$catName = [];
foreach ($categories as $c) { $catName[(int) $c['id']] = $c['name']; }
$ingredients     = $ingredients ?? [];
$itemIngredients = $itemIngredients ?? [];
$schedules       = $schedules ?? [];
$schedName = [];
foreach ($schedules as $s) { $schedName[(int) $s['id']] = (string) $s['name']; }
$summary   = $summary ?? null;
$allowance = $allowance ?? ['limit' => 0, 'used' => 0, 'unlimited' => true, 'remaining' => 0, 'reached' => false, 'plan_name' => ''];
$filter    = $filter ?? '';
$sort      = $sort ?? 'menu';
$filterOpts = [
    ''            => t_raw('vendor.menu.filter_all'),
    'available'   => t_raw('vendor.menu.filter_available'),
    'unavailable' => t_raw('vendor.menu.filter_unavailable'),
    'popular'     => t_raw('vendor.menu.filter_popular'),
    'never_sold'  => t_raw('vendor.menu.filter_never_sold'),
    'no_cost'     => t_raw('vendor.menu.filter_no_cost'),
    // The KPI links here, so the number is a job rather than a fact.
    'uncategorised' => t_raw('vendor.menu.filter_uncategorised'),
    'low_stock'   => t_raw('vendor.menu.filter_low_stock'),
];
$sortOpts = [
    'menu'      => t_raw('vendor.menu.sort_menu_order'),
    'best'      => t_raw('vendor.menu.sort_best_selling'),
    'worst'     => t_raw('vendor.menu.sort_worst_selling'),
    'revenue'   => t_raw('vendor.menu.sort_revenue'),
    'margin'    => t_raw('vendor.menu.sort_margin'),
    'last_sold' => t_raw('vendor.menu.sort_last_sold'),
    // By the section's NAME, which is what a vendor recognises — "menu order" sorts by the id
    // the sections happened to be created in.
    'category'  => t_raw('vendor.menu.sort_category'),
    'schedule'  => t_raw('vendor.menu.sort_schedule'),
    'name'      => t_raw('vendor.menu.sort_name'),
    'price'     => t_raw('vendor.menu.sort_price'),
    // Where an import lands. Without it, "view the menu" after adding 200 dishes meant page 1
    // of everything, with no way to see which dishes had just arrived.
    'new'       => t_raw('vendor.menu.sort_new'),
];
// Every control on the bar counts, not just the two that shipped first. The category and
// schedule pickers narrow the list as well, and leaving them out of this flag told a vendor
// whose chosen section simply holds no dishes "No menu items yet" — with an add-your-first-item
// CTA — over a full menu, while Reset sat there looking as though nothing were applied.
$hasMenuFilters = $filter !== '' || $sort !== 'menu'
    || (int) ($activeCategory ?? 0) > 0 || (int) ($activeSchedule ?? 0) > 0
    || trim((string) ($search ?? '')) !== '';
// Quantities read as "3" rather than "3.00" — a kitchen counts in whole units far
// more often than in fractions, and the decimals only appear when they are real.
$fmtQty = static fn ($v): string => (rtrim(rtrim(number_format((float) $v, 2, '.', ''), '0'), '.') ?: '0');
$addBlocked = !$categories || $allowance['reached'];
// Import is reached from the tab strip, not a button: it had one in the chrome AND one in the
// page, which read as two different features. Adding a dish is an action ON this list, so it
// lives in the list's own card head — the subheader carries no action at all here.
$canImport  = $canImport ?? (\App\Services\AiFeature::usable(\App\Services\AiFeature::MENU)
    || \App\Services\GoogleBusiness::enabled());
$catCounts  = $catCounts ?? [];
$draftCount = (int) ($draftCount ?? 0);
$drafts     = $drafts ?? [];
$exportQs   = (string) ($exportQs ?? "");
$sectionCount = count($categories);
// Dragging writes the STORED order, so it is offered only while the list is showing it. Under
// "best selling" or "price" the rows on screen are a reading of the menu, not its arrangement,
// and a drop there would save that reading as the menu. A filter is fine — it narrows which rows
// are on screen, and each one still keeps the slot it holds in the whole list.
$orderIds     = $orderIds ?? [];
$reorderable  = $sort === 'menu' && count($orderIds) > 1;
$itemCols     = $reorderable ? 7 : 6;
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php // Page primary action -> top-bar subheader slot, like every sibling list page.
//      Save order stays in the card head: it is table-scoped and wakes on drag.
ob_start();
@endphp
@if ($addBlocked)
<button class="qm-btn" disabled title="{!! $categories ? t('vendor.menu.add_item_disabled_allowance') : t('vendor.menu.add_item_disabled_title') !!}">{{ t_raw('vendor.menu.add_item_btn') }}</button>
@else
<a class="qm-btn" href="{{ route('vendor.menu.item.new') }}">{{ t_raw('vendor.menu.add_item_btn') }}</a>
@endif
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp
@php /* What the menu is doing as a whole. Margin is the headline the price column can
   never show on its own, and "never sold" is the list every owner means to review and
   never has the number for. */
@endphp
@if ($summary !== null)
<div class="qm-kpi-grid">
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'blue', 'icon' => 'fa-utensils', 'label' => t_raw('vendor.menu.kpi_items'),
        'value' => number_format((int) $summary['items_c']),
        'meta' => '<span class="qm-kpi-cap">' . ($allowance['unlimited']
            ? t('vendor.menu.kpi_meta_items_unlimited', [':n' => number_format((int) $summary['available_c'])])
            : t('vendor.menu.kpi_meta_items_allowance', [':used' => number_format((int) $allowance['used']), ':limit' => number_format((int) $allowance['limit']), ':plan' => (string) $allowance['plan_name']])) . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'green', 'icon' => 'fa-percent', 'label' => t_raw('vendor.menu.kpi_avg_margin'),
        'value' => $summary['margin_avg'] !== null ? number_format((float) $summary['margin_avg'], 1) . '%' : "—",
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.menu.kpi_meta_margin', [':n' => number_format((int) $summary['no_cost_c'])]) . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'amber', 'icon' => 'fa-ghost', 'label' => t_raw('vendor.menu.kpi_never_sold'),
        'value' => number_format((int) $summary['never_sold_c']),
        'href' => route('vendor.menu', ['filter' => 'never_sold']), 'linkLabel' => t_raw('vendor.menu.kpi_link_review'),
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.menu.kpi_meta_never_sold') . '</span>'])
    @php /* This card used to repeat the dish count: "Dishes 200" beside "Available 200", the
             same number twice in a five-card strip, while availability was said a third time as a
             table column. It now carries the one menu number nothing else surfaces — dishes a
             customer cannot reach because they have no category. Zero reads as calm; anything
             above it is a real job with a filter behind it. */
@endphp
    @php $uncat = (int) ($summary['uncategorised_c'] ?? 0);
@endphp
    @partial('kpi-card', ['variant' => 'panel', 'accent' => $uncat > 0 ? 'amber' : 'teal',
        'icon' => $uncat > 0 ? 'fa-folder-open' : 'fa-check-circle',
        'label' => t_raw('vendor.menu.kpi_uncategorised'),
        'value' => number_format($uncat),
        'href' => $uncat > 0 ? route('vendor.menu', ['filter' => 'uncategorised']) : null,
        'linkLabel' => $uncat > 0 ? t_raw('vendor.menu.kpi_link_review') : null,
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.menu.kpi_meta_uncategorised') . '</span>'])
    @partial('kpi-card', ['variant' => 'panel', 'accent' => 'orange', 'icon' => 'fa-shopping-basket', 'label' => t_raw('vendor.menu.kpi_units'),
        'value' => number_format((int) ($summary['units_c'] ?? 0)),
        'meta' => '<span class="qm-kpi-cap">' . t('vendor.menu.kpi_meta_units') . '</span>'])
</div>
@endif

@if (!$allowance['unlimited'] && $allowance['reached'])
<div class="qm-card">
    <p class="qm-hint mb-0"><i class="fas fa-exclamation-triangle" aria-hidden="true"></i> {{ t_raw('vendor.menu.allowance_reached_notice', [':plan' => (string) $allowance['plan_name'], ':limit' => number_format((int) $allowance['limit'])]) }}</p>
</div>
@endif

@php /* The import card used to sit here, between the KPIs and the list. Importing is done once;
   the dish list is why this page gets opened. Three hundred pixels of permanent real estate for
   a job a restaurant does in its first week put the daily work 753px down the page, every day,
   for ever. It lives on Import now — the tab whose badge already counts what it produces —
   which is also what stops "Import" meaning two different things in two places. */
@endphp

@php /* The dishes ARE this page, full width. Sections and schedules moved to Structure: they
   are configuration touched once a month, and holding them here cost the dish list two screens
   of scroll. Add item carries no icon — the "+" is already in the label, as it is on 14 buttons
   across the product. */
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('vendor.menu.items_title') }}</h2>
        <div class="d-flex align-items-center flex-wrap gap-2">
            @php /* The arrangement, posted as one ordered list — every dish, not the ten on
                     screen, so arranging a filtered page cannot disturb the rest of the menu. Its
                     own form, because a row already carries a delete form and a form inside a form
                     is dropped by the browser. Off until something moves. */
@endphp
            @if ($reorderable)
            <form method="post" action="{{ route('vendor.menu.order') }}" class="d-inline">
                @csrf
                <input type="hidden" name="qs" value="{{ (string) request()->getQueryString() }}">
                <input type="hidden" name="order" value="{{ implode(',', $orderIds) }}" data-order-input>
                <button type="submit" class="qm-btn qm-btn-outline qm-btn-sm" data-order-save disabled><i class="fas fa-save me-1" aria-hidden="true"></i> {{ t_raw('vendor.menu.save_order_btn') }}</button>
            </form>
            @endif
        </div>
    </div>

    @php /* Sort and filter, so the two questions this list exists to answer —
       what sells and what does not earn its place — can actually be asked. */
@endphp
    <form method="get" action="{{ route('vendor.menu') }}" class="qm-order-filters">
        @partial('filter-collapse')
        <div class="qm-of-field">
            <label class="qm-of-label" for="vm-filter">{{ t_raw('common.filter') }}</label>
            <select name="filter" id="vm-filter" class="form-select">
                @foreach ($filterOpts as $val => $lbl)<option value="{{ (string) $val }}"{{ $filter === (string) $val ? ' selected' : '' }}>{{ $lbl }}</option>@endforeach
            </select>
        </div>

        @php /* The two things the menu is organised BY. A vendor with 27 sections could sort the
                 list a dozen ways and still not answer "show me the pizzas" or "what do we serve
                 at breakfast" — the questions the structure exists to make askable. Both narrow,
                 and they compose with the filter beside them rather than replacing it. */
@endphp
        @if ($allCategories = ($allCategories ?? []))
        <div class="qm-of-field">
            <label class="qm-of-label" for="vm-category">{{ t_raw('vendor.menu.category_label') }}</label>
            <select name="category" id="vm-category" class="form-select">
                <option value="">{{ t_raw('vendor.menu.filter_any_category') }}</option>
                @foreach ($allCategories as $c)
                <option value="{{ (int) $c['id'] }}"{{ (int) ($activeCategory ?? 0) === (int) $c['id'] ? ' selected' : '' }}>{{ (string) $c['name'] }}</option>
                @endforeach
            </select>
        </div>
        @endif

        @if ($allSchedules = ($allSchedules ?? []))
        <div class="qm-of-field">
            <label class="qm-of-label" for="vm-schedule">{{ t_raw('vendor.menu.schedules_title') }}</label>
            <select name="schedule" id="vm-schedule" class="form-select">
                <option value="">{{ t_raw('vendor.menu.filter_any_schedule') }}</option>
                @foreach ($allSchedules as $sc)
                <option value="{{ (int) $sc['id'] }}"{{ (int) ($activeSchedule ?? 0) === (int) $sc['id'] ? ' selected' : '' }}>{{ (string) $sc['name'] }}</option>
                @endforeach
            </select>
        </div>
        @endif
        <div class="qm-of-field">
            <label class="qm-of-label" for="vm-sort">{{ t_raw('common.sort') }}</label>
            <select name="sort" id="vm-sort" class="form-select">
                @foreach ($sortOpts as $val => $lbl)<option value="{{ (string) $val }}"{{ $sort === (string) $val ? ' selected' : '' }}>{{ $lbl }}</option>@endforeach
            </select>
        </div>
        <div class="qm-of-field qm-of-grow"><label class="qm-of-label" for="vm-q">{{ t_raw('common.search') }}</label><input type="search" id="vm-q" name="q" class="form-control" placeholder="{{ t_raw('vendor.menu.search_placeholder') }}" value="{{ $search ?? '' }}"></div>
        <div class="qm-of-actions">
            <a href="{{ route('vendor.menu') }}" class="qm-filter-reset{{ ($hasMenuFilters) ? ' is-active' : '' }}">{{ t_raw('common.reset') }}</a>
        </div>
    </form>

    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <thead><tr>@if ($reorderable)<th class="qm-drag-col"><span class="qm-h1-sr">{{ t_raw('vendor.menu.reorder_label') }}</span></th>@endif<th data-sort="text">{{ t_raw('vendor.menu.col_item') }}</th><th data-sort="number">{{ t_raw('common.price') }}</th><th data-sort="number">{{ t_raw('vendor.menu.col_sold') }}</th><th data-sort="number">{{ t_raw('vendor.menu.col_stock') }}</th><th>{{ t_raw('vendor.menu.available_label') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
        <tbody{{ $reorderable ? ' data-order-list' : '' }}>
            @if ($items)
            @foreach ($items as $it)
            @php /* A dish is arranged INSIDE its section — data-order-group is what stops a drag
                     carrying it out of one, since the section it belongs to is set on the dish
                     form, not by where it sits in this list. */
@endphp
            <tr{!! $reorderable ? ' data-order-row data-order-id="' . (int) $it['id'] . '" data-order-group="' . (int) $it['menu_category_id'] . '"' : '' !!}>
                @if ($reorderable)
                <td class="qm-drag-cell"><button type="button" class="qm-icon-btn qm-drag-grip" data-order-handle aria-label="{{ t_raw('vendor.menu.reorder_label') }}" title="{{ t_raw('vendor.menu.reorder_label') }}"><i class="fas fa-grip-vertical" aria-hidden="true"></i></button></td>
                @endif
                <td>
                    <div class="qm-tbl-id">
                        <img class="qm-tbl-thumb" src="{{ media($it['image'], 'assets/client/dish/dish-1.png') }}" alt="" width="44" height="44" loading="lazy">
                        @php $ingCount = count($itemIngredients[(int) $it['id']] ?? []);
@endphp
                        <div class="qm-tbl-id-text"><strong>{{ $it['name'] }} {!! !empty($it['is_popular']) ? '<span class="qm-pill qm-pill-amber">' . t('vendor.menu.popular_pill') . '</span>' : '' !!}@if ($ingCount) <span class="qm-pill qm-pill-grey" title="{{ t_raw('vendor.menu.ingredient_count_title') }}"><i class="fas fa-carrot" aria-hidden="true"></i> {{ $ingCount }}</span>@endif</strong>@if (!empty($catName[(int) $it['menu_category_id']]))<small>{{ $catName[(int) $it['menu_category_id']] }}</small>@endif</div>
                    </div>
                </td>
                @php /* Price and the margin it earns belong together: a price on its
                   own cannot tell an owner whether the dish is worth cooking. */
@endphp
                @php $margin = $it['margin_pct'] ?? null;
@endphp
                <td data-sort-value="{{ (string) $it['price'] }}">
                    {{ money($it['price']) }}
                    @if ($margin !== null)
@php $mTone = (float) $margin >= 60 ? 'green' : ((float) $margin >= 35 ? 'amber' : 'red'); @endphp
                    <div class="mt-1"><span class="qm-pill qm-pill-{{ $mTone }}">{{ t_raw('vendor.menu.margin_pill', [':pct' => number_format((float) $margin, 1)]) }}</span></div>
                    <div class="qm-cell-body">{{ t_raw('vendor.menu.cost_line', [':amount' => money($it['cost'])]) }}</div>
                    @else
                    <div class="qm-cell-body">{{ t_raw('vendor.menu.cost_missing') }}</div>
                    @endif
                </td>
                @php /* Units sold and when it last sold — the two facts that decide
                   whether a dish stays on the menu. */
@endphp
                @php $units = (int) ($it['units_sold'] ?? 0);
@endphp
                <td data-sort-value="{{ $units }}">
                    @if ($units > 0)
                    <strong>{{ t_raw('vendor.menu.units_value', [':n' => number_format($units)]) }}</strong>
                    <div class="qm-cell-body">{{ money($it['revenue']) }}</div>
                    <div class="qm-cell-body">{!! t_raw('vendor.menu.last_sold_line', [':date' => fmt_day($it['last_sold'], true)]) !!}</div>
                    @else
                    <span class="qm-pill qm-pill-grey">{{ t_raw('vendor.menu.never_sold_pill') }}</span>
                    @endif
                </td>
                @php /* The countable stock behind the dish, linked straight to its
                   ledger — a dish that is "available" but out of stock is the single
                   most expensive thing a menu can be wrong about. */
@endphp
                @php $stockId = (int) ($it['stock_id'] ?? 0);
@endphp
                <td data-sort-value="{!! $stockId > 0 ? e((string) $it['stock_on_hand']) : '-1' !!}">
                    @if ($stockId === 0)
                        {!! dash() !!}
                    @else
@php
$onHand = (float) $it['stock_on_hand'];
$lowAt  = (float) $it['stock_low'];
$sState = $onHand <= 0 ? 'red' : (($lowAt > 0 && $onHand <= $lowAt) ? 'amber' : 'green');
$sLabel = $onHand <= 0 ? t('vendor.inventory.state_out') : (($lowAt > 0 && $onHand <= $lowAt) ? t('vendor.inventory.state_low') : t('vendor.inventory.state_in_stock'));
@endphp
                    <a class="qm-tbl-link" href="{{ url('/vendor/inventory?item=' . $stockId) }}#inv-history">
                        <span class="qm-pill qm-pill-{{ $sState }}">{!! $sLabel !!}</span>
                    </a>
                    <div class="qm-cell-body">{!! $fmtQty($onHand) !!} {{ (string) $it['stock_unit'] }} &middot; {{ (string) $it['stock_name'] }}</div>
                    @if ((int) $it['stock_track'] !== 1)<div class="qm-cell-body">{{ t_raw('vendor.menu.stock_not_tracked') }}</div>@endif
                    @endif
                </td>
                <td>
                    <form method="post" action="{{ route('vendor.menu.item') }}" class="d-inline">
                        @csrf
                        <input type="hidden" name="id" value="{{ (int) $it['id'] }}">
                        <input type="hidden" name="toggle_available" 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="is_available" value="1" data-menu-available{{ (int) $it['is_available'] === 1 ? ' checked' : '' }} aria-label="{{ t_raw('vendor.menu.available_label') }} {{ $it['name'] }}">
                        </div>
                    </form>
                </td>
                <td class="qm-actions-cell">
                    <a class="qm-icon-btn" href="{{ url('/vendor/menu/item/' . (int) $it['id'] . '/edit') }}" aria-label="{{ t_raw('common.edit') }}" title="{{ t_raw('common.edit') }}"><i class="fas fa-pen" aria-hidden="true"></i></a>
                    <a class="qm-icon-btn" href="{{ url('/vendor/menu/item/' . (int) $it['id'] . '/analytics') }}" aria-label="{{ t_raw('vendor.menu.sales_analytics_label') }}" title="{{ t_raw('vendor.menu.sales_analytics_label') }}"><i class="fas fa-chart-line" aria-hidden="true"></i></a>
                    <form method="post" action="{{ route('vendor.menu.item.delete') }}" class="d-inline" data-confirm="{{ t_raw('vendor.menu.confirm_delete_item') }}">@csrf<input type="hidden" name="id" value="{{ (int) $it['id'] }}"><button type="submit" class="qm-icon-btn danger" aria-label="{{ t_raw('common.delete') }}"><i class="fas fa-trash-alt" aria-hidden="true"></i></button></form>
                </td>
            </tr>
            @endforeach
            @else
            @php /* The empty state has to LEAD somewhere. A brand-new restaurant has no dishes
                     and no sections, and sections now live on another page — so without a way
                     through, the most important journey in the product is a dead end. A filtered
                     list gets no action (the answer is to change the filter); no sections points
                     at Structure; sections but no dishes points at the dish form. */
@endphp
            @partial('table-empty', [
                'colspan' => $itemCols,
                'icon'    => 'fa-utensils',
                'msg'     => $hasMenuFilters
                    ? t('vendor.menu.empty_items_filtered')
                    : ($categories ? t('vendor.menu.empty_items_with_categories') : t('vendor.menu.empty_items_no_categories')),
                'cta'     => $hasMenuFilters ? null : ($categories
                    ? ['href' => route('vendor.menu.item.new'), 'label' => t_raw('vendor.menu.add_item_btn')]
                    : ['href' => route('vendor.menu.structure'), 'label' => t_raw('vendor.menu.add_category_btn')]),
            ])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/vendor/menu'])
</div>


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

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