@props(['video'])

@php
    $isDto = $video instanceof \App\DTO\ResolvedVideo;
    $isArray = is_array($video);
    $providerValue = $isDto ? $video->provider->value : ($isArray ? ($video['video_provider'] ?? null) : ($video?->video_provider?->value ?? $video?->video_provider));
    $providerLabel = $isDto
        ? $video->provider->label()
        : (\App\Enums\VideoProviderType::tryFrom((string) $providerValue)?->label() ?? 'Video');
    $url = $isDto ? $video->normalizedUrl : ($isArray ? ($video['video_url'] ?? null) : $video?->video_url);
    $embedUrl = $isDto ? $video->embedUrl : ($isArray ? ($video['video_embed_url'] ?? null) : $video?->video_embed_url);
    $metadata = $isDto ? $video->metadata : ($isArray ? ($video['video_metadata'] ?? []) : ($video?->video_metadata ?? []));
    $embeddable = $isDto ? $video->isEmbeddable : (bool) ($isArray ? ($video['video_is_embeddable'] ?? false) : $video?->video_is_embeddable);
    $isDirectMedia = $embedUrl && str_starts_with((string) ($metadata['mime'] ?? ''), 'video/');
    $sourceUrl = $metadata['source_url'] ?? $url;
    $iframeProviders = ['youtube', 'vimeo', 'instagram', 'tiktok'];
@endphp

<div class="video-player" data-video-player>
    @if (! $url)
        <div class="video-player__fallback" role="status">
            <i class="bi bi-camera-video-off" aria-hidden="true"></i>
            <span>Contenuto video non disponibile</span>
        </div>
    @elseif ($isDirectMedia)
        <div class="ratio ratio-16x9 bg-dark">
            <video controls preload="none" playsinline data-video-media>
                <source src="{{ $embedUrl }}" type="{{ $metadata['mime'] ?? 'video/mp4' }}">
                Il browser non supporta la riproduzione video.
            </video>
        </div>
        <div class="video-player__error d-none" data-video-error role="alert">
            Impossibile riprodurre il video. Usa il collegamento originale.
        </div>
    @elseif ($embeddable && $embedUrl && in_array($providerValue, $iframeProviders, true))
        <div class="ratio ratio-16x9 bg-dark video-player__frame-wrap">
            <div class="video-player__loading" data-video-loading role="status">
                <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
                <span>Caricamento video…</span>
            </div>
            <iframe
                src="{{ $embedUrl }}"
                title="Video {{ $providerLabel }}"
                loading="lazy"
                referrerpolicy="strict-origin-when-cross-origin"
                sandbox="allow-scripts allow-same-origin allow-presentation allow-popups"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; fullscreen"
                allowfullscreen
                data-video-frame></iframe>
        </div>
        <div class="video-player__error d-none" data-video-error role="alert">
            Impossibile caricare l’anteprima. Usa il collegamento alla piattaforma originale.
        </div>
    @else
        <div class="video-player__fallback">
            <i class="bi bi-box-arrow-up-right" aria-hidden="true"></i>
            <span>Questo video non può essere incorporato in modo sicuro.</span>
        </div>
    @endif

    @if ($url)
        <div class="video-player__footer">
            <small><i class="bi bi-shield-lock" aria-hidden="true"></i> Il player può applicare le regole privacy della piattaforma.</small>
            <a href="{{ $sourceUrl }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-outline-secondary">
                Apri sulla piattaforma originale
                <span class="visually-hidden"> in una nuova finestra</span>
            </a>
        </div>
    @endif
</div>