@php
/**
 * Sponsored placement card. Always carries a visible "Sponsored" disclosure label.
 * @var array $ad campaign row joined with restaurant_name/slug/cover_image + the sponsored dish
 * @var string $variant box | tall | banner | mega (hero slides are built inline in hero-slider.php)
 */
$variant = $variant ?? 'box';
$label = e(setting('ad_disclosure_label', t_raw('common.sponsored_label')));
// Campaign media override -> the sponsored dish's own photo -> the restaurant cover. Resolved in
// AdCampaign::subjectImage() because the hero slide and the video band need the same chain.
$img = media(\App\Models\AdCampaign::subjectImage($ad), 'assets/admin/fallback/general-fallback.png');
// A placement may point at a video (e.g. a looping burger clip) instead of a still. Render
// it as a muted, looping, controls-free background <video> so it plays everywhere (muted is
// required for autoplay; playsinline keeps it inline rather than fullscreen on iOS).
//
// The source is held in data-qm-video and attached by app.js only once the card is about to be
// seen. It cannot be an ordinary autoplaying <video>: `autoplay` OVERRIDES `preload`, so a card
// sitting far below the fold downloaded its whole clip during page load. Deferring the src is
// the only thing that stops that; a still keeps plain lazy loading, which browsers honour.
$isVideo  = (bool) preg_match('/\.(mp4|webm|ogv)(\?|$)/i', (string) $img);
$mediaTag = $isVideo
    ? '<video data-qm-video="' . e($img) . '" muted loop playsinline preload="none" aria-hidden="true"></video>'
    : '<img src="' . e($img) . '" alt="" loading="lazy">';
// Links run through the counted redirect so campaign reporting shows measured clicks
// rather than an estimate; ad_href() resolves the destination from the campaign row.
$href = ad_href($ad);
$headline = (string) ($ad['headline'] ?? '');
$body = (string) ($ad['body'] ?? '');
$rest = (string) ($ad['restaurant_name'] ?? '');
$ctaText = $rest !== '' ? t('home.order_from', [':name' => $rest]) : t('home.order_now');
@endphp
@if ($variant === 'banner')
<div class="qm-ad-banner qm-ad-card" data-reveal>
    <span class="qm-ad-label">{!! $label !!}</span>
    <a class="qm-ad-banner-media" href="{{ $href }}" tabindex="-1" aria-hidden="true">{!! $mediaTag !!}</a>
    <div class="qm-ad-banner-body">
        <h3>{{ $headline }}</h3>
        @if ($body !== '')<p>{{ $body }}</p>@endif
        <div><a href="{{ $href }}" class="qm-btn">{!! $ctaText !!}</a></div>
    </div>
</div>
@else
<div class="qm-coll-promo qm-ad-card{{ $variant === 'tall' ? ' qm-ad-tall' : ($variant === 'mega' ? ' qm-ad-mega' : '') }}">
    <span class="qm-ad-label">{!! $label !!}</span>
    {!! $mediaTag !!}
    <div class="qm-coll-promo-body">
        <h3>{{ $headline }}</h3>
        @if ($body !== '')<p>{{ $body }}</p>@endif
        <div class="qm-coll-actions">
            <a href="{{ $href }}" class="qm-btn">{!! $ctaText !!}</a>
        </div>
    </div>
</div>
@endif