@php
/**
 * Reusable horizontal card rail — the single source for "Trending this week" and the
 * cuisine / restaurant spotlight sliders. Same .qm-carousel / .qm-rail markup as before
 * (prev/next handled by the shared [data-carousel] handler in app.js), so any change to
 * the rail or its cards applies to every page that uses it. Pass any card partial + items.
 *
 * @var array  $items         rows to render
 * @var string $card          card partial name (default 'cards/restaurant')
 * @var string $cardKey       the variable key the card partial expects (default 'r')
 * @var string $title         heading
 * @var string $eyebrow       small eyebrow label
 * @var string $eyebrowIcon   FontAwesome class for the eyebrow icon (optional)
 * @var string $sub           sub-line under the heading (optional)
 * @var string $viewAllUrl    "View all" link (optional)
 * @var string $viewAllLabel  link label (defaults to the translated "View all")
 * @var bool   $autoplay      add data-trending so home.js gently auto-scrolls it (default false)
 * @var bool   $compact       drop the top padding when this rail stacks under another block
 * @var bool   $bare          render only the .qm-carousel (no section/container) so it can be
 *                            embedded inside a column (e.g. a spotlight block)
 * @var array  $cardExtraVars extra static vars merged into every card call alongside the
 *                            per-item $cardKey var (e.g. suppressing a card's own restaurant
 *                            tag when the whole rail is already scoped to one restaurant)
 */
$items = collect($items ?? [])->all();   // accepts an array or a collection
if (empty($items)) { return; }
$bare = !empty($bare);
$card        = $card ?? 'cards/restaurant';
$cardKey     = $cardKey ?? 'r';
$cardExtraVars = $cardExtraVars ?? [];
$title       = $title ?? t_raw('home.trending.title');
$eyebrow     = $eyebrow ?? '';
$eyebrowIcon = $eyebrowIcon ?? '';
$sub         = $sub ?? '';
$viewAllUrl  = $viewAllUrl ?? '';
$viewAllLabel = $viewAllLabel ?? t('common.view_all');
$secClass = 'qm-section' . (!empty($compact) ? ' pt-0' : '');
$ap      = !empty($autoplay) ? ' data-trending' : '';
$apTrack = !empty($autoplay) ? ' data-trending-track' : '';
$railClass = (string) ($railClass ?? ''); // extra class on the carousel (e.g. 'qm-rail-dense')
@endphp
@if (!$bare)
<section class="{{ $secClass }}">
    <div class="container-fluid">
@endif
        <div class="qm-carousel{!! $railClass !== '' ? ' ' . e($railClass) : '' !!}" data-carousel{{ $ap }}>
            <div class="qm-rail-head" data-reveal>
                <div>
                    @if ($eyebrow !== '')<span class="qm-eyebrow">@if ($eyebrowIcon !== '')<i class="fas {{ $eyebrowIcon }}" aria-hidden="true"></i> @endif{!! $eyebrow !!}</span>@endif
                    <h2 class="qm-section-title">{!! $title !!}</h2>
                    @if ($sub !== '')<p class="qm-section-sub">{!! $sub !!}</p>@endif
                </div>
                <div class="qm-rail-controls">
                    @if ($viewAllUrl !== '')<a href="{{ $viewAllUrl }}" class="qm-btn qm-btn-sm qm-btn-outline">{!! $viewAllLabel !!}</a>@endif
                    @partial('sections/carousel-nav')
                </div>
            </div>
            <div class="qm-rail-track qm-carousel-track" data-reveal{{ $apTrack }}>
                @foreach ($items as $row)
                <div class="qm-rail-item">@partial($card, array_merge([$cardKey => $row], $cardExtraVars))</div>
                @endforeach
            </div>
        </div>
@if (!$bare)
    </div>
</section>
@endif