@extends('layouts.public')

@section('content')
@php

/** @var array $restaurant @var string $cuisineName @var array $categories @var array $itemsByCat @var array $optionsByItem @var array $reviews @var bool $canReview @var array $hours @var array $gallery @var array $coupons @var array $popularItems @var array $similar @var array $ratingBreakdown @var string $layout */
$rid       = (int) $restaurant['id'];
$tags      = $tags ?? [];
$isOpen    = $isOpen ?? true;
$rating      = (float) $restaurant['rating_cache'];
$ratingCount = (int) ($restaurant['rating_count'] ?? 0);
/* The delivery promises on this page — the radius pill, the map circle — are shown only when the
   restaurant can actually deliver, which is the same question the cart, the checkout and the POS
   all ask (Restaurant::deliversNow). A venue with no coordinates on file cannot: the distance every
   delivery decision rests on is unmeasurable. Advertising it here and refusing at the last click
   was the customer filling in a whole checkout for an order that was never possible. */
$radius      = \App\Models\Restaurant::deliversNow($restaurant)
    ? (float) ($restaurant['delivery_radius'] ?? 0)
    : 0.0;
// Hero cover: the restaurant's own image if it has one; otherwise the admin's
// configured general fallback image (Settings -> General), if one is set;
// otherwise the platform's theme colour (never a stock photo) — so removing
// the cover shows a clean branded banner, not someone else's food.
$hasCover  = !empty($restaurant['cover_image']) && is_file(public_path() . '/' . ltrim((string) $restaurant['cover_image'], '/'));
$adminFallbackCover = trim((string) setting('fallback_general_image', 'assets/admin/fallback/general-fallback.png'));
$hasAdminFallbackCover = $adminFallbackCover !== '' && is_file(public_path() . '/' . ltrim($adminFallbackCover, '/'));
$cover     = $hasCover ? media($restaurant['cover_image']) : ($hasAdminFallbackCover ? asset($adminFallbackCover) : '');
$hasAnyCover = $hasCover || $hasAdminFallbackCover;
// If a stored about-media FILE has gone missing, fall back to the admin's general image
// (Settings → General, bundled default) rather than a broken tag — never the cover or a stray
// stock image. Only reached when the active about media is set but its file is absent.
$videoPost = $hasAdminFallbackCover ? asset($adminFallbackCover) : '';
// Image, video and YouTube are stored independently; the owner's chosen type decides which is live.
$aboutMediaType   = in_array($restaurant['about_media_type'] ?? 'image', ['image', 'video', 'youtube'], true) ? ($restaurant['about_media_type'] ?? 'image') : 'image';
$aboutMediaActive = trim((string) ($aboutMediaType === 'video' ? ($restaurant['about_video'] ?? '') : ($aboutMediaType === 'youtube' ? ($restaurant['about_youtube'] ?? '') : ($restaurant['about_image'] ?? ''))));
// When the section is set to VIDEO but the owner hasn't uploaded their own clip, fall
// back to the platform showcase video (admin-set in Settings → Branding, shipped default
// assets/client/video/video.mp4) — so the section still plays instead of vanishing, and a vendor's
// own upload (saved to their folder) always wins over it.
if ($aboutMediaType === 'video' && $aboutMediaActive === '') {
    $aboutMediaActive = trim((string) setting('fallback_about_video', 'assets/client/video/video.mp4'));
}
// The about figure shows only when the chosen type has media AND the block isn't switched off. The
// master switch (Settings) hides it without deleting; toggling back on restores it. Hidden → the
// description spans full width.
$showAboutMedia = (int) ($restaurant['about_media_hidden'] ?? 0) === 0 && $aboutMediaActive !== '';
$isFav     = can_favorite() && is_favorite($rid);
$dayNames  = [t('common.day_sunday'), t('common.day_monday'), t('common.day_tuesday'), t('common.day_wednesday'), t('common.day_thursday'), t('common.day_friday'), t('common.day_saturday')];
$todayIdx  = (int) date('w');

// Normalise the layout to a known variant so unexpected values fall back safely.
$layout = in_array($layout ?? 'classic', ['classic', 'style1', 'style2'], true) ? ($layout ?? 'classic') : 'classic';
$coupons         = $coupons ?? [];
$popularItems    = $popularItems ?? [];
$optionsByItem   = $optionsByItem ?? [];
$ingredientsByItem = $ingredientsByItem ?? [];
$similar         = $similar ?? [];
$ratingBreakdown = $ratingBreakdown ?? [5 => 0, 4 => 0, 3 => 0, 2 => 0, 1 => 0];
$reviewTotal     = array_sum($ratingBreakdown);

// Loyalty context (defensive: page may render without the controller passing it).
$loyaltyEnabled = $loyaltyEnabled ?? false;
$loyaltyBalance = (int) ($loyaltyBalance ?? 0);
$loyaltyRewards = $loyaltyRewards ?? [];
$loyaltyLabel   = (string) ($loyaltyLabel ?? 'points');
// Two distinct audiences, not one flag: only a customer account carries a points
// balance worth showing, and only a signed-OUT visitor should be invited to sign in.
// A signed-in admin / vendor / driver is neither, so the strip renders nothing for
// them rather than telling someone who is already signed in to sign in.
$loyIsCustomer  = \App\Support\Auth::is('customer');
$loyIsGuest     = !\App\Support\Auth::check();

// Cheapest reward + progress toward it (rewards arrive sorted by points_cost ASC).
$loyCheapest = $loyaltyRewards[0] ?? null;
$loyCost     = $loyCheapest ? (int) $loyCheapest['points_cost'] : 0;
$loyPct      = $loyCost > 0 ? min(100, (int) round($loyaltyBalance / $loyCost * 100)) : 0;
$loyToGo     = $loyCost > 0 ? max(0, $loyCost - $loyaltyBalance) : 0;

/* ===== Shared, layout-agnostic widget components =====================
 * Each closure echoes one self-contained block. The three layout variants
 * call the same closures so data + components stay identical; only the
 * wrapping structure/order changes per layout. */

// Offers / coupons strip.
$renderOffers = function () use ($coupons, $__env): void {
    if (empty($coupons)) { return; }
@endphp
    <div class="qm-rd-offers" data-reveal>
        <div class="qm-rd-offers-head">
            <h2 class="qm-rd-h3"><i class="fas fa-tags" aria-hidden="true"></i> {{ t_raw('restaurant.offers_title') }}</h2>
            <span class="qm-rd-offers-sub">{{ t_raw('restaurant.offers_sub') }}</span>
        </div>
        <ul class="qm-rd-offer-list">
            @foreach ($coupons as $c)
@php $val = $c['type'] === 'percent'
                    ? t_raw('restaurant.deal_percent_off', [':value' => rtrim(rtrim(number_format((float) $c['value'], 2), '0'), '.')])
                    : t_raw('restaurant.deal_amount_off', [':amount' => money($c['value'])]); @endphp
            <li class="qm-rd-offer">
                <span class="qm-rd-offer-icon" aria-hidden="true"><i class="fas {{ $c['type'] === 'percent' ? 'fa-percent' : 'fa-tag' }}"></i></span>
                <div class="qm-rd-offer-body">
                    <strong class="qm-rd-offer-title">{{ $c['title'] ?: $val }}</strong>
                    @if (!empty($c['description']))<span class="qm-rd-offer-text">{{ $c['description'] }}</span>@endif
                </div>
                <span class="qm-rd-offer-code" title="{{ t_raw('checkout.coupon') }}">{{ $c['code'] }}</span>
            </li>
            @endforeach
        </ul>
    </div>
    @php
};

