@php
    $title = $title ?? 'Vídeo da sessão';
    $subtitle = $subtitle ?? null;
    $watchUrl = $video->youtube_watch_url;
    $thumbnailUrl = $video->youtube_thumbnail_url;
@endphp

<article class="sl-meeting-video-card">
    <div class="sl-meeting-video-card__media">
        @if ($watchUrl)
            <a href="{{ $watchUrl }}" target="_blank" rel="noreferrer" class="sl-meeting-video-card__poster" aria-label="Assistir {{ $title }} no YouTube">
                @if ($thumbnailUrl)
                    <img src="{{ $thumbnailUrl }}" alt="" loading="lazy" onerror="this.style.display='none'">
                @endif

                <span class="sl-meeting-video-card__overlay">
                    <span class="sl-meeting-video-card__play" aria-hidden="true">
                        @include('site.components.action-icon', ['name' => 'meeting-video'])
                    </span>
                    <span class="sl-meeting-video-card__watch">Assistir no YouTube</span>
                </span>
            </a>
        @else
            <div class="sl-meeting-video-card__empty">Vídeo indisponível</div>
        @endif
    </div>

    <div class="sl-meeting-video-card__body">
        <div>
            <strong>{{ $title }}</strong>
            @if ($subtitle)
                <span>{{ $subtitle }}</span>
            @endif
        </div>

        @if ($watchUrl)
            <a href="{{ $watchUrl }}" target="_blank" rel="noreferrer">Abrir no YouTube</a>
        @endif
    </div>
</article>