@if ($video && $video->status === 'ready')
    <div class="space-y-2">
        <p class="text-xs font-semibold uppercase tracking-widest text-gray-400 dark:text-gray-500">
            {{ __('Video introduction') }}
        </p>
        <div class="rounded-xl overflow-hidden aspect-video bg-black">
            <iframe
                src="https://iframe.cloudflarestream.com/{{ $video->video_uid }}?preload=none&muted=true"
                class="w-full h-full"
                allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture"
                allowfullscreen
                loading="lazy"
            ></iframe>
        </div>
    </div>
@elseif ($video && $video->status === 'processing' && ($isOwnProfile ?? false))
    {{-- Only the owner sees the processing notice; visitors see nothing --}}
    <div class="rounded-xl border border-indigo-100 dark:border-indigo-800 bg-indigo-50 dark:bg-indigo-900/20 px-4 py-3">
        <p class="text-sm text-indigo-700 dark:text-indigo-300">
            {{ __('Your video introduction is still being processed.') }}
        </p>
    </div>
@endif