// Build the same data-* attribute contract the menu list uses, so a dish opened
// from the "Popular this week" rail is customizable EXACTLY like the menu list
// (real option groups + removable/extra ingredients), not a stub with data-options="[]".
// Single definition, shared with partials/cards/food-item.php.
$buildItemAttrs = function (array $item, array $options, array $ingredients): string {
    return menu_item_modal_data($item, $options, $ingredients)['attrs'];
};

// "Popular this week" horizontal rail of compact item cards. Each card reuses
// the same modal trigger contract (.qm-open-item + data-attrs) so adding to
// cart works exactly like the menu list — including real options/ingredients.
$renderPopular = function () use ($popularItems, $optionsByItem, $ingredientsByItem, $buildItemAttrs, $__env): void {
    if (empty($popularItems)) { return; }
@endphp
    <div class="qm-rd-popular qm-carousel" data-carousel data-reveal>
        <div class="qm-rd-sec-head qm-rd-pop-head qm-rail-head">
            <div>
                <span class="qm-eyebrow">{{ t_raw('restaurant.popular_eyebrow') }}</span>
                <h2 class="qm-rd-h2">{{ t_raw('restaurant.popular_title') }}</h2>
            </div>
            <div class="qm-rail-controls">
                @partial('sections/carousel-nav')
            </div>
        </div>
        <div class="qm-rd-pop-rail qm-carousel-track">
            @foreach ($popularItems as $pi)
@php $piId    = (int) $pi['id'];
                $piImg   = media($pi['image'], 'assets/client/dish/dish-1.png');
                $piAvail = (int) ($pi['is_available'] ?? 1) === 1;
                $piAttrs = $buildItemAttrs($pi, $optionsByItem[$piId] ?? [], $ingredientsByItem[$piId] ?? []); @endphp
            <div class="qm-rd-pop-card{{ $piAvail ? ' qm-open-item' : '' }}"{!! $piAvail ? $piAttrs : '' !!}>
                <div class="qm-rd-pop-img"><img src="{{ $piImg }}" alt="{{ $pi['name'] }}" loading="lazy"></div>
                <div class="qm-rd-pop-info">
                    <h3 class="qm-rd-pop-name">{{ $pi['name'] }}</h3>
                    <span class="qm-rd-pop-price">{{ money($pi['price']) }}</span>
                </div>
                @if ($piAvail)
                <button type="button" class="qm-rd-pop-add qm-open-item"{!! $piAttrs !!} aria-label="{{ t_raw('restaurant.add_item_aria', [':name' => (string) $pi['name']]) }}"><i class="fas fa-plus" aria-hidden="true"></i></button>
                @endif
            </div>
            @endforeach
        </div>
    </div>
    @php
};

// Reviews summary card with average + rating-breakdown bars.
$renderReviewSummary = function () use ($rating, $restaurant, $ratingBreakdown, $reviewTotal, $__env): void {
@endphp
    <div class="qm-card qm-rd-rsum" data-reveal>
        <div class="qm-rd-rsum-score">
            <span class="qm-rd-rsum-num">{{ number_format($rating, 1) }}</span>
            <span class="qm-rd-rsum-stars">
                @partial('cards/stars', ['rate' => $rating])
            </span>
            <span class="qm-rd-rsum-count">{{ number_format((int) $restaurant['rating_count']) }} {{ t_raw('restaurant.ratings') }}</span>
        </div>
        <div class="qm-rd-rsum-bars">
            @php for ($s = 5; $s >= 1; $s--): $n = (int) ($ratingBreakdown[$s] ?? 0); $pct = $reviewTotal > 0 ? round($n / $reviewTotal * 100) : 0;
@endphp
            <div class="qm-rd-rsum-row">
                <span class="qm-rd-rsum-lbl">{!! $s !!} <i class="fas fa-star" aria-hidden="true"></i></span>
                <span class="qm-rd-rsum-track"><span class="qm-rd-rsum-fill qm-fill" style="--qm-fill: {{ $pct }}%"></span></span>
                <span class="qm-rd-rsum-pct">{{ $pct }}%</span>
            </div>
            @endfor
        </div>
    </div>
    @php
};

// Similar / nearby restaurants cards.
$renderSimilar = function () use ($similar, $cuisineName, $__env): void {
    if (empty($similar)) { return; }
@endphp
    <section class="qm-section qm-rd-section pt-0" id="similar">
        <div class="container-fluid">
            <header class="qm-rd-sec-head" data-reveal>
                <span class="qm-eyebrow">{{ t_raw('restaurant.similar_eyebrow') }}</span>
                <h2 class="qm-rd-h2">{!! $cuisineName ? t('restaurant.similar_title_cuisine', [':cuisine' => (string) $cuisineName]) : t('restaurant.similar_title') !!}</h2>
            </header>
            <div class="row g-4" data-reveal>
                @foreach ($similar as $s)
                <div class="col-lg-4 col-sm-6">
                    @partial('cards/restaurant', ['r' => $s])
                </div>
                @endforeach
            </div>
        </div>
    </section>
    @php
};

// The info card (opening hours, delivery, contact) - reused by every layout.
$renderInfoCard = function () use ($restaurant, $hours, $todayIdx, $dayNames, $radius, $isOpen, $__env): void {
@endphp
    <div class="qm-card qm-rd-info">
        <h2 class="qm-rd-info-title">{{ t_raw('restaurant.info_title') }}</h2>
        @if (!empty($restaurant['description']))
        @php // Escape BEFORE excerpting. The description is a plain-text field (a textarea the
              // vendor types prose into, rendered verbatim by the About block below), not the
              // HTML `excerpt` column str_excerpt() was written for - and its strip_tags() eats
              // everything from an unclosed `<` to the end of the string, so ordinary copy like
              // "Kids <10 eat free on Sundays" reached the diner as "Kids". With the value already
              // escaped there is no `<` left to swallow and only the word limit applies.
@endphp
        <p class="qm-rd-info-about">{!! str_excerpt(e($restaurant['description']), 36) !!}</p>
        @endif

        <h3 class="qm-rd-info-sub"><i class="far fa-clock" aria-hidden="true"></i> {{ t_raw('restaurant.opening_hours_title') }}</h3>
        @if (!empty($hours))
        <ul class="qm-rd-hours">
            @php for ($d = 0; $d < 7; $d++):
                $h = $hours[$d] ?? null;
                $closed = $h && (int) $h['is_closed'] === 1;
                $hasHours = $h && $h['open_time'] && $h['close_time'];
@endphp
            <li class="qm-rd-hours-row{{ $d === $todayIdx ? ' is-today' : '' }}">
                <span class="qm-rd-hours-day">{!! $dayNames[$d] !!}{!! $d === $todayIdx ? ' <span class="qm-rd-today">' . t('common.today') . '</span>' : '' !!}</span>
                <span class="qm-rd-hours-time{{ $closed ? ' is-closed' : '' }}">
                    @if ($closed){{ t_raw('common.closed') }}@elseif ($hasHours){!! fmt_clock($h['open_time']) !!} &ndash; {!! fmt_clock($h['close_time']) !!}@else{!! dash() !!}@endif
                </span>
            </li>
            @endfor
        </ul>
        @endif
        @php // The live open/closed status now sits in the sticky tab bar, where it stays
              // visible while the visitor browses, instead of being buried in this card.
@endphp

        <div class="qm-deliv-only">
            <h3 class="qm-rd-info-sub"><i class="fas fa-truck" aria-hidden="true"></i> {{ t_raw('common.delivery') }}</h3>
            <ul class="qm-rd-deliv">
                @if ($radius > 0)<li><span>{{ t_raw('restaurant.radius_label') }}</span><strong>{{ \App\Services\Distance::format($radius) }}</strong></li>@endif
                <li><span>{{ t_raw('restaurant.min_order') }}</span><strong>{{ money($restaurant['min_order']) }}</strong></li>
                <li><span>{{ t_raw('checkout.delivery_fee') }}</span><strong>{!! (float) $restaurant['delivery_fee'] > 0 ? money($restaurant['delivery_fee']) : t('common.free') !!}</strong></li>
                <li><span>{{ t_raw('restaurant.prep_time_label') }}</span><strong>{{ (int) $restaurant['avg_prep_time'] }} {{ t_raw('common.prep_min_suffix') }}</strong></li>
            </ul>
        </div>

        <h3 class="qm-rd-info-sub"><i class="fas fa-address-book" aria-hidden="true"></i> {{ t_raw('common.contact') }}</h3>
        <ul class="qm-rd-contact">
            @if (!empty($restaurant['phone']))<li><i class="fas fa-phone" aria-hidden="true"></i> <a href="tel:{{ preg_replace('/[^0-9+]/', '', (string) $restaurant['phone']) }}">{{ $restaurant['phone'] }}</a></li>@endif
            @if (!empty($restaurant['email']))<li><i class="fas fa-envelope" aria-hidden="true"></i> <a href="mailto:{{ $restaurant['email'] }}">{{ $restaurant['email'] }}</a></li>@endif
            @if (!empty($restaurant['website']))
@php $wsHref  = preg_match('~^https?://~i', (string) $restaurant['website']) ? (string) $restaurant['website'] : 'https://' . ltrim((string) $restaurant['website'], '/');
                $wsLabel = rtrim(preg_replace('~^https?://(www\.)?~i', '', (string) $restaurant['website']), '/'); @endphp<li><i class="fas fa-globe" aria-hidden="true"></i> <a href="{{ $wsHref }}" target="_blank" rel="noopener nofollow">{{ $wsLabel }}</a></li>@endif
            @if (!empty($restaurant['address']) || !empty($restaurant['city']))<li><i class="fas fa-map-marker-alt" aria-hidden="true"></i> <span>{{ trim(($restaurant['address'] ?? '') . (!empty($restaurant['city']) ? ', ' . $restaurant['city'] : ''), ', ') }}</span></li>@endif
        </ul>
    </div>
    @php

};

// The promo card - reused by every layout. Truthful: it surfaces a REAL active
// coupon when one exists; otherwise it states the actual delivery facts (free
// delivery if the fee is genuinely 0, else the real fee + minimum order) — never
// a fabricated "free delivery over $X" threshold.
$renderPromo = function () use ($restaurant, $coupons, $__env): void {
    $deal       = $coupons[0] ?? null;
    $deliveryFee = (float) $restaurant['delivery_fee'];
    if ($deal) {
        $dealVal = $deal['type'] === 'percent'
            ? t_raw('restaurant.deal_percent_off', [':value' => rtrim(rtrim(number_format((float) $deal['value'], 2), '0'), '.')])
            : t_raw('restaurant.deal_amount_off', [':amount' => money($deal['value'])]);
        $title = $deal['title'] ?: $dealVal;
        $text  = $deal['description'] ?: t_raw('restaurant.promo_deal_text', [':code' => (string) $deal['code'], ':value' => $dealVal]);
        $badge = t_raw('restaurant.promo_badge_deal');
    } elseif ($deliveryFee <= 0) {
        $title = t_raw('restaurant.promo_free_title');
        $text  = t_raw('restaurant.promo_free_text', [':amount' => money($restaurant['min_order'])]);
        $badge = t_raw('common.delivery');
    } else {
        $title = t_raw('restaurant.delivery_amount', [':amount' => money($deliveryFee)]);
        $text  = t_raw('restaurant.promo_fee_text', [':fee' => money($deliveryFee), ':min' => money($restaurant['min_order'])]);
        $badge = t_raw('common.delivery');
    }
@endphp
    <div class="qm-card qm-rd-promo" data-reveal>
        <span class="qm-rd-promo-badge"><i class="fas fa-tag" aria-hidden="true"></i> {{ $badge }}</span>
        <h3 class="qm-rd-promo-title">{{ $title }}</h3>
        <p class="qm-rd-promo-text">{{ $text }}</p>
        <a href="#menu" class="qm-btn qm-btn-light qm-btn-sm">{{ t_raw('restaurant.browse_menu_btn') }}</a>
    </div>
    @php
};

// The order/cart sidebar - reused by every layout (one instance per page).
$renderCart = function () use ($restaurant, $__env): void {
@endphp
    <div class="qm-cart-side" id="qm-cart-side" data-cart-url="{{ route('cart') }}" data-delivery-fee="{{ number_format((float) ($restaurant['delivery_fee'] ?? 0), 2, '.', '') }}">
        <h2 class="qm-cart-side-title"><i class="fas fa-shopping-bag" aria-hidden="true"></i> {{ t_raw('checkout.your_order') }}</h2>
        <div class="qm-cart-side-body" id="qm-cart-side-body">
            <div class="qm-cart-side-empty"><i class="fas fa-shopping-basket" aria-hidden="true"></i><p>{{ t_raw('cart.empty') }} {{ t_raw('restaurant.cart_empty_hint') }}</p></div>
        </div>
        <a href="{{ route('cart') }}" class="qm-btn w-100 qm-cart-side-checkout" hidden>{{ t_raw('cart.view_checkout') }}</a>
    </div>
    @php
};

// Location map gate (opt-in): on when the admin enables maps. Default install ships maps
// OFF, so the stylized LOCAL map renders and the page makes ZERO external requests. When
// live, the map uses the shared QuickMunch engine (qm-map.js via [data-qm-map]), so it
// follows the admin's chosen provider (OpenStreetMap / Mapbox / Google) exactly like every
// other map across the site — no hardcoded provider here.
$mapLive = setting('maps_enabled', '1') === '1' && ($restaurant['lat'] ?? null) !== null && ($restaurant['lng'] ?? null) !== null;

// Both maps on this page mark the restaurant with its own storefront photo rather than a
// generic pin — the same framed brandmark marker the dashboard maps use for the logo. A
// one-entry marker list is used instead of the single centre pin because that is the path
// the engine accepts a brandmark on; it keeps the configured centre/zoom, since the engine
// only re-frames the view when there is more than one marker.
$mapMarkers = $mapLive ? (string) json_encode([[
    'lat'      => (float) $restaurant['lat'],
    'lng'      => (float) $restaurant['lng'],
    'iconHtml' => restaurant_cover_html($restaurant, 'sm'),
]], JSON_UNESCAPED_SLASHES) : '';

// Compact location preview for the order sidebar (rendered UNDER the cart). Real map when
// live, else a styled jump-to-map card.
$renderMiniMap = function () use ($restaurant, $mapLive, $mapMarkers, $__env): void {
    $addr = trim(($restaurant['address'] ?? '') . (!empty($restaurant['city']) ? ', ' . $restaurant['city'] : ''), ', ') ?: t_raw('restaurant.view_on_map');
    if ($mapLive) {
@endphp
        <div class="qm-card qm-rd-mini-map qm-rd-mini-map--live" data-reveal>
            <div class="qm-rd-mini-map-frame qm-map" data-qm-map data-lat="{{ (string) $restaurant['lat'] }}" data-lng="{{ (string) $restaurant['lng'] }}" data-zoom="16" data-interactive="false" data-markers="{{ $mapMarkers }}" role="application" aria-label="{{ t_raw('restaurant.map_aria', [':name' => (string) $restaurant['name']]) }}"></div>
            <div class="qm-rd-mini-map-foot">
                <strong><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ t_raw('restaurant.find_us') }}</strong>
                <span>{{ $addr }}</span>
            </div>
        </div>
        @php
    } else {
@endphp
        <a href="#map" class="qm-card qm-rd-mini-map" data-reveal aria-label="{{ t_raw('restaurant.jump_to_map_aria') }}">
            <div class="qm-rd-mini-map-canvas" aria-hidden="true"><span class="qm-rd-mini-pin"><i class="fas fa-map-marker-alt"></i></span></div>
            <div class="qm-rd-mini-map-foot">
                <strong><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ t_raw('restaurant.find_us') }}</strong>
                <span>{{ $addr }}</span>
            </div>
        </a>
        @php
    }
};

// Full location map (live OpenStreetMap iframe when maps_enabled + coords, else a
// stylized LOCAL SVG so the default install makes zero external requests) plus the
// address/radius overlay card. Shared by the standalone #map section (classic/style1)
// and, on style2, the highlights row beside the info card.
$mapCard = static function () use ($restaurant, $radius, $__env): void {
@endphp
    <div class="qm-rd-map-card">
        <strong><i class="fas fa-store" aria-hidden="true"></i> {{ $restaurant['name'] }}</strong>
        @if (!empty($restaurant['address']) || !empty($restaurant['city']))
        <p>{{ trim(($restaurant['address'] ?? '') . (!empty($restaurant['city']) ? ', ' . $restaurant['city'] : ''), ', ') }}</p>
        @endif
        @if ($radius > 0)<span class="qm-rd-map-radius"><i class="fas fa-circle-notch" aria-hidden="true"></i> {{ t_raw('restaurant.delivers_within', [':km' => \App\Services\Distance::number($radius), ':unit' => \App\Services\Distance::unitLabel()]) }}</span>@endif
    </div>
    @php
};
$renderMap = function () use ($restaurant, $mapLive, $mapCard, $mapMarkers, $__env): void {
    if ($mapLive) {
@endphp
        <div class="qm-rd-map qm-rd-map--live" data-reveal>
            <div class="qm-rd-map-frame qm-map" data-qm-map data-lat="{{ (string) $restaurant['lat'] }}" data-lng="{{ (string) $restaurant['lng'] }}" data-zoom="16" data-markers="{{ $mapMarkers }}" role="application" aria-label="{{ t_raw('restaurant.map_aria', [':name' => (string) $restaurant['name']]) }}"></div>
            @php $mapCard();
@endphp
        </div>
        @php
    } else {
@endphp
        <div class="qm-rd-map" data-reveal>
            <svg class="qm-rd-map-svg" viewBox="0 0 1200 420" preserveAspectRatio="xMidYMid slice" role="img" aria-label="{{ t_raw('restaurant.map_stylized_aria') }}">
                <defs>
                    <linearGradient id="rdMapBg" x1="0" y1="0" x2="0" y2="1">
                        <stop offset="0" stop-color="#fff4f8"/>
                        <stop offset="1" stop-color="#ffe3ec"/>
                    </linearGradient>
                </defs>
                <rect width="1200" height="420" fill="url(#rdMapBg)"/>
                <g stroke="#ffc9da" stroke-width="2" fill="none" opacity=".9">
                    <path d="M0 90 H1200 M0 200 H1200 M0 310 H1200"/>
                    <path d="M180 0 V420 M430 0 V420 M700 0 V420 M960 0 V420"/>
                </g>
                <path d="M-20 250 C 250 180, 430 320, 700 230 S 1100 150, 1230 240" stroke="#ff7da0" stroke-width="14" fill="none" stroke-linecap="round" opacity=".55"/>
                <path d="M120 -20 C 200 140, 340 220, 430 420" stroke="#ffa8c1" stroke-width="10" fill="none" stroke-linecap="round" opacity=".5"/>
                <g opacity=".7" fill="#ffd2de">
                    <rect x="230" y="120" width="90" height="60" rx="8"/>
                    <rect x="520" y="60" width="70" height="80" rx="8"/>
                    <rect x="800" y="250" width="110" height="70" rx="8"/>
                    <rect x="980" y="120" width="80" height="60" rx="8"/>
                </g>
            </svg>
            <div class="qm-rd-map-pin" aria-hidden="true">
                <span class="qm-rd-map-pulse"></span>
                <i class="fas fa-map-marker-alt" aria-hidden="true"></i>
            </div>
            @php $mapCard();
@endphp
        </div>
        @php
    }
};

// Loyalty rewards strip - shown above the menu when loyalty is enabled here.
$renderLoyaltyStrip = function () use ($loyaltyEnabled, $loyaltyBalance, $loyaltyLabel, $loyIsCustomer, $loyIsGuest, $loyCheapest, $loyPct, $loyToGo, $__env): void {
    if (!$loyaltyEnabled || (!$loyIsCustomer && !$loyIsGuest)) { return; }
@endphp
    <div class="qm-loyalty-strip" data-reveal>
        @if ($loyIsCustomer)
        <i class="fas fa-star" aria-hidden="true"></i>
        <span>{{ t_raw('restaurant.loyalty_balance_prefix') }} <span class="qm-points-pill">{{ loyalty_points($loyaltyBalance, $loyaltyLabel) }}</span> {{ t_raw('restaurant.loyalty_balance_suffix') }}</span>
        @if ($loyCheapest)
        <div class="qm-loyalty-strip-bar" role="progressbar" aria-valuenow="{{ (int) $loyPct }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ t_raw('restaurant.loyalty_progress_aria') }}"><span class="qm-fill" style="--qm-fill: {{ (int) $loyPct }}%"></span></div>
        <span class="qm-loyalty-strip-cap">
            @if ($loyToGo <= 0)
            {{ t_raw('restaurant.loyalty_reward_unlocked', [':title' => (string) $loyCheapest['title']]) }}
            @else
            {{ t_raw('restaurant.loyalty_reward_progress', [':count' => number_format((int) $loyToGo), ':label' => $loyaltyLabel, ':title' => (string) $loyCheapest['title']]) }}
            @endif
        </span>
        @endif
        @else
        <i class="fas fa-star" aria-hidden="true"></i>
        <span>{{ t_raw('restaurant.loyalty_signin_prefix', [':label' => $loyaltyLabel]) }} <a href="{{ route('login') }}">{{ t_raw('common.sign_in') }}</a> {{ t_raw('restaurant.loyalty_signin_suffix') }}</span>
        @endif
    </div>
    @php
};

