@extends('layouts.app')

{{--
    Избранные заведения (ТЗ §12.2).

    Доступность здесь не запрашивается: кабинет — не витрина выбора, а лишний
    вызов API замедлил бы страницу без пользы.
--}}

@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-control bg-success-light px-4 py-3 text-sm text-success" role="status">
                {{ session('login_message') }}
            </p>
        @endif

        @if ($venues->isEmpty())
            <div class="card p-8 text-center">
                <h2 class="text-lg font-bold">Избранного пока нет</h2>
                <p class="mt-1 text-sm text-ink-60">
                    Нажмите на сердце в карточке заведения — оно появится здесь.
                </p>
                <a href="{{ $currentCity ? route('catalog.city', $currentCity->slug) : route('cities.index') }}"
                   class="btn btn-primary mt-4 no-underline hover:no-underline">
                    Смотреть рестораны
                </a>
            </div>
        @else
            <div class="grid gap-5 [grid-template-columns:repeat(auto-fill,minmax(280px,1fr))]">
                @foreach ($venues as $venue)
                    <x-venue-card :venue="$venue" :is-favorite="true" />
                @endforeach
            </div>
        @endif
    </div>
@endsection