@extends('layouts.app')

@section('title', 'Menus')

@section('content')
    @php
        use App\Models\KitchenCycleMenu;
        $money = fn ($v) => \App\Support\Fmt::money($v);
        $day = fn ($v) => \App\Support\Fmt::day($v instanceof \DateTimeInterface ? $v->format('Y-m-d') : $v);
        $sel = 'h-9 w-full 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';
        $plannedTotal = $rows->sum('cost');
        $statusCls = [
            'Planned' => 'bg-sky-500/15 text-sky-700',
            'Stamped' => 'bg-slate-500/15 text-slate-600',
            'Unscheduled' => 'bg-amber-500/15 text-amber-700',
        ];
    @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">Cycle menus stamped onto dates with headcount-driven planned cost</p>
                <h1 class="text-lg font-semibold">Menus</h1>
            </div>
            <div class="flex flex-wrap gap-2">
                <a href="{{ route('kitchen.menus.csv', $active ? ['menu' => $active->id] : []) }}"
                   class="flex h-9 items-center rounded-lg border border-border px-3 text-sm hover:bg-accent">CSV</a>
            </div>
        </div>

        @include('partials.flashes')

        <div class="grid gap-6 lg:grid-cols-4">
            <div class="flex flex-col gap-1">
                @forelse ($menus as $m)
                    <a href="{{ route('kitchen.menus', ['menu' => $m->id]) }}"
                       class="rounded-xl border px-3 py-2.5 transition-colors {{ $active?->id === $m->id ? 'border-primary/50 bg-accent' : 'border-border bg-card hover:bg-accent/40' }}">
                        <span class="block text-sm font-medium">{{ $m->name }}</span>
                        <span class="block text-xs text-muted-foreground">
                            {{ $m->cycle_length }}-day cycle &middot; {{ $m->totalHeadcount() }} covers
                        </span>
                    </a>
                @empty
                    <p class="rounded-xl border border-border bg-card px-3 py-6 text-center text-sm text-muted-foreground">No cycle menus yet.</p>
                @endforelse

                <details id="menu-new" class="rounded-xl border border-border bg-card p-3">
                    <summary class="cursor-pointer text-sm font-semibold">New cycle menu</summary>
                    <form method="post" action="{{ route('kitchen.menus.store') }}" class="mt-3 grid gap-3">
                        @csrf
                        <x-field label="Name *" required><x-input name="name" placeholder="e.g. Term 1, 2026" required /></x-field>
                        <x-field label="Cycle length (days) *" required>
                            <x-input type="number" min="1" max="31" name="cycle_length" value="7" required />
                        </x-field>
                        <button class="rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground">Create menu</button>
                        <p class="text-xs text-muted-foreground">Headcount starts at 520 boarders, 410 day scholars and 60 staff.</p>
                    </form>
                </details>
            </div>

            <div class="lg:col-span-3">
                @if ($active)
                    <div class="flex flex-col gap-6">
                        <div class="grid grid-cols-2 gap-3 lg:grid-cols-4">
                            <div class="rounded-xl border border-border bg-card p-4">
                                <span class="block text-lg font-semibold tabular-nums">{{ $active->cycle_length }}</span>
                                <span class="block text-xs text-muted-foreground">Days in cycle</span>
                            </div>
                            <div class="rounded-xl border border-border bg-card p-4">
                                <span class="block text-lg font-semibold tabular-nums">{{ $rows->count() }}</span>
                                <span class="block text-xs text-muted-foreground">Dishes planned</span>
                            </div>
                            <div class="rounded-xl border border-border bg-card p-4">
                                <span class="block text-lg font-semibold tabular-nums">{{ $stampRanges }}</span>
                                <span class="block text-xs text-muted-foreground">Stamp ranges</span>
                            </div>
                            <div class="rounded-xl border border-border bg-card p-4">
                                <span class="block text-lg font-semibold tabular-nums">{{ $money($plannedTotal) }}</span>
                                <span class="block text-xs text-muted-foreground">Planned cost per cycle</span>
                            </div>
                        </div>

                        <div class="rounded-xl border border-border bg-card">
                            <div class="flex flex-wrap items-center justify-between gap-3 border-b border-border px-4 py-3">
                                <h2 class="text-sm font-medium">{{ $active->name }} &mdash; cycle plan</h2>
                                <div class="flex flex-wrap gap-2">
                                    <form method="post" action="{{ route('kitchen.menus.destroy', $active) }}"
                                          onsubmit="return confirm('Delete menu &quot;{{ $active->name }}&quot; and its dishes?')">
                                        @csrf @method('DELETE')
                                        <button class="h-8 rounded-lg border border-rose-300 px-2 text-[11px] text-rose-700 hover:bg-rose-50">Delete menu</button>
                                    </form>
                                    <form method="post" action="{{ route('kitchen.menus.stamp.destroy', $active) }}"
                                          onsubmit="return confirm('Clear all stamp ranges?')">
                                        @csrf @method('DELETE')
                                        <button class="h-8 rounded-lg border border-border px-2 text-[11px] hover:bg-accent">Clear stamps</button>
                                    </form>
                                </div>
                            </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">Day</th>
                                            <th class="px-4 py-2 font-medium">Meal</th>
                                            <th class="px-4 py-2 font-medium">Dish</th>
                                            <th class="px-4 py-2 text-right font-medium">Headcount</th>
                                            <th class="px-4 py-2 font-medium">From</th>
                                            <th class="px-4 py-2 text-right font-medium">Planned cost</th>
                                            <th class="px-4 py-2 font-medium">Status</th>
                                            <th class="px-4 py-2 text-right font-medium">Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($rows as $row)
                                            <tr class="border-b border-border/60 last:border-0">
                                                <td class="px-4 py-2 font-medium">Day {{ $row['day'] }}</td>
                                                <td class="px-4 py-2">{{ $row['meal'] }}</td>
                                                <td class="px-4 py-2">
                                                    {{ $row['recipe']?->name ?? '—' }}
                                                    @if ($row['recipe'])
                                                        <span class="block text-xs text-muted-foreground">{{ $money($row['recipe']->costPerPortion()) }}/portion</span>
                                                    @endif
                                                </td>
                                                <td class="px-4 py-2 text-right tabular-nums">{{ $row['headcount'] }}</td>
                                                <td class="px-4 py-2 text-xs">{{ $row['date'] ? $day($row['date']) : '—' }}</td>
                                                <td class="px-4 py-2 text-right tabular-nums">{{ $money($row['cost']) }}</td>
                                                <td class="px-4 py-2">
                                                    <span class="inline-flex shrink-0 items-center rounded-full px-2 py-0.5 text-[10px] font-medium {{ $statusCls[$row['status']] ?? 'bg-slate-500/15 text-slate-600' }}">
                                                        {{ $row['status'] }}
                                                    </span>
                                                </td>
                                                <td class="px-4 py-2 text-right">
                                                    <form method="post" action="{{ route('kitchen.menus.stampings.destroy', $row['id']) }}"
                                                          onsubmit="return confirm('Remove this dish from the plan?')">
                                                        @csrf @method('DELETE')
                                                        <button class="rounded-md border border-rose-300 px-2 py-1 text-[11px] text-rose-700 hover:bg-rose-50">Remove</button>
                                                    </form>
                                                </td>
                                            </tr>
                                        @empty
                                            <tr><td colspan="8" class="px-4 py-8 text-center text-muted-foreground">No dishes in this cycle yet.</td></tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div class="grid gap-6 lg:grid-cols-2">
                            <div class="rounded-xl border border-border bg-card">
                                <div class="border-b border-border px-4 py-3">
                                    <h2 class="text-sm font-medium">Add a dish to the cycle</h2>
                                </div>
                                <form method="post" action="{{ route('kitchen.menus.stampings.store', $active) }}" class="grid gap-3 p-4 md:grid-cols-4">
                                    @csrf
                                    <x-field label="Day" required>
                                        <select name="day" class="{{ $sel }}" required>
                                            @for ($d = 1; $d <= $active->cycle_length; $d++)
                                                <option value="{{ $d }}">Day {{ $d }}</option>
                                            @endfor
                                        </select>
                                    </x-field>
                                    <x-field label="Meal" required>
                                        <select name="meal" class="{{ $sel }}" required>
                                            @foreach (KitchenCycleMenu::MEALS as $meal)
                                                <option value="{{ $meal }}" @selected($meal === 'Lunch')>{{ $meal }}</option>
                                            @endforeach
                                        </select>
                                    </x-field>
                                    <x-field label="Recipe" required>
                                        <select name="kitchen_recipe_id" class="{{ $sel }}" required>
                                            <option value="">Select recipe</option>
                                            @foreach ($recipes as $recipe)
                                                <option value="{{ $recipe->id }}">{{ $recipe->name }} ({{ $money($recipe->costPerPortion()) }}/portion)</option>
                                            @endforeach
                                        </select>
                                    </x-field>
                                    <div class="flex items-end">
                                        <button class="h-9 rounded-lg bg-primary px-4 text-sm font-medium text-primary-foreground">Add</button>
                                    </div>
                                    <p class="text-xs text-muted-foreground md:col-span-4">
                                        Lunch covers boarders, day scholars and staff; other meals cover boarders and staff only.
                                    </p>
                                </form>
                            </div>

                            <div class="rounded-xl border border-border bg-card">
                                <div class="border-b border-border px-4 py-3">
                                    <h2 class="text-sm font-medium">Stamp the cycle onto dates</h2>
                                </div>
                                <form method="post" action="{{ route('kitchen.menus.stamp', $active) }}" class="grid gap-3 p-4 md:grid-cols-3">
                                    @csrf
                                    <x-field label="From *" required><x-input type="date" name="range_from" value="{{ $today }}" required /></x-field>
                                    <x-field label="To *" required><x-input type="date" name="range_to" value="{{ $today }}" required /></x-field>
                                    <x-field label="Weekends">
                                        <label class="flex h-9 items-center gap-2 text-sm">
                                            <input type="checkbox" name="skip_weekends" value="1" checked class="size-4 rounded border-input">
                                            Skip weekends
                                        </label>
                                    </x-field>
                                    <div class="md:col-span-3">
                                        <button class="h-9 rounded-lg border border-border px-3 text-sm hover:bg-accent">Stamp range</button>
                                    </div>
                                </form>

                                <div class="border-t border-border p-4">
                                    <details id="menu-headcount">
                                        <summary class="cursor-pointer text-sm font-semibold">Headcount</summary>
                                        <form method="post" action="{{ route('kitchen.menus.headcount', $active) }}" class="mt-3 grid gap-3 md:grid-cols-3">
                                            @csrf
                                            <x-field label="Boarders" required>
                                                <x-input type="number" min="0" name="boarders" value="{{ $active->boarders }}" required />
                                            </x-field>
                                            <x-field label="Day scholars" required>
                                                <x-input type="number" min="0" name="day_scholars" value="{{ $active->day_scholars }}" required />
                                            </x-field>
                                            <x-field label="Staff" required>
                                                <x-input type="number" min="0" name="staff_count" value="{{ $active->staff_count }}" required />
                                            </x-field>
                                            <div class="md:col-span-3">
                                                <button class="h-9 rounded-lg bg-primary px-3 text-sm font-medium text-primary-foreground">Update headcount</button>
                                            </div>
                                        </form>
                                    </details>

                                    @if ($active->stampRanges->isNotEmpty())
                                        <div class="mt-4 flex flex-col gap-1">
                                            <p class="text-xs font-medium text-muted-foreground">Current stamp ranges</p>
                                            @foreach ($active->stampRanges as $range)
                                                <div class="flex items-center justify-between rounded-lg border border-border px-3 py-1.5 text-xs">
                                                    <span>{{ $day($range->range_from) }} &rarr; {{ $day($range->range_to) }}</span>
                                                    <span class="text-muted-foreground">{{ count($range->dates()) }} date(s){{ $range->skip_weekends ? ', weekends skipped' : '' }}</span>
                                                </div>
                                            @endforeach
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                @else
                    <div class="rounded-xl border border-border bg-card px-4 py-12 text-center text-sm text-muted-foreground">
                        Create a cycle menu to start planning dishes.
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection