@props(['url_video' => null])

@php
    // Extract ID from various YouTube URL formats (watch?v=, share, embed, etc.)
    $videoId = null;
    if ($url_video) {
        preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/\s]{11})%i', $url_video, $match);
        $videoId = $match[1] ?? null;
    }
@endphp

<div class="auto-container d-flex justify-content-center my-5">
    <div class="video-column col-lg-8 col-md-8 col-sm-12">
        <div class="video-box-two">
            @if($videoId)
                <figure class="video-image">
                    <img class="transition-500ms"
                         src="https://img.youtube.com/vi/{{ $videoId }}/maxresdefault.jpg"
                         alt="video thumbnail"
                         onerror="this.src='https://img.youtube.com/vi/{{ $videoId }}/hqdefault.jpg'"
                    >
                </figure>
                <a href="{{ $url_video }}" class="lightbox-video overlay-box">
                    <span class="flaticon-media-play-symbol transition-900ms">
                        <i class="ripple"></i>
                    </span>
                </a>
            @else
                <p>Invalid Video URL</p>
            @endif
        </div>
    </div>
</div>