@extends('layouts.public')

@section('content')
@php

/** @var array $restaurants @var array $cuisines @var array $tags @var array $filters @var string $view @var string $diet @var bool $openNow */
$tags = $tags ?? [];
$view = in_array($view ?? 'grid', ['list', 'map'], true) ? $view : 'grid';
$diet = $diet ?? '';
$openNow = $openNow ?? false;
$priceMax = (float) ($filters['price_max'] ?? 0);

// Geo (F2/S6/S7/S8), all resolved by the controller. $origin is null when nothing
// located the visitor — a radius measured from nowhere is not a filter, so the whole
// distance control stays off the page rather than sitting there doing nothing.
$radius       = (float) ($radius ?? 0);
$radiusMin    = (float) ($radiusMin ?? 1);
$radiusMax    = (float) ($radiusMax ?? 25);
$origin       = $origin ?? null;
// True when a radius was asked for and nothing could be measured from — see the note by the slider.
$radiusIgnored = (bool) ($radiusIgnored ?? false);
$mapAvailable = (bool) ($mapAvailable ?? false);
$mapPoints    = $mapPoints ?? [];
$mapCapped    = (bool) ($mapCapped ?? false);
$mapMaxPins   = (int) ($mapMaxPins ?? 500);
$mapCluster   = (bool) ($mapCluster ?? true);
$geoBrowser   = (bool) ($geoBrowser ?? false);
$distUnit     = \App\Services\Distance::unitLabel();
// The pin only travels in the query string when the browser is the thing that found it.
$pinLat = $geoBrowser && is_numeric(request()->query('lat')) ? (string) request()->query('lat') : '';
$pinLng = $geoBrowser && is_numeric(request()->query('lng')) ? (string) request()->query('lng') : '';

// $restaurants holds only the current page; the total (across all pages) drives the counts.
$total = (int) ($pager['total'] ?? count($restaurants));
// Preserve current query params (except view) when building toggle links.
$baseQuery = request()->query();
unset($baseQuery['view']);
$gridHref = route('restaurants') . '?' . http_build_query(array_merge($baseQuery, ['view' => 'grid']));
$listHref = route('restaurants') . '?' . http_build_query(array_merge($baseQuery, ['view' => 'list']));
$mapHref  = route('restaurants') . '?' . http_build_query(array_merge($baseQuery, ['view' => 'map']));

$dietLabels = [
    '004-leaf' => t_raw('common.diet_vegetarian_options'), '006-chili' => t_raw('common.diet_spicy_dishes'),
    '005-chef' => t_raw('common.diet_chefs_picks'), '008-protein' => t_raw('common.diet_egg_dishes'),
    '009-lemon' => t_raw('common.diet_zesty_dishes'),
];

// ----- Active-filter chips: build a removable chip per applied filter. Each chip
// links back to this same page with just that one parameter dropped, so a buyer
// can clear filters individually instead of only "Reset all".
$cuisineLabels = [];
foreach ($cuisines as $c) { $cuisineLabels[$c['slug']] = $c['name']; }
$tagLabels = [];
foreach ($tags as $t) { $tagLabels[$t['slug']] = $t['name']; }
$dietChipLabels = ['veg' => t_raw('restaurant.diet_veg'), 'vegan' => t_raw('restaurant.diet_vegan'), 'protein' => t_raw('restaurant.diet_protein'), 'light' => t_raw('restaurant.diet_light')];
$sortChipLabels = ['rating' => t_raw('restaurant.sort_top_rated'), 'delivery' => t_raw('restaurant.sort_fastest_delivery'), 'price' => t_raw('restaurant.sort_lowest_min_order'), 'newest' => t_raw('restaurant.sort_newest')];

// A chip's link is the CURRENT query string minus one parameter — a plain link, so
// removing a filter needs no JavaScript. Two parameters are deliberately handled
// differently from the rest:
//   `view`  is kept. It is how the visitor is looking at the results, not something
//           they filtered by, and dropping a chip must not throw them out of the map.
//   `page`  is dropped. A narrower or wider result set has a different last page, and
//           page 7 of a 3-page result set is an empty screen that reads as "no results".
$chipQuery = request()->query();
unset($chipQuery['page']);
// The view that actually rendered, not the one that was asked for. An install with no
// map configured downgrades `view=map` to the grid, and a chip must not hand back a
// parameter the page just refused.
if ($view === 'grid') { unset($chipQuery['view']); } else { $chipQuery['view'] = $view; }

