@extends('layouts.app')

{{--
    «Мои бронирования» (ТЗ §12.1).

    Три раздела: предстоящие, прошедшие и отменённые. Подтверждение брони
    гостю отправляет Restoplace (решение заказчика D6), здесь — актуальное
    состояние и вход в детали.
--}}

@section('title', 'Мои бронирования — РестоМесто')

@push('meta')
    <meta name="robots" content="noindex, nofollow">
@endpush

@section('content')
    <div class="container-page max-w-[1000px] pb-[72px] pt-10">
        @include('partials.cabinet-nav')

        @if (session('login_message'))
            <p class="mb-4 rounded-card bg-success-light px-4 py-3 text-sm text-success" role="status">
                {{ session('login_message') }}
            </p>
        @endif

        @if ($upcoming->isEmpty() && $past->isEmpty() && $cancelled->isEmpty())
            <div class="card p-8 text-center">
                <h2 class="text-lg font-bold">Броней пока нет</h2>
                <p class="mt-1 text-sm text-muted">
                    Выберите заведение и забронируйте стол — бронь появится здесь.
                </p>
                <a href="{{ $currentCity ? route('catalog.city', $currentCity->slug) : route('cities.index') }}"
                   class="mt-4 inline-block rounded-control bg-primary px-5 py-2.5 text-sm font-semibold text-primary-contrast hover:bg-primary-hover">
                    Смотреть рестораны
                </a>
            </div>
        @else
            @foreach ([
                ['Предстоящие', $upcoming],
                ['Прошедшие', $past],
                ['Отменённые', $cancelled],
            ] as [$title, $bookings])
                @if ($bookings->isNotEmpty())
                    <section class="mb-8">
                        <h2 class="mb-3 text-sm font-bold uppercase tracking-wide text-subtle">{{ $title }}</h2>

                        <div class="space-y-3">
                            @foreach ($bookings as $booking)
                                <x-booking-row :booking="$booking" />
                            @endforeach
                        </div>
                    </section>
                @endif
            @endforeach
        @endif
    </div>
@endsection