// The menu list (categories + food-item cards) - reused by every layout.
// Categories that actually have items - the jump nav and the menu must agree on
// this, so both derive it from the same list rather than counting separately.
$navCats = array_values(array_filter($categories, static fn ($c) => !empty($itemsByCat[(int) $c['id']])));

// Sticky category jump list (style2). Each entry targets the #cat-{id} anchor the
// menu already emits, so this is navigation over existing markup - no new ids.
// $restaurant is captured because the title names the owner's own menu: without it the closure
// saw nothing, `$restaurant ?? null` quietly resolved to null, and a restaurant that had renamed
// its menu got the generic label here while the menu header beside it showed the real one.
$renderCatNav = function () use ($navCats, $itemsByCat, $restaurant, $__env): void {
@endphp
    <nav class="qm-rd-catnav" aria-label="{{ t_raw('restaurant.menu_heading_full') }}">
        <p class="qm-rd-catnav-title">{{ menu_display_name($restaurant ?? null) }}</p>
        <ul>
            @foreach ($navCats as $c)
            <li><a href="#cat-{{ (int) $c['id'] }}"><span>{{ $c['name'] }}</span><span class="qm-rd-catnav-count">{{ count($itemsByCat[(int) $c['id']]) }}</span></a></li>
            @endforeach
        </ul>
    </nav>
    @php
};

$renderMenu = function () use ($categories, $itemsByCat, $optionsByItem, $ingredientsByItem, $renderLoyaltyStrip, $isOpen, $__env): void {
    @endphp
    @if (!$isOpen)
        <div class="qm-closed-banner" role="status">
            <i class="far fa-clock" aria-hidden="true"></i>
            <span><strong>{{ t_raw('restaurant.closed_banner_title') }}</strong> {!! setting('scheduling_enabled', '1') === '1' ? t('restaurant.closed_banner_text_scheduled') : t('restaurant.closed_banner_text') !!}</span>
        </div>
        @endif
@php
$renderLoyaltyStrip();
$hasMenu = false;
ob_start();
@endphp
@foreach ($categories as $cat)
@php
if (empty($itemsByCat[(int) $cat['id']])) { continue; }
        $hasMenu = true;
@endphp
        <div class="qm-menu-cat" id="cat-{{ (int) $cat['id'] }}" data-reveal>
            <h3 class="qm-menu-cat-title">{{ $cat['name'] }} <span class="qm-rd-cat-count">{{ count($itemsByCat[(int) $cat['id']]) }}</span></h3>
            <div class="qm-food-list qm-menu-view-list">
                @foreach ($itemsByCat[(int) $cat['id']] as $item)
                    @partial('cards/food-item', ['item' => $item, 'options' => $optionsByItem[(int) $item['id']] ?? [], 'ingredients' => $ingredientsByItem[(int) $item['id']] ?? []])
                @endforeach
            </div>
            <div class="row g-3 qm-menu-view-grid">
                @foreach ($itemsByCat[(int) $cat['id']] as $item)
                    <div class="col-6 col-lg-4">@partial('cards/food-item', ['item' => $item, 'options' => $optionsByItem[(int) $item['id']] ?? [], 'ingredients' => $ingredientsByItem[(int) $item['id']] ?? [], 'layout' => 'grid'])</div>
                @endforeach
            </div>
        </div>
        @endforeach
@php
$menuHtml = ob_get_clean();
// Both card layouts render once; CSS shows the active one via data-menu-view. The
// list/grid toggle lives in the menu header (built as $menuViewToggle) so it aligns
// with the section title rather than forming its own band below it.
@endphp
@if ($hasMenu)
        <div class="qm-menu-views" data-menu-view="list">{!! $menuHtml !!}</div>
        @endif
@if (!$hasMenu)
        <div class="qm-empty"><i class="fas fa-utensils d-block" aria-hidden="true"></i><p>{{ t_raw('restaurant.no_menu_items') }}</p></div>
        @endif
@php };

// List/grid view switch, built once and echoed into whichever layout's menu header
// renders. Reuses .qm-seg (the shared segmented control); menu-view.js wires it to
// .qm-menu-views and persists the choice. Only shown when the menu has items.
$menuHasItems = false;
foreach ($categories as $cat) {
    if (!empty($itemsByCat[(int) $cat['id']])) { $menuHasItems = true; break; }
}
$menuViewToggle = '';
if ($menuHasItems) {
    ob_start(); @endphp
    <div class="qm-seg qm-menu-view-seg" role="group" aria-label="{{ t_raw('restaurant.menu_view_label') }}">
        <button type="button" class="qm-seg-btn active" data-menu-view-btn="list" aria-pressed="true"><i class="fas fa-bars" aria-hidden="true"></i> <span>{{ t_raw('restaurant.menu_view_list') }}</span></button>
        <button type="button" class="qm-seg-btn" data-menu-view-btn="grid" aria-pressed="false"><i class="fas fa-th-large" aria-hidden="true"></i> <span>{{ t_raw('restaurant.menu_view_grid') }}</span></button>
    </div>
    @php
    $menuViewToggle = ob_get_clean();
}
@endphp
<div class="qm-rd qm-rd--{{ $layout }}">

<!-- ===================== HERO ===================== -->
<div class="qm-rd-hero {{ $hasAnyCover ? 'qm-bgimg-scrim' : 'qm-rd-hero--brand' }}"{!! $hasAnyCover ? ' style="--qm-bg: url(\'' . e($cover) . '\')"' : '' !!}>
    <div class="container-fluid">
        <nav class="qm-rd-crumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}">
            <a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span aria-hidden="true">/</span>
            <a href="{{ route('restaurants') }}">{{ t_raw('footer.restaurants') }}</a><span aria-hidden="true">/</span>
            <span aria-current="page">{{ $restaurant['name'] }}</span>
        </nav>

        <div class="qm-rd-hero-card">
            @php /* Cuisine flag badge over the logo's lower-left corner — owner-toggleable via Settings -> General. */
            $cuisineFlag = (!empty($cuisineSlug) && (int) ($restaurant['show_cuisine_flag'] ?? 1) === 1)
                ? cuisine_flag((string) $cuisineSlug) : null;
