@php

// Switched off in Admin -> Pages: the band does not draw, on any layout that includes it.
if (!section_on('popular-restaurants')) { return; }

/**
 * Popular Restaurants — curated, editorial restaurant rails (top-rated / fastest / newest).
 * This is house CURATION, not advertising: every card is a real restaurant pulled from a
 * ranking query. The section carries exactly two genuine ad slots, both dynamic and both
 * rendered through cards/ad with their own "Sponsored" label:
 *   - "home_tall" — the tall column beside the first rail
 *   - "home_card" — the fourth card in the last rail
 * With no campaign booked either slot falls back to the theme-options image, never a
 * hardcoded promo.
 * @var array $collections list of ['title','subtitle','url','items']
 */
$collections = collect($collections ?? [])->all();   // accepts an array or a collection
// Only rails that actually have restaurants, so the slot indexes below stay stable
// even when a rail is skipped for having nothing unique left to show.
$rails = array_values(array_filter($collections, static fn (array $c): bool => !empty($c['items'])));
if (!$rails) { return; }
$lastIdx = count($rails) - 1;

$tallAd = active_ad('home_tall');
$cardAd = active_ad('home_card');

/** Up to 3 curated restaurant cards for a rail (thirds). */
$cards = function (array $items) use ($__env): string {
    ob_start();
@endphp
    <div class="row g-4">
        @foreach (array_slice($items, 0, 3) as $r)
        <div class="col-lg-4 col-md-6">@partial('cards/restaurant', ['r' => $r])</div>
        @endforeach
    </div>
    @php return (string) ob_get_clean();
};

/** The sponsored slot markup, or the theme-options fallback image when unsold. */
$adSlot = function (\App\Models\AdCampaign|array|null $ad, string $variant) use ($__env): string {
    if ($ad) {
        return partial('cards/ad', ['ad' => $ad, 'variant' => $variant]);
    }
    return '<div class="qm-coll-promo"><img src="' . e(ad_fallback_src()) . '" alt="" loading="lazy"></div>';
};
@endphp
<section class="qm-section qm-section-tint pt-0">
    <div class="container-fluid">
        <div class="qm-coll-intro" data-reveal>
            <span class="qm-eyebrow"><i class="fas fa-utensils" aria-hidden="true"></i> {{ t_raw('home.popular_restaurants.eyebrow') }}</span>
            <h2 class="qm-section-title">{{ t_raw('home.popular_restaurants.title') }}</h2>
        </div>

        @foreach ($rails as $idx => $col)
        <div class="qm-coll-row" data-reveal>
            <div class="qm-coll-rail-head">
                <div class="qm-coll-rail-text">
                    <h3 class="qm-coll-rail-title">{{ $col['title'] }}</h3>
                    @if (!empty($col['subtitle']))<p class="qm-coll-rail-sub">{{ $col['subtitle'] }}</p>@endif
                </div>
                <a href="{{ $col['url'] }}" class="qm-btn qm-btn-sm qm-btn-outline">{{ t_raw('common.view_all') }}</a>
            </div>
            @if ($idx === 0)
            <div class="row g-4">
                @php /* AN UNSOLD SLOT SHOWS ONE MORE RESTAURANT.
                          The column is kept at its own width rather than collapsed — dropping it
                          would widen the three cards beside it and change the whole rail — so the
                          space simply goes to the next restaurant instead of to a fallback image. */
@endphp
                <div class="col-lg-3 col-md-4">
                    @if ($tallAd)
                    {!! $adSlot($tallAd, 'tall') !!}
                    @elseif (isset($col['items'][3]))
                    @partial('cards/restaurant', ['r' => $col['items'][3]])
                    @endif
                </div>
                <div class="col-lg-9 col-md-8">{!! $cards($col['items']) !!}</div>
            </div>
            @elseif ($idx === $lastIdx)
            @php /* Last rail runs four across: three curated restaurants + one sponsored card. */
@endphp
            <div class="row g-4">
                @foreach (array_slice($col['items'], 0, 3) as $r)
                <div class="col-lg-3 col-md-6">@partial('cards/restaurant', ['r' => $r])</div>
                @endforeach
                @php // Unsold: a fourth restaurant takes the cell, so the rail still runs four across.
@endphp
                <div class="col-lg-3 col-md-6">
                    @if ($cardAd)
                    {!! $adSlot($cardAd, 'box') !!}
                    @elseif (isset($col['items'][3]))
                    @partial('cards/restaurant', ['r' => $col['items'][3]])
                    @endif
                </div>
            </div>
            @else
            {!! $cards($col['items']) !!}
            @endif
        </div>
        @endforeach
    </div>
</section>