{{--
    A sponsored placement. $s = SponsorPicker::pick() (or a preview: ['campaign' => …, 'preview' => true]).
    Class names avoid words content blockers hide on sight; the "Sponsored" label is always shown.
--}}
@php
    $c = $s['campaign'];
    $preview = $s['preview'] ?? false;
    $click = $preview ? ($c->destination_url ?: '#') : $s['click'];
    $media = $c->media_type ?? 'text';
    $mediaUrl = $s['media_url'] ?? $c->mediaUrl();
    $thumbUrl = $s['thumb_url'] ?? $c->thumbUrl();
    [$vid, $vhash] = $c->video_id ? \App\Services\Sponsors\VideoLink::split((string) $c->video_id) : [null, null];
@endphp
<div class="pcard{{ $media === 'text' ? ' ptext-only' : '' }}" @unless ($preview) data-pv="{{ $s['token'] }}" @endunless>
    @if ($media === 'image')
        <div class="pmedia">@if ($mediaUrl)<img src="{{ $mediaUrl }}" alt="" loading="lazy" decoding="async" width="640" height="360">@else<span class="pempty">Your image</span>@endif</div>
    @elseif ($media === 'video')
        <div class="pmedia dark">@if ($mediaUrl)<video src="{{ $mediaUrl }}" preload="metadata" muted playsinline controls @unless ($preview) data-pc="{{ $s['click_token'] }}" data-cid="{{ $c->id }}" @endunless></video>@else<span class="pempty">Your video</span>@endif</div>
    @elseif ($media === 'video_url')
        <div class="pmedia dark">
            @if ($thumbUrl)<img src="{{ $thumbUrl }}" alt="" loading="lazy" decoding="async" width="640" height="360">@endif
            @if ($c->video_provider && $vid)
                <a class="pplay" href="{{ $preview ? \App\Services\Sponsors\VideoLink::pageUrl($c->video_provider, $vid, $vhash) : $click.'&to=video' }}" target="_blank" rel="sponsored noopener nofollow"
                   data-embed="{{ \App\Services\Sponsors\VideoLink::embedUrl($c->video_provider, $vid, $vhash) }}" @unless ($preview) data-pc="{{ $s['click_token'] }}" data-cid="{{ $c->id }}" @endunless aria-label="Play video"></a>
                <span class="pprov">{{ \App\Services\Sponsors\VideoLink::PROVIDERS[$c->video_provider] ?? '' }}</span>
            @else
                <span class="pempty">Your video</span>
            @endif
        </div>
    @endif
    <div class="pbody">
        <div class="plabel">Sponsored · {{ $c->advertiser_name ?: 'Advertiser' }}</div>
        <div class="phead">{{ $c->headline ?: 'Headline' }}</div>
        @if ($c->body)<div class="pline">{{ $c->body }}</div>@endif
        <div class="pact">
            <a class="btn sm primary" href="{{ $click }}" target="_blank" rel="sponsored noopener nofollow" @unless ($preview) data-ga-event="select_promotion" data-ga-promotion-id="{{ $c->id }}" data-ga-promotion-name="{{ \Illuminate\Support\Str::limit((string) $c->headline, 90, '') }}" data-ga-creative-name="{{ $c->advertiser_name }}" @endunless>{{ $c->cta ?: 'Learn more' }}</a>
            <span class="pdom">{{ $c->domain() }}</span>
        </div>
    </div>
</div>
@unless ($preview)
@push('analytics')
{!! \App\Support\Analytics::script([['view_promotion', ['promotion_id' => (string) $c->id, 'promotion_name' => \Illuminate\Support\Str::limit((string) $c->headline, 90, ''), 'creative_name' => $c->advertiser_name, 'creative_slot' => $s['slot'] ?? null]]]) !!}
@endpush
@endunless