$chips = [];
$chipFor = static function (string $param, string $label) use ($chipQuery, $__env): array {
    $q = $chipQuery;
    unset($q[$param]);
    return ['label' => $label, 'href' => route('restaurants') . ($q ? '?' . http_build_query($q) : '')];
};
if (($filters['q'] ?? '') !== '')        { $chips[] = $chipFor('q', t_raw('restaurant.chip_search', [':q' => $filters['q']])); }
if (($filters['city'] ?? '') !== '')     { $chips[] = $chipFor('city', t_raw('restaurant.chip_city', [':city' => $filters['city']])); }
if (($filters['cuisine'] ?? '') !== '')  { $chips[] = $chipFor('cuisine', t_raw('restaurant.chip_cuisine', [':name' => $cuisineLabels[$filters['cuisine']] ?? $filters['cuisine']])); }
if (($filters['tag'] ?? '') !== '')      { $chips[] = $chipFor('tag', t_raw('restaurant.chip_tag', [':name' => $tagLabels[$filters['tag']] ?? $filters['tag']])); }
if ($openNow)                            { $chips[] = $chipFor('open', t_raw('restaurant.open_now')); }
if ($diet !== '')                        { $chips[] = $chipFor('diet', $dietChipLabels[$diet] ?? ucfirst($diet)); }
if ($priceMax > 0)                       { $chips[] = $chipFor('price_max', t_raw('restaurant.chip_price_up_to', [':price' => money($priceMax)])); }
if (($filters['min_rating'] ?? 0) > 0)   { $chips[] = $chipFor('min_rating', t_raw('restaurant.chip_min_rating', [':rating' => number_format((float) $filters['min_rating'], 1)])); }
// The radius chip carries the CLAMPED figure, not the one that was asked for, so the
// chip and the result set always say the same thing.
if ($radius > 0 && $origin !== null) { $chips[] = $chipFor('radius', t_raw('restaurant.chip_radius', [':distance' => rtrim(rtrim(number_format($radius, 1), '0'), '.') . ' ' . $distUnit])); }
if (($filters['sort'] ?? '') !== '' && isset($sortChipLabels[$filters['sort']])) { $chips[] = $chipFor('sort', $sortChipLabels[$filters['sort']]); }
// Clear all keeps only the view, for the same reason a chip does.
$clearAllHref = route('restaurants') . ($view !== 'grid' ? '?view=' . $view : '');
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('restaurant.browse') }}</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><span class="active">{{ t_raw('footer.restaurants') }}</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">
            <!-- Filters -->
            <div class="col-lg-3 qm-filter-shell">
                <input type="checkbox" id="qm-filter-open" class="qm-filter-open-cb visually-hidden">
                <label for="qm-filter-open" class="qm-filter-toggle"><i class="fas fa-sliders-h" aria-hidden="true"></i> {{ t_raw('restaurant.filters') }}</label>
                @php // data-filter-auto (not .qm-order-filters, which is the dashboard's
                      // horizontal layout) opts this card into the shared auto-apply behaviour
                      // in js/qm-table-tools.js: every control re-runs the query on change and
                      // the search fires after 3 characters, so there is no Apply step.
@endphp
                <form method="get" action="{{ route('restaurants') }}" class="qm-filter-card qm-sticky-top" data-filter-auto>
                    <input type="hidden" name="view" value="{{ $view }}">
                    <div class="qm-filter-head">
                        <h2 class="qm-filter-title">{{ t_raw('restaurant.filters') }}</h2>
                        <a href="{{ route('restaurants') }}" class="qm-filter-reset">{{ t_raw('common.reset') }}</a>
                    </div>

                    @php // Distance (F2/S7). The pin the browser handed over rides along as two
                          // hidden fields so changing any OTHER filter does not lose it — and it is
                          // only ever written in `gps` mode, because in `ip` mode the server already
                          // knows and in `off` mode nobody is asking. They sit outside the arranged
                          // controls below because they are not a control: nothing is drawn, and
                          // dragging the slider must not be able to move them out of the form.
