@extends('layouts.app')

@section('title', 'Kitchen Dashboard')

@section('content')
    @php
        $money = fn ($v) => \App\Support\Fmt::money($v);
        $num = fn ($v) => \App\Support\Fmt::plain($v, 2);
    @endphp
    <div class="flex flex-col gap-6">
        <div class="flex flex-wrap items-end justify-between gap-3">
            <div>
                <p class="text-xs font-medium text-muted-foreground">Command centre for stores, counter requisitions and catering cost</p>
                <h1 class="text-lg font-semibold">Kitchen Dashboard</h1>
            </div>
            <form method="get" action="{{ route('kitchen.dashboard') }}" class="flex flex-wrap items-end gap-2">
                <div class="flex flex-col gap-1.5">
                    <label class="text-xs">Store</label>
                    <select name="store" onchange="this.form.submit()"
                            class="h-9 w-48 rounded-lg border border-input bg-transparent px-3 text-sm outline-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50">
                        @foreach ($stores as $id => $name)
                            <option value="{{ $id }}" @selected((string) ($storeId ?? 'all') === (string) $id)>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
                <button class="h-9 rounded-lg border border-border px-3 text-sm hover:bg-accent">Refresh</button>
                <a href="{{ route('kitchen.dashboard.csv', array_filter(['store' => $storeId ? $storeId : null])) }}"
                   class="flex h-9 items-center rounded-lg border border-border px-3 text-sm hover:bg-accent">CSV</a>
            </form>
        </div>

        @include('partials.flashes')

        @if ($storeCount === 0)
            <div class="rounded-xl border border-border bg-card px-4 py-10 text-center text-sm text-muted-foreground">
                You have not created a store yet &mdash; do that under Inventory &rsaquo; Settings &rsaquo; Warehouses first.
            </div>
        @else
            <div class="grid grid-cols-2 gap-3 lg:grid-cols-3">
                @foreach ([
                    ['label' => 'Stock on hand', 'value' => $money($stockValue), 'sub' => $itemCount.' items across '.$storeCount.' store(s)', 'href' => route('kitchen.stores-ledger'), 'accent' => 'text-emerald-600'],
                    ['label' => 'Requisitions awaiting approval', 'value' => (string) $awaiting, 'sub' => 'Submitted counter requisitions', 'href' => route('kitchen.counter-requisition', ['status' => 'Submitted']), 'accent' => 'text-amber-600'],
                    ['label' => 'Current period food cost position', 'value' => $money($periodPosition), 'sub' => 'Term 1, 2026 &middot; committed kitchen spend', 'href' => route('kitchen.food-cost'), 'accent' => 'text-sky-600'],
                ] as $card)
                    <a href="{{ $card['href'] }}" class="rounded-xl border border-border bg-card p-4 transition-colors hover:border-primary/40">
                        <span class="text-xs font-medium text-muted-foreground {{ $card['accent'] }}">{{ $card['label'] }}</span>
                        <span class="mt-2 block text-xl font-semibold leading-tight tabular-nums">{{ $card['value'] }}</span>
                        <span class="mt-1 block text-xs text-muted-foreground">{{ $card['sub'] }}</span>
                    </a>
                @endforeach
            </div>

            <div class="rounded-xl border border-border bg-card">
                <div class="flex items-center justify-between border-b border-border px-4 py-3">
                    <h2 class="text-sm font-medium">Below reorder level</h2>
                    <span class="text-xs text-muted-foreground">{{ $low->count() }} item(s) need restocking</span>
                </div>
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="border-b border-border text-left text-xs text-muted-foreground">
                                <th class="px-4 py-2 font-medium">Item</th>
                                <th class="px-4 py-2 font-medium">Store</th>
                                <th class="px-4 py-2 text-right font-medium">On hand</th>
                                <th class="px-4 py-2 text-right font-medium">Reorder at</th>
                                <th class="px-4 py-2 text-right font-medium">Value</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($low as $item)
                                <tr class="border-b border-border/60 last:border-0">
                                    <td class="px-4 py-2 font-medium">{{ $item->name }}<span class="block text-xs text-muted-foreground">{{ $item->unit }}</span></td>
                                    <td class="px-4 py-2">{{ $item->store?->name ?? '—' }}</td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $num($item->on_hand) }}</td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $num($item->reorder_level) }}</td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $money($item->stockValue()) }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="5" class="px-4 py-8 text-center text-muted-foreground">Nothing is below its reorder level.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="rounded-xl border border-border bg-card">
                <div class="flex items-center justify-between border-b border-border px-4 py-3">
                    <h2 class="text-sm font-medium">Variance &mdash; theoretical vs actual</h2>
                    <a href="{{ route('kitchen.food-cost') }}" class="text-xs font-medium text-primary hover:underline">Food cost &rarr;</a>
                </div>
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="border-b border-border text-left text-xs text-muted-foreground">
                                <th class="px-4 py-2 font-medium">Item</th>
                                <th class="px-4 py-2 text-right font-medium">Theoretical</th>
                                <th class="px-4 py-2 text-right font-medium">Actual</th>
                                <th class="px-4 py-2 text-right font-medium">Variance</th>
                                <th class="px-4 py-2 text-right font-medium">Value</th>
                                <th class="px-4 py-2 font-medium">Band</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($foodCosts as $row)
                                <tr class="border-b border-border/60 last:border-0">
                                    <td class="px-4 py-2 font-medium">{{ $row['item'] }}</td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $num($row['theoretical']) }}</td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $num($row['actual']) }}</td>
                                    <td class="px-4 py-2 text-right font-medium tabular-nums {{ $row['variance'] > 0 ? 'text-rose-600' : 'text-emerald-600' }}">
                                        {{ $row['variance'] > 0 ? '+' : '' }}{{ $num($row['variance']) }}
                                    </td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $money($row['did_cost']) }}</td>
                                    <td class="px-4 py-2">@include('kitchen.partials.band', ['band' => $row['band']])</td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="px-4 py-8 text-center text-muted-foreground">No variance data yet for this store.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="rounded-xl border border-border bg-card">
                <div class="flex items-center justify-between border-b border-border px-4 py-3">
                    <h2 class="text-sm font-medium">Recent requisitions</h2>
                    <a href="{{ route('kitchen.counter-requisition') }}" class="text-xs font-medium text-primary hover:underline">Counter requisitions &rarr;</a>
                </div>
                <div class="overflow-x-auto">
                    <table class="w-full text-sm">
                        <thead>
                            <tr class="border-b border-border text-left text-xs text-muted-foreground">
                                <th class="px-4 py-2 font-medium">No.</th>
                                <th class="px-4 py-2 font-medium">Date</th>
                                <th class="px-4 py-2 font-medium">From &rarr; To</th>
                                <th class="px-4 py-2 text-right font-medium">Lines</th>
                                <th class="px-4 py-2 text-right font-medium">Value</th>
                                <th class="px-4 py-2 font-medium">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($recent as $s)
                                <tr class="border-b border-border/60 last:border-0">
                                    <td class="px-4 py-2 font-mono text-xs font-semibold">{{ $s->s11_no }}</td>
                                    <td class="px-4 py-2 text-xs">{{ \App\Support\Fmt::day($s->raised_on?->toDateString()) }}</td>
                                    <td class="px-4 py-2 text-xs">{{ $s->store?->name ?? '—' }} &rarr; {{ $s->point_of_use }}</td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $s->lineCount() }}</td>
                                    <td class="px-4 py-2 text-right tabular-nums">{{ $money($s->requiredValue()) }}</td>
                                    <td class="px-4 py-2">@include('kitchen.partials.badge', ['status' => $s->status])</td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="px-4 py-8 text-center text-muted-foreground">No requisitions match this store yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        @endif
    </div>
@endsection