@extends('layouts.public')
@include('partials.back', ['fallback' => route('admin.menu.index')])

@section('title', 'Table history')

@push('head')
<style>
    body { background:var(--soft); }
    .admin { max-width:820px; margin:0 auto; padding:28px 20px 60px; }
    .back { color:var(--ink); font-weight:700; text-decoration:none; }
    details { background:#fff; border-radius:14px; padding:14px 16px; margin-top:12px; }
    summary { cursor:pointer; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-weight:700; }
    .meta { font-weight:400; font-size:13px; color:var(--muted); }
    .ord { border-top:1px solid var(--line); margin-top:12px; padding-top:10px; }
    .line { display:flex; justify-content:space-between; gap:12px; font-size:14px; }
    .opt { display:block; font-size:12px; color:var(--muted); }
</style>
@endpush

@section('content')
<div class="admin">
    <!--<a class="back" href="{{ route('kitchen.index') }}">‹ Kitchen</a>-->
    <h1 style="font-size:28px;margin-top:8px">Table history</h1>

    @forelse ($sessions as $s)
        <details>
            <summary>
                <span>
                    {{ $s->table->name }}
                    <span class="meta">
                        · opened {{ $s->opened_at->format('d M Y H:i') }}
                        · closed {{ $s->closed_at->format('H:i') }}
                        ({{ (int) round($s->opened_at->diffInMinutes($s->closed_at, true)) }} min)
                    </span>
                </span>
                <span>{{ $s->orders_count }} {{ $s->orders_count === 1 ? 'order' : 'orders' }} · ${{ number_format($s->total, 2) }}</span>
            </summary>

            @forelse ($s->orders as $order)
                <div class="ord">
                    <strong>Order #{{ $order->id }}</strong>
                    <span class="meta">· {{ $order->created_at->format('H:i') }}</span>
                    @foreach ($order->items as $line)
                        <div class="line">
                            <span>{{ $line->quantity }} × {{ $line->name }}@if ($line->options)<span class="opt">{{ $line->options }}</span>@endif</span>
                            <span>${{ number_format($line->unit_price * $line->quantity, 2) }}</span>
                        </div>
                    @endforeach
                    @if ($order->note)<span class="opt">Note: {{ $order->note }}</span>@endif
                </div>
            @empty
                <p class="meta" style="margin-top:10px">No orders in this session.</p>
            @endforelse
        </details>
    @empty
        <p class="meta" style="margin-top:20px">No closed tables yet.</p>
    @endforelse

    <div style="margin-top:20px">{{ $sessions->links() }}</div>
</div>
@endsection