@endphp
            <div class="qm-rd-hero-logowrap">
                {!! restaurant_logo_html($restaurant, 'xl', 'qm-rd-hero-logo') !!}
                @if ($cuisineFlag)
                <span class="qm-rd-flag" title="{{ t_raw('restaurant.cuisine_flag_aria', [':name' => (string) $cuisineName]) }}" aria-label="{{ t_raw('restaurant.cuisine_flag_aria', [':name' => (string) $cuisineName]) }}">
                    <img src="{{ $cuisineFlag }}" alt="" width="34" height="34" loading="lazy">
                </span>
                @endif
            </div>
            <div class="qm-rd-hero-main">
                <h1 class="qm-rd-hero-name">{{ $restaurant['name'] }}</h1>
                @if (!empty($restaurant['tagline']))<p class="qm-rd-hero-tag">{{ $restaurant['tagline'] }}</p>@endif
                <div class="qm-rd-hero-meta">
                    <span class="qm-rd-pill qm-rd-rate"><i class="fas fa-star" aria-hidden="true"></i> @if ($ratingCount > 0){{ number_format($rating, 1) }} <small>({{ $ratingCount }})</small>@else<small>{{ t_raw('restaurant.no_ratings_yet') }}</small>@endif</span>
                    @if ($cuisineName)<span class="qm-rd-pill"><i class="fas fa-utensils" aria-hidden="true"></i> {{ $cuisineName }}</span>@endif
                    <span class="qm-rd-pill"><i class="far fa-clock" aria-hidden="true"></i> {{ (int) $restaurant['avg_prep_time'] }} {{ t_raw('common.prep_min_suffix') }}</span>
                    @if ($radius > 0)<span class="qm-rd-pill qm-deliv-only"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ t_raw('restaurant.delivers_within', [':km' => \App\Services\Distance::number($radius), ':unit' => \App\Services\Distance::unitLabel()]) }}</span>@endif
                    <span class="qm-rd-pill"><i class="fas fa-shopping-basket" aria-hidden="true"></i> {{ money($restaurant['min_order']) }} {{ t_raw('restaurant.min_order') }}</span>
                    <span class="qm-rd-pill qm-deliv-only"><i class="fas fa-truck" aria-hidden="true"></i> {!! (float) $restaurant['delivery_fee'] > 0 ? t('restaurant.delivery_amount', [':amount' => money($restaurant['delivery_fee'])]) : t('restaurant.promo_free_title') !!}</span>
                    <span class="qm-rd-pill qm-pickup-only"><i class="fas fa-shopping-bag" aria-hidden="true"></i> {{ t_raw('restaurant.pickup_available') }}</span>
                </div>
                @if ($tags)
                <div class="qm-rd-tags" role="group" aria-label="{{ t_raw('restaurant.tags_label') }}">
                    @php $tagTaken = [];
@endphp
                    @foreach ($tags as $t)<a class="qm-rest-tag qm-rd-tag {{ tag_color_class((string) $t['name'], $tagTaken) }}" href="{!! url('/restaurants?tag=' . e($t['slug'])) !!}">{{ $t['name'] }}</a>@endforeach
                </div>
                @endif
            </div>
            <div class="qm-rd-hero-actions">
                @if ((int) ($restaurant['accepts_reservations'] ?? 0) === 1)
                <a href="{{ url('/restaurant/' . $restaurant['slug'] . '/reserve') }}" class="qm-rd-action qm-rd-reserve" aria-label="{{ t_raw('reservation.title') }}">
                    <i class="fas fa-calendar-check" aria-hidden="true"></i><span>{{ t_raw('reservation.crumb') }}</span>
                </a>
                @endif
                <button type="button" class="qm-rd-action" data-rd-share data-share-title="{{ $restaurant['name'] }}" aria-label="{{ t_raw('restaurant.share_aria') }}">
                    <i class="fas fa-share" aria-hidden="true"></i><span>{{ t_raw('blog.share_label') }}</span>
                </button>
                @if (can_favorite())
                <form class="qm-fav-form" method="post" action="{{ route('account.favorites.toggle') }}">
                    @csrf
                    <input type="hidden" name="restaurant_id" value="{{ $rid }}">
                    <button type="submit" class="qm-rd-action qm-fav-btn qm-rd-fav{{ $isFav ? ' is-fav' : '' }}" data-restaurant-id="{{ $rid }}" aria-pressed="{{ $isFav ? 'true' : 'false' }}" aria-label="{!! $isFav ? t('common.remove_from_favorites') : t('common.add_to_favorites') !!}">
                        <i class="{{ $isFav ? 'fas' : 'far' }} fa-heart" aria-hidden="true"></i><span>{!! $isFav ? t('restaurant.favorite_saved') : t('restaurant.favorite_btn') !!}</span>
                    </button>
                </form>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- ===================== STICKY TAB BAR ===================== -->
<nav class="qm-rd-tabs" data-rest-tabs aria-label="{{ t_raw('restaurant.tabs_aria') }}">
    <div class="container-fluid">
        <ul class="qm-rd-tablist">
            <li><a href="#menu" class="is-active"><i class="fas fa-book-open" aria-hidden="true"></i> {{ t_raw('restaurant.menu') }}</a></li>
            <li><a href="#about"><i class="fas fa-info-circle" aria-hidden="true"></i> {{ t_raw('restaurant.about') }}</a></li>
            <li><a href="#reviews"><i class="fas fa-star" aria-hidden="true"></i> {{ t_raw('restaurant.reviews') }}</a></li>
            <li><a href="#map"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ t_raw('restaurant.map') }}</a></li>
            @php // Only while the section it points at is on the page. The gallery band renders
                  // solely when the restaurant has photos, so on one without any this tab targeted
                  // an id that does not exist: restaurant-tabs.js finds no element, lets the click
                  // through, and the browser jumps nowhere. Same guard the Similar tab already has.
@endphp
            @if (!empty($gallery))<li><a href="#gallery"><i class="fas fa-images" aria-hidden="true"></i> {{ t_raw('restaurant.gallery') }}</a></li>@endif
            @if (!empty($similar))<li><a href="#similar"><i class="fas fa-store" aria-hidden="true"></i> {{ t_raw('restaurant.similar_tab') }}</a></li>@endif
        </ul>
        @php /* Live open/closed state, pinned to the end of the bar. Same $isOpen the
                 closed banner and the checkout gate use — never a hardcoded state. A <p>
                 (not an <a>) so restaurant-tabs.js, which only collects a[href^="#"],
                 keeps treating the tab list as the complete set of tabs. */
@endphp
        <p class="qm-rd-open-now qm-rd-tabs-status{{ !empty($isOpen) ? '' : ' is-closed' }}"><span class="qm-rd-dot" aria-hidden="true"></span> {!! !empty($isOpen) ? t('restaurant.open_now') : t('restaurant.closed_now') !!}</p>
    </div>
</nav>

<!-- ===================== BODY (layout-driven) ===================== -->
@if ($layout === 'style1')
@php /* ---------- STYLE 1: menu-first, offers + popular rail on top, 3-col with left ad/offers + right cart ---------- */; @endphp
<section class="qm-section qm-rd-body qm-rd-body--s1">
    <div class="container-fluid">
        @php $renderOffers();
@endphp
        @php $renderPopular();
@endphp
        <div class="row g-4">
            <!-- LEFT: info + promo -->
            <aside class="col-lg-3" data-reveal>
                @php $renderInfoCard();
@endphp
                @php $renderPromo();
@endphp
                @php $renderMiniMap();
@endphp
            </aside>
            <!-- CENTER: menu -->
            <div class="col-lg-6" id="menu">
                <header class="qm-rd-menu-head" data-reveal>
                    <div class="qm-rd-menu-head-text">
                        <span class="qm-eyebrow">{{ menu_display_name($restaurant ?? null) }}</span>
                        <h2 class="qm-rd-h2">{{ t_raw('restaurant.menu_heading') }}</h2>
                    </div>
                    {!! $menuViewToggle !!}
                </header>
                @php $renderMenu();
@endphp
            </div>
            <!-- RIGHT: cart -->
            <div class="col-lg-3">
                @php $renderCart();
@endphp
            </div>
        </div>
    </div>
</section>

@elseif ($layout === 'style2')
@php /* ---------- STYLE 2: highlights/info-first, wide 2-col menu+cart, reviews summary up top ---------- */; @endphp
<section class="qm-section qm-rd-body qm-rd-body--s2">
    <div class="container-fluid">
        <!-- Menu-first hierarchy: the primary action (browse + order) leads. -->
        @php $renderOffers();
@endphp
        @php $renderPopular();
@endphp
        @php // Category jump list + menu + sticky cart. The nav only earns its column
              // when there are at least two sections to jump between; with one (or none)
              // the menu keeps the full width instead of showing a one-entry list.
@endphp
        @php $showCatNav = count($navCats) > 1;
@endphp
        <div class="row g-4">
            @if ($showCatNav)
            <div class="col-lg-2 d-none d-lg-block">
                @php $renderCatNav();
@endphp
            </div>
            @endif
            <div class="{{ $showCatNav ? 'col-lg-6' : 'col-lg-8' }}" id="menu">
                <header class="qm-rd-menu-head" data-reveal>
                    <div class="qm-rd-menu-head-text">
                        <span class="qm-eyebrow">{{ menu_display_name($restaurant ?? null) }}</span>
                        <h2 class="qm-rd-h2">{{ t_raw('restaurant.menu_heading_full') }}</h2>
                    </div>
                    {!! $menuViewToggle !!}
                </header>
                @php $renderMenu();
@endphp
            </div>
            <div class="col-lg-4">
                @php $renderCart();
@endphp
            </div>
        </div>
        <!-- Secondary highlights below the menu: restaurant info, review summary,
             active deal, and the location map. The row stretches so the info card and
             the map finish on the same line and the review card matches the deal beside
             it. (It used to be align-items-start, from before the map shared this
             column - back then the right side was short and stretching ballooned it.) -->
        <div class="row g-4 qm-rd-highlights">
            <div class="col-lg-4" data-reveal>@php $renderInfoCard();
@endphp</div>
            <div class="col-lg-8">
                <div class="row g-4">
                    <div class="col-md-6" data-reveal>@php $renderReviewSummary();
@endphp</div>
                    <div class="col-md-6" data-reveal>@php $renderPromo();
@endphp</div>
                </div>
                @php // Location map moved here (from the standalone section) to fill the empty space beside the tall info card, below the review summary + active deal.
@endphp
                @php // No section heading here: the map card already names the restaurant and
                      // its address, so a title only pushed the map down and made this column
                      // outgrow the info card beside it. The standalone map section used by the
                      // other layouts keeps its heading - there it introduces a full-width band.
@endphp
                <div class="qm-rd-highlights-map mt-3" id="map" data-reveal>
                    @php $renderMap();
@endphp
                </div>
            </div>
        </div>
    </div>
</section>

@else
@php
/* ---------- CLASSIC: original 3-col arrangement (info / menu / cart) ---------- */
@endphp
<section class="qm-section qm-rd-body">
    <div class="container-fluid">
        @php $renderOffers();
@endphp
        <div class="row g-4">
            <!-- LEFT: info + promo -->
            <aside class="col-lg-3" data-reveal>
                @php $renderInfoCard();
@endphp
                @php $renderPromo();
@endphp
                @php $renderMiniMap();
@endphp
            </aside>
            <!-- CENTER: menu -->
            <div class="col-lg-6" id="menu">
                <header class="qm-rd-menu-head" data-reveal>
                    <div class="qm-rd-menu-head-text">
                        <span class="qm-eyebrow">{{ menu_display_name($restaurant ?? null) }}</span>
                        <h2 class="qm-rd-h2">{{ t_raw('restaurant.menu_heading') }}</h2>
                    </div>
                    {!! $menuViewToggle !!}
                </header>
                @php $renderMenu();
@endphp
            </div>
            <!-- RIGHT: cart + map preview -->
            <div class="col-lg-3">
                @php $renderCart();
@endphp
            </div>
        </div>
        @php $renderPopular();
@endphp
    </div>
</section>
@endif

<!-- ===================== ABOUT + VIDEO ===================== -->
<section class="qm-section qm-rd-section pt-0" id="about">
    <div class="container-fluid">
        <header class="qm-rd-sec-head" data-reveal>
            <span class="qm-eyebrow">{{ t_raw('restaurant.about') }}</span>
            <h2 class="qm-rd-h2">{{ t_raw('restaurant.about_heading', [':name' => (string) $restaurant['name']]) }}</h2>
        </header>
        <div class="row g-4 align-items-center">
            <div class="col-lg-{{ $showAboutMedia ? '6' : '12' }}" data-reveal>
                @if (!empty($restaurant['description']))<p class="qm-rd-about-text">{{ $restaurant['description'] }}</p>@endif
                <div class="qm-rd-stats">
                    <div class="qm-rd-stat">
                        <span class="qm-rd-stat-num">{{ number_format($rating, 1) }}</span>
                        <span class="qm-rd-stat-lbl">{{ t_raw('restaurant.stat_avg_rating') }}</span>
                    </div>
                    <div class="qm-rd-stat">
                        <span class="qm-rd-stat-num">{{ (int) $restaurant['avg_prep_time'] }}<small>{{ t_raw('common.prep_min_suffix') }}</small></span>
                        <span class="qm-rd-stat-lbl">{{ t_raw('restaurant.prep_time_label') }}</span>
                    </div>
                    <div class="qm-rd-stat">
                        <span class="qm-rd-stat-num">{{ number_format((int) $restaurant['rating_count']) }}</span>
                        <span class="qm-rd-stat-lbl">{{ t_raw('restaurant.stat_happy_reviews') }}</span>
                    </div>
                </div>
            </div>
            @if ($showAboutMedia)
            <div class="col-lg-6" data-reveal>
                <figure class="qm-rd-figure">
                    @php // Owner-managed media: an uploaded image, an MP4, or a YouTube link.
@endphp
                    {!! restaurant_media_html(
                        $aboutMediaActive,
                        'qm-rd-figure-img',
                        t_raw('restaurant.figure_alt', [':name' => (string) $restaurant['name']]),
                        $videoPost
                    ) !!}
                    <figcaption class="qm-rd-figure-cap">{{ t_raw('restaurant.figure_caption', [':name' => (string) $restaurant['name']]) }}</figcaption>
                </figure>
            </div>
            @endif
        </div>
    </div>
</section>

<!-- ===================== MAP ===================== -->
@if ($layout !== 'style2')
@php // style2 renders the map inside the highlights row, next to the info card; @endphp
<section class="qm-section qm-rd-section pt-0" id="map">
    <div class="container-fluid">
        <header class="qm-rd-sec-head" data-reveal>
            <span class="qm-eyebrow">{{ t_raw('restaurant.location_label') }}</span>
            <h2 class="qm-rd-h2">{{ t_raw('restaurant.location_heading') }}</h2>
        </header>
        @php $renderMap();
@endphp
    </div>
</section>
@endif

<!-- ===================== GALLERY ===================== -->
@if (!empty($gallery))
<section class="qm-section qm-rd-section pt-0" id="gallery">
    <div class="container-fluid">
        <header class="qm-rd-sec-head" data-reveal>
            <span class="qm-eyebrow">{{ t_raw('restaurant.gallery') }}</span>
            <h2 class="qm-rd-h2">{{ t_raw('restaurant.gallery_heading') }}</h2>
        </header>
        <div class="qm-rd-gallery" data-gallery data-reveal>
            @foreach ($gallery as $i => $g)
@php $src = media($g, 'assets/client/promos/grill-platter.png'); $alt = t_raw('restaurant.gallery_photo_alt', [':name' => (string) $restaurant['name'], ':n' => (string) ($i + 1)]); @endphp
            <button type="button" class="qm-rd-gitem" data-lightbox-src="{{ $src }}" data-lightbox-alt="{{ $alt }}" aria-label="{{ t_raw('footer.view_larger_image') }}">
                <img src="{{ $src }}" alt="{{ $alt }}" loading="lazy">
                <span class="qm-rd-gzoom" aria-hidden="true"><i class="fas fa-search-plus"></i></span>
            </button>
            @endforeach
        </div>
    </div>
</section>
@endif

<!-- ===================== REVIEWS ===================== -->
<section class="qm-section qm-rd-section pt-0" id="reviews">
    <div class="container-fluid">
        <div class="qm-reviews">
            <header class="qm-rd-sec-head" data-reveal>
                <span class="qm-eyebrow">{{ t_raw('restaurant.reviews') }}</span>
                <h2 class="qm-rd-h2">{{ t_raw('restaurant.reviews_heading') }}</h2>
            </header>
            <div class="row g-4">
                <div class="col-lg-8">
                    @if ($layout !== 'style2' && $reviewTotal > 0)
@php /* style2 already shows the summary in its highlights row */; @endphp
                        @php $renderReviewSummary();
@endphp
                    @endif
                    @if ($reviews)
                        @php // Only the first few are visible so a long review list does not push the
                              // rest of the page down; "Load more" reveals the next batch. Every review
                              // is already in the DOM, so this degrades gracefully without JS.
@endphp
                        @php $revStep = 4;
@endphp
                        <div class="qm-review-list" data-review-list data-review-step="{{ $revStep }}">
                        @foreach ($reviews as $ri => $rv)
                        <div class="qm-review" data-reveal{{ $ri >= $revStep ? ' hidden data-review-extra' : '' }}>
                            <div class="qm-review-head">
                                <strong>{{ $rv['author_name'] ?: t_raw('common.customer') }}</strong>
                                <span class="qm-review-stars" role="img" aria-label="{{ t_raw('common.rating_out_of_5', [':rate' => (string) (int) $rv['rating']]) }}">
                                    {!! rating_stars_html((float) (int) $rv['rating']) !!}
                                </span>
                            </div>
                            <p>{{ $rv['comment'] }}</p>
                            <span class="qm-review-date">{!! fmt_day($rv['created_at']) !!}</span>
                        </div>
                        @endforeach
                        </div>
                        @if (count($reviews) > $revStep)
                        <div class="qm-review-more">
                            <button type="button" class="qm-btn qm-btn-outline" data-review-more>{{ t_raw('common.load_more') }}</button>
                        </div>
                        @endif
                    @else
                        <div class="qm-empty"><i class="far fa-comment-dots d-block" aria-hidden="true"></i><p>{{ t_raw('restaurant.reviews_empty') }}</p></div>
                    @endif
                </div>
                <div class="col-lg-4">
                    @if (!empty($canReview))
                    <div class="qm-card qm-rd-review-form">
                        <h3 class="h6">{{ t_raw('account.leave_review_btn') }}</h3>
                        <p class="text-muted mb-2">{!! t_raw('restaurant.review_prompt', [':name' => '<strong>' . e($restaurant['name']) . '</strong>']) !!}</p>
                        <form method="post" action="{{ route('review') }}">
                            @csrf
                            <input type="hidden" name="restaurant_id" value="{{ $rid }}">
                            <input type="hidden" name="slug" value="{{ $restaurant['slug'] }}">
                            @if (!empty($reviewOrder['id']))<input type="hidden" name="order_id" value="{{ (int) $reviewOrder['id'] }}">@endif
                            <div class="mb-2">
                                <span class="form-label d-block">{{ t_raw('common.rating') }}</span>
                                <div class="qm-star-input" role="radiogroup" aria-label="{{ t_raw('common.rating') }}">
                                    @php for ($s = 5; $s >= 1; $s--): $starLbl = $s > 1 ? t('account.star_label_many', [':n' => $s]) : t('account.star_label_one', [':n' => $s]);
@endphp<input type="radio" id="rv-rating-{!! $s !!}" name="rating" value="{!! $s !!}"{!! $s === 5 ? ' checked' : '' !!}><label for="rv-rating-{!! $s !!}" title="{{ $starLbl }}" aria-label="{{ $starLbl }}"><i class="fas fa-star" aria-hidden="true"></i></label>@endfor
                                </div>
                            </div>
                            <div class="mb-2"><label class="form-label" for="rv-comment">{{ t_raw('account.your_review_btn') }}</label><textarea id="rv-comment" name="comment" class="form-control" rows="3" required placeholder="{{ t_raw('account.review_comment_placeholder') }}"></textarea></div>
                            <button type="submit" class="qm-btn w-100">{{ t_raw('account.submit_review_btn') }}</button>
                        </form>
                    </div>
                    @else
                    <div class="qm-card qm-rd-review-note">
                        <i class="fas fa-check-circle" aria-hidden="true"></i>
                        @if (!empty($reviewedAll))
                        <p>{!! t_raw('restaurant.reviewed_all', [':link' => '<a href="' . route('account.reviews') . '">' . t('restaurant.manage_reviews_link') . '</a>']) !!}</p>
                        @else
                        <p>{{ t_raw('restaurant.review_locked_text') }}</p>
                        @endif
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>

<!-- ===================== SIMILAR RESTAURANTS ===================== -->
@php $renderSimilar();
@endphp

</div><!-- /.qm-rd -->

@partial('item-modal')

<script src="{!! asset('js/menu-modal.js') !!}"></script>
<script src="{!! asset('js/menu-view.js') !!}"></script>
<script src="{!! asset('js/restaurant-tabs.js') !!}"></script>
<script src="{!! asset('js/restaurant-detail.js') !!}"></script>
@endsection