@endphp
                    <input type="hidden" name="lat" id="f-lat" value="{{ $pinLat }}">
                    <input type="hidden" name="lng" id="f-lng" value="{{ $pinLng }}">

                    @php
                    // One closure per control, keyed by the query parameter it writes, drawn in the
                    // order the operator arranged on Admin → Settings → General. A control that has
                    // nothing to offer still decides that for itself: the distance slider needs a
                    // located visitor, the tag select needs tags.
                    $filterControls = [
                        'q' => function () use ($filters, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <label for="f-q">{{ t_raw('common.search') }}</label>
                        <input type="search" id="f-q" name="q" class="form-control" placeholder="{{ t_raw('restaurant.search_placeholder') }}" value="{{ $filters['q'] }}">
                    </div>
                        @php },
                        'city' => function () use ($filters, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <label for="f-city">{{ t_raw('restaurant.location_label') }}</label>
                        <input type="text" id="f-city" name="city" class="form-control" placeholder="{{ t_raw('restaurant.city_placeholder') }}" value="{{ $filters['city'] }}">
                    </div>
                        @php },
                        'radius' => function () use ($origin, $geoBrowser, $radius, $radiusMin, $radiusMax, $distUnit, $radiusIgnored, $__env): void {
                            if ($origin === null && !$geoBrowser) { return; }
@endphp
                    <div class="qm-filter-group">
                        @php // The slider rests at 0 = any distance, exactly as the rating slider
                              // rests at 0 = any rating. The operator's floor is enforced by the
                              // controller, not by this input's min, so a value dragged below it
                              // (or typed into the URL) lands on the floor rather than under it.
@endphp
                        <label for="f-radius">{{ t_raw('restaurant.radius_label') }} <span id="f-radius-val">{!! $radius > 0 ? e(rtrim(rtrim(number_format($radius, 1), '0'), '.') . ' ' . $distUnit) : t('restaurant.any') !!}</span></label>
                        <input type="range" id="f-radius" name="radius" min="0" max="{{ (string) $radiusMax }}" step="{{ \App\Services\Distance::inputStep() }}" value="{{ (string) $radius }}" class="form-range"
                               data-radius-floor="{{ (string) $radiusMin }}" data-unit="{{ $distUnit }}" data-any="{{ t_raw('restaurant.any') }}">
                        @if ($geoBrowser)
                        <button type="button" class="qm-btn qm-btn-outline qm-btn-sm w-100 mt-2" id="qm-rest-locate">
                            <i class="fas fa-location-arrow" aria-hidden="true"></i> {{ t_raw('restaurant.near_me_btn') }}
                        </button>
                        @endif
                        @php /* A radius the server could not apply — nothing has located the visitor yet —
                                 said so nowhere at all: the slider moved, the URL carried `radius=`, the
                                 label updated, the chip was suppressed and the result count did not budge.
                                 One line, in the control that caused it. */
@endphp
                        @if (!empty($radiusIgnored))
                        <p class="qm-hint mt-2 mb-0"><i class="fas fa-info-circle" aria-hidden="true"></i> {{ t_raw('restaurant.radius_needs_location') }}</p>
                        @endif
                    </div>
                        @php },
                        'cuisine' => function () use ($filters, $cuisines, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <label for="f-cuisine">{{ t_raw('restaurant.cuisine_label') }}</label>
                        <select id="f-cuisine" name="cuisine" class="form-select" data-choices data-placeholder="{{ t_raw('restaurant.all_cuisines') }}">
                            <option value="" {{ $filters['cuisine'] === '' ? 'selected' : '' }}>{{ t_raw('restaurant.all_cuisines') }}</option>
                            @foreach ($cuisines as $c)
                            <option value="{{ $c['slug'] }}" {{ $filters['cuisine'] === $c['slug'] ? 'selected' : '' }}>{{ $c['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                        @php },
                        'tag' => function () use ($filters, $tags, $__env): void {
                            if (!$tags) { return; }
@endphp
                    <div class="qm-filter-group">
                        <label for="f-tag">{{ t_raw('restaurant.tags_label') }}</label>
                        <select id="f-tag" name="tag" class="form-select" data-choices data-placeholder="{{ t_raw('restaurant.all_tags') }}">
                            <option value="" {{ ($filters['tag'] ?? '') === '' ? 'selected' : '' }}>{{ t_raw('restaurant.all_tags') }}</option>
                            @foreach ($tags as $t)
                            <option value="{{ $t['slug'] }}" {{ ($filters['tag'] ?? '') === $t['slug'] ? 'selected' : '' }}>{{ $t['name'] }}</option>
                            @endforeach
                        </select>
                    </div>
                        @php },
                        'open' => function () use ($openNow, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <span class="qm-filter-label">{{ t_raw('restaurant.availability_label') }}</span>
                        <div class="qm-filter-checks">
                            <label class="qm-radio"><input type="checkbox" name="open" value="1" {{ $openNow ? 'checked' : '' }}> {{ t_raw('restaurant.open_now') }}</label>
                        </div>
                    </div>
                        @php },
                        'diet' => function () use ($diet, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <span class="qm-filter-label">{{ t_raw('restaurant.dietary_label') }}</span>
                        <div class="qm-filter-checks">
                            <label class="qm-radio"><input type="radio" name="diet" value="" {{ $diet === '' ? 'checked' : '' }}> {{ t_raw('restaurant.any') }}</label>
                            <label class="qm-radio"><input type="radio" name="diet" value="veg" {{ $diet === 'veg' ? 'checked' : '' }}> {{ t_raw('restaurant.diet_veg') }}</label>
                            <label class="qm-radio"><input type="radio" name="diet" value="vegan" {{ $diet === 'vegan' ? 'checked' : '' }}> {{ t_raw('restaurant.diet_vegan') }}</label>
                            <label class="qm-radio"><input type="radio" name="diet" value="protein" {{ $diet === 'protein' ? 'checked' : '' }}> {{ t_raw('restaurant.diet_protein') }}</label>
                            @php // FOUR CHIPS, THREE RADIOS. `light` is a first-class diet value everywhere
                                  // else — the controller whitelists it, the model tests it against
                                  // Restaurant::LIGHT_MEAL_KCAL, and the chip label above already names it —
                                  // but the radio that produces it was never drawn, so ?diet=light was
                                  // reachable only by typing the URL.
@endphp
                            <label class="qm-radio"><input type="radio" name="diet" value="light" {{ $diet === 'light' ? 'checked' : '' }}> {{ t_raw('restaurant.diet_light') }}</label>
                        </div>
                    </div>
                        @php },
                        'price_max' => function () use ($priceMax, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <label for="f-price">{{ t_raw('restaurant.price_range_label') }}</label>
                        <select id="f-price" name="price_max" class="form-select">
                            <option value="" {{ $priceMax <= 0 ? 'selected' : '' }}>{{ t_raw('restaurant.price_any') }}</option>
                            <option value="10" {{ $priceMax > 0 && $priceMax <= 10 ? 'selected' : '' }}>{{ t_raw('restaurant.price_tier_1', [':price' => money(10)]) }}</option>
                            <option value="25" {{ $priceMax > 10 && $priceMax <= 25 ? 'selected' : '' }}>{{ t_raw('restaurant.price_tier_2', [':price' => money(25)]) }}</option>
                            <option value="50" {{ $priceMax > 25 ? 'selected' : '' }}>{{ t_raw('restaurant.price_tier_3', [':price' => money(50)]) }}</option>
                        </select>
                    </div>
                        @php },
                        'sort' => function () use ($filters, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <label for="f-sort">{{ t_raw('restaurant.sort_by_label') }}</label>
                        <select id="f-sort" name="sort" class="form-select">
                            <option value="" {{ $filters['sort'] === '' ? 'selected' : '' }}>{{ t_raw('restaurant.sort_recommended') }}</option>
                            <option value="rating" {{ $filters['sort'] === 'rating' ? 'selected' : '' }}>{{ t_raw('restaurant.sort_top_rated') }}</option>
                            <option value="delivery" {{ $filters['sort'] === 'delivery' ? 'selected' : '' }}>{{ t_raw('restaurant.sort_fastest_delivery') }}</option>
                            <option value="price" {{ $filters['sort'] === 'price' ? 'selected' : '' }}>{{ t_raw('restaurant.sort_lowest_min_order') }}</option>
                            @php // The home page's "New on the Menu" rail has always linked here with ?sort=newest;
                                  // the model did not handle it and the dropdown did not offer it, so arriving from
                                  // that rail showed a Recommended ordering under a "Recommended" label.
@endphp
                            <option value="newest" {{ $filters['sort'] === 'newest' ? 'selected' : '' }}>{{ t_raw('restaurant.sort_newest') }}</option>
                        </select>
                    </div>
                        @php },
                        'min_rating' => function () use ($filters, $__env): void {
@endphp
                    <div class="qm-filter-group">
                        <label for="f-rating">{{ t_raw('restaurant.min_rating_label') }} <span id="f-rating-val">{!! $filters['min_rating'] ? number_format($filters['min_rating'], 1) : t('restaurant.any') !!}</span></label>
                        <input type="range" id="f-rating" name="min_rating" min="0" max="5" step="0.5" value="{{ (string) $filters['min_rating'] }}" class="form-range">
                    </div>
                        @php },
                    ];
                    foreach (\App\Services\ListingFilter::order() as $filterId) {
                        if (isset($filterControls[$filterId])) { $filterControls[$filterId](); }
                    }
@endphp

                    @php // Fallback only: hidden once qm-table-tools.js marks the form .is-auto,
                          // but still submits normally for visitors without JavaScript.
@endphp
                    <button type="submit" class="qm-btn w-100 qm-filter-apply">{{ t_raw('restaurant.apply_filters_btn') }}</button>
                </form>
            </div>

            <!-- Results -->
            <div class="col-lg-9">
                @php
                // Paid listing ad: only on a tag- or cuisine-filtered page, matching that slug.
                $adSlug = ($filters['tag'] ?? '') ?: ($filters['cuisine'] ?? '');
                $listAd = $adSlug ? active_ad('listing', $adSlug) : null;
@endphp
                @if ($listAd)
                @partial('cards/ad', ['ad' => $listAd, 'variant' => 'banner'])
                @endif
                <div class="qm-results-bar">
                    <h2 class="qm-results-count">{!! t_raw($total === 1 ? 'restaurant.found_count_one' : 'restaurant.found_count_many', [':n' => '<strong>' . (int) $total . '</strong>']) !!}</h2>
                    <div class="qm-view-toggle" role="group" aria-label="{{ t_raw('restaurant.results_view_aria') }}">
                        <a href="{{ $gridHref }}" class="qm-view-btn{{ $view === 'grid' ? ' is-active' : '' }}"{!! $view === 'grid' ? ' aria-current="true"' : '' !!} aria-label="{{ t_raw('restaurant.grid_view') }}" title="{{ t_raw('restaurant.grid_view') }}">
                            <i class="fas fa-th-large" aria-hidden="true"></i>
                        </a>
                        <a href="{{ $listHref }}" class="qm-view-btn{{ $view === 'list' ? ' is-active' : '' }}"{!! $view === 'list' ? ' aria-current="true"' : '' !!} aria-label="{{ t_raw('restaurant.list_view') }}" title="{{ t_raw('restaurant.list_view') }}">
                            <i class="fas fa-list" aria-hidden="true"></i>
                        </a>
                        @php // The map button exists only where there IS a map: an install with maps
                              // switched off, or a provider chosen without its key, gets two buttons
                              // rather than a third that leads to a blank rectangle.
@endphp
                        @if ($mapAvailable)
                        <a href="{{ $mapHref }}" class="qm-view-btn{{ $view === 'map' ? ' is-active' : '' }}"{!! $view === 'map' ? ' aria-current="true"' : '' !!} aria-label="{{ t_raw('restaurant.map_view') }}" title="{{ t_raw('restaurant.map_view') }}">
                            <i class="fas fa-map-marked-alt" aria-hidden="true"></i>
                        </a>
                        @endif
                    </div>
                </div>
                @if ($chips)
                <div class="qm-filter-chips" role="group" aria-label="{{ t_raw('restaurant.active_filters_aria') }}">
                    <span class="qm-filter-chips-lbl">{{ t_raw('restaurant.chips_label') }}</span>
                    @foreach ($chips as $chip)
                    <a class="qm-filter-chip" href="{{ $chip['href'] }}">
                        <span>{{ $chip['label'] }}</span>
                        <i class="fas fa-times" aria-hidden="true"></i>
                        <span class="qm-h1-sr">{{ t_raw('restaurant.remove_filter_sr') }}</span>
                    </a>
                    @endforeach
                    <a class="qm-filter-chip qm-filter-chip-clear" href="{{ $clearAllHref }}">{{ t_raw('restaurant.clear_all_chip') }}</a>
                </div>
                @endif
                @if ($restaurants->isNotEmpty())
                @if ($view === 'map')
                @php
                // One map, the product's only one: QMMap (Leaflet) with the provider the
                // admin chose. The whole map is described by these attributes and drawn by
                // js/restaurant-map.js, so there is no PHP inside a <script> on this page.
                //
                // Leaflet measures a circle in metres; the radius arrives here in the
                // operator's display unit, so it converts back through the same boundary
                // class that formatted it.
                $mapCentre = $origin ?? ($mapPoints[0] ?? null);
                $radiusM   = $radius > 0 ? (int) round(\App\Services\Distance::fromInput($radius) * 1000) : 0;
@endphp
                @if ($mapCapped)
                <p class="qm-hint mb-2">{!! t('restaurant.map_pin_cap', [':shown' => (string) $mapMaxPins, ':total' => number_format($total)]) !!}</p>
                @endif
                <div class="qm-map qm-map-results"
                     data-qm-rest-map
                     @if ($mapCentre !== null)data-lat="{!! e((string) $mapCentre['lat']) !!}" data-lng="{!! e((string) $mapCentre['lng']) !!}"@endif
                     @if ($origin !== null && $radiusM > 0)data-radius-m="{!! $radiusM !!}"@endif
                     data-cluster="{!! $mapCluster ? '1' : '0' !!}"
                     data-points="{!! e(json_encode($mapPoints, JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE)) !!}"
                     role="application"
                     aria-label="{!! t('restaurant.map_results_aria') !!}"></div>
                @elseif ($view === 'list')
                <div class="qm-rest-rows">
                    @foreach ($restaurants as $r)
@php $rate = (float) $r['rating_cache'];
                        $rateClass = $rate >= 4.5 ? 'is-great' : ($rate >= 4 ? 'is-good' : ($rate >= 3 ? 'is-ok' : 'is-low'));
                        $deal = restaurant_deal_label((int) $r['id']);
                        $cuisine = $r['cuisine_name'] ?? '';
                        $rid = (int) $r['id'];
                        $fav = can_favorite() && is_favorite($rid); @endphp
                    <article class="qm-rest-row" data-reveal>
                        <a class="qm-rest-row-media" href="{!! url('/restaurant/' . e($r['slug'])) !!}" tabindex="-1" aria-hidden="true">
                            <img src="{!! e(media($r['cover_image'], 'assets/client/covers/shop-1.png')) !!}" alt="{!! e($r['name']) !!}" loading="lazy">
                            <div class="qm-rest-badges">
                                @if ($deal)<span class="qm-rest-deal">{!! e($deal) !!}</span>@endif
                                @if (!empty($r['loyalty_enabled']))<span class="qm-rest-loyalty">{!! t('common.rewards_badge') !!}</span>@endif
                            </div>
                            @if (!empty($r['is_featured']))
                            <div class="qm-rest-badges-right">
                                <span class="qm-rest-feat">{!! t('common.featured_badge') !!}</span>
                            </div>
                            @endif
                        </a>
                        <div class="qm-rest-row-body">
                            <div class="qm-rest-top">
                                <h3 class="qm-rest-name"><a href="{!! url('/restaurant/' . e($r['slug'])) !!}" title="{!! e($r['name']) !!}">{!! e($r['name']) !!}</a></h3>
                                <span class="qm-rest-rating {!! $rateClass !!}">{!! number_format($rate, 1) !!}</span>
                            </div>
                            <p class="qm-rest-cuisine">{!! $cuisine !== '' ? e($cuisine) : t('common.multi_cuisine') !!}{!! !empty($r['city']) ? ' · ' . e($r['city']) : '' !!}</p>
                            <div class="qm-rest-rate-row">
                                {!! partial('cards/stars', ['rate' => $rate]) !!}
                                @if ((int) ($r['rating_count'] ?? 0) > 0)<span class="qm-rest-count">{!! number_format((int) $r['rating_count']) !!} {!! t('restaurant.ratings') !!}</span>@endif
                            </div>
                            @php
 $rowTags = array_filter(array_map('trim', explode(',', (string) ($r['tag_names'] ?? ''))));
@endphp
                            @if ($rowTags)
                            <div class="qm-rest-tags">
                                @php
 $tagTaken = [];
@endphp
                                @foreach (array_slice($rowTags, 0, 4) as $tn)<span class="qm-rest-tag {!! e(tag_color_class($tn, $tagTaken)) !!}">{!! e($tn) !!}</span>@endforeach
                            </div>
                            @endif
                            <div class="qm-rest-pt">
                                <span><i class="far fa-clock" aria-hidden="true"></i> {!! (int) $r['avg_prep_time'] !!} {!! t('common.prep_min_suffix') !!}</span>
                                <span class="qm-deliv-only">{!! money($r['min_order']) !!} {!! t('common.order_min_suffix') !!} · {!! (float) $r['delivery_fee'] > 0 ? money($r['delivery_fee']) . ' ' . t('common.delivery') : t('home.hero.s3_chip_free') !!}</span>
                                <span class="qm-pickup-only"><i class="fas fa-shopping-bag" aria-hidden="true"></i> {!! t('common.pickup') !!} · {!! money($r['min_order']) !!} {!! t('common.order_min_suffix') !!}</span>
                            </div>
                            <div class="qm-rest-row-foot">
                                @php
 $rDiet = restaurant_diet_icons((int) $r['id']);
@endphp
                                <div class="qm-diet">
                                    @foreach ($rDiet as $ic)
@php $lbl = $dietLabels[$ic] ?? ''; @endphp<span class="qm-sq" role="img" title="{!! e($lbl) !!}" aria-label="{!! e($lbl) !!}"><img src="{!! asset('assets/admin/svg/' . $ic . '.svg') !!}" alt="" loading="lazy"></span>@endforeach
                                </div>
                                @if (can_favorite())
                                @php
 // No .qm-fav-form here: that class is position:absolute, which parks the
                                      // heart over the row's rating badge. In this row layout the control sits
                                      // in the foot beside the CTA, exactly like every other foot control.
@endphp
                                <form method="post" action="{!! route('account.favorites.toggle') !!}" class="m-0">
                                    @csrf
                                    <input type="hidden" name="restaurant_id" value="{!! $rid !!}">
                                    <button type="submit" class="qm-fav-btn{!! $fav ? ' is-fav' : '' !!}" data-restaurant-id="{!! $rid !!}" aria-pressed="{!! $fav ? 'true' : 'false' !!}" aria-label="{!! $fav ? t('common.remove_from_favorites') : t('common.add_to_favorites') !!}">
                                        <i class="{!! $fav ? 'fas' : 'far' !!} fa-heart" aria-hidden="true"></i>
                                    </button>
                                </form>
                                @endif
                                <a href="{!! url('/restaurant/' . e($r['slug'])) !!}" class="qm-btn qm-btn-sm">{!! t('home.restaurant.view_menu_cta') !!}</a>
                            </div>
                        </div>
                    </article>
                    @endforeach
                </div>
                @else
                <div class="row g-4">
                    @foreach ($restaurants as $r)
                    <div class="col-xl-4 col-md-6">{!! partial('cards/restaurant', ['r' => $r]) !!}</div>
                    @endforeach
                </div>
                @endif
                @php
 // No pager under the map: it already plots every match, not one page of them.
@endphp
                @if ($view !== 'map')
                {!! partial('pagination', ['pager' => $pager ?? [], 'base' => '/restaurants']) !!}
                @endif
                @else
                <div class="qm-empty">
                    <i class="fas fa-utensils d-block" aria-hidden="true"></i>
                    <h3 class="h5">{!! t('restaurant.no_results_title') !!}</h3>
                    <p>{!! t('restaurant.no_results_text') !!}</p>
                    <a href="{!! route('restaurants') !!}" class="qm-btn">{!! t('restaurant.show_all_btn') !!}</a>
                </div>
                @endif
            </div>
        </div>
    </div>
</section>
@endsection