@extends('layouts.public')

@section('content')
@php /** @var array $restaurants */
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('account.my_favorites_title') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><a href="{{ route('account') }}">{{ t_raw('account.crumb') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('account.favorites') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>

<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-3">@partial('account-nav')</div>
            <div class="col-lg-9">
                <div class="qm-card">
                    <h2>{{ t_raw('account.saved_restaurants_title') }}</h2>
                    @if ($restaurants->isNotEmpty())
                    @php /* `data-fav-list` tells the shared heart handler that on THIS page an
                             un-favourited card must leave, not just go grey. Everywhere else the card
                             stays and only the heart changes, which is right for a listing — but this
                             page IS the list of favourites, so a grey heart sitting under the heading
                             "Saved restaurants" contradicts itself until you reload. */
@endphp
                    <div class="row g-4 mt-1" data-fav-list>
                        @foreach ($restaurants as $r)
                        <div class="col-md-6 col-xl-4">@partial('cards/restaurant', ['r' => $r])</div>
                        @endforeach
                    </div>
                    @endif
                    @php // Rendered always, hidden while cards remain, so removing the last one has
                          // something to reveal without a round trip.
@endphp
                    <div class="qm-empty" data-fav-empty{{ $restaurants->isNotEmpty() ? ' hidden' : '' }}><i class="far fa-heart d-block" aria-hidden="true"></i><p>{{ t_raw('account.no_favorites_empty') }}</p><a href="{{ route('restaurants') }}" class="qm-btn">{{ t_raw('restaurant.browse') }}</a></div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection