@php

// Switched off in Admin -> Pages: the hero does not draw.
if (!section_on('hero-restaurant')) { return; }

/**
 * Restaurant-page hero — a slider that spotlights featured restaurants (one slide each): a
 * full-bleed cover with a dark scrim and a premium overlay card. Reuses the .qm-heroslider
 * shell (home.js drives it); the slide internals are this page's own design.
 * @var array $shopBlocks  [ ['shop'=>restaurantRow, 'items'=>..], ... ]
 */
$shops = array_slice(array_map(static fn ($b) => $b['shop'], $shopBlocks ?? []), 0, 4);
if (!$shops) { return; }
$n = count($shops);
@endphp
<section class="qm-section pt-0 pb-0 mt-4">
    <div class="container-fluid">
        <div class="qm-heroslider" data-heroslider role="region" aria-roledescription="carousel" aria-label="{{ t_raw('home.restaurant.hero_aria') }}">
            <div class="qm-heroslider-track" data-heroslider-track>
                @foreach ($shops as $i => $s)
@php $img  = media($s['cover_image'] ?? null, 'assets/client/covers/shop-1.png');
                    $rate = (float) ($s['rating_cache'] ?? 0);
                    $tags = array_slice(array_values(array_filter(array_map('trim', explode(',', (string) ($s['tag_names'] ?? ''))))), 0, 3); @endphp
                <div class="qm-heroslide{{ $i === 0 ? ' is-active' : '' }}" role="group" aria-roledescription="slide" aria-label="{{ t_raw('common.slide_of_n_aria', [':i' => $i + 1, ':n' => $n]) }}"{!! $i === 0 ? '' : ' aria-hidden="true"' !!}>
                    <a class="qm-herort qm-bgimg" href="{!! url('/restaurant/' . e((string) ($s['slug'] ?? ''))) !!}" style="--qm-bg: url('{{ $img }}')">
                        <span class="qm-herort-scrim" aria-hidden="true"></span>
                        <span class="qm-herort-ribbon"><i class="fas fa-star" aria-hidden="true"></i> {{ t_raw('home.restaurant.featured_kitchen_ribbon') }}</span>
                        <span class="qm-herort-card">
                            <span class="qm-herort-eyebrow">{{ t_raw('home.restaurant.tonight_spotlight') }}</span>
                            @php $rtTag = $i === 0 ? 'h1' : 'h2';
@endphp
                            <{{ $rtTag }} class="qm-herort-name">{{ $s['name'] ?? '' }}</{{ $rtTag }}>
                            <span class="qm-herort-meta">{!! !empty($s['cuisine_name']) ? e((string) $s['cuisine_name']) : t('common.multi_cuisine') !!}{!! !empty($s['city']) ? ' · ' . e($s['city']) : '' !!}</span>
                            @if ($tags)<span class="qm-herort-tags">@php $tagTaken = [];
@endphp @foreach ($tags as $tn)<span class="qm-rest-tag {{ tag_color_class($tn, $tagTaken) }}">{{ $tn }}</span>@endforeach</span>@endif
                            <span class="qm-herort-foot">
                                <span class="qm-herort-stat qm-herort-rate"><i class="fas fa-star" aria-hidden="true"></i> {{ number_format($rate, 1) }}</span>
                                <span class="qm-herort-stat"><i class="far fa-clock" aria-hidden="true"></i> {{ (int) ($s['avg_prep_time'] ?? 0) }} {{ t_raw('common.prep_min_suffix') }}</span>
                            </span>
                            <span class="qm-herort-go">{{ t_raw('header.order_now') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></span>
                        </span>
                    </a>
                </div>
                @endforeach
            </div>
            <button type="button" class="qm-heroslider-btn prev" data-heroslider-prev aria-label="{{ t_raw('common.prev_slide_aria') }}"><i class="fas fa-chevron-left" aria-hidden="true"></i></button>
            <button type="button" class="qm-heroslider-btn next" data-heroslider-next aria-label="{{ t_raw('common.next_slide_aria') }}"><i class="fas fa-chevron-right" aria-hidden="true"></i></button>
            <div class="qm-heroslider-dots" role="group" aria-label="{{ t_raw('common.choose_slide_aria') }}" data-heroslider-dots>
                @for ($d = 0; $d < $n; $d++)
                <button type="button" class="qm-heroslider-dot{{ $d === 0 ? ' is-active' : '' }}" data-heroslider-dot="{{ $d }}" aria-current="{{ $d === 0 ? 'true' : 'false' }}" aria-label="{{ t_raw('common.slide_n_aria', [':n' => $d + 1]) }}"></button>
                @endfor
            </div>
        </div>
    </div>
</section>