@php
    preg_match(
        '/(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))([\w-]{11})/i',
        $data['youtube_url'] ?? '',
        $matches
    );
    $videoId    = $matches[1] ?? null;
    $thumbnail  = $videoId ? "https://img.youtube.com/vi/{$videoId}/hqdefault.jpg" : null;
    $videoUrl   = $data['youtube_url'] ?? '#';
@endphp

@if ($videoId)
    <section>
        <div class="auto-container d-flex justify-content-center mt-5">
            <div class="video-column col-lg-8 col-md-8 col-sm-12">
                <div class="video-box-two">
                    <figure class="video-image">
                        <img
                            class="transition-500ms"
                            src="{{ $thumbnail }}"
                            alt="Video preview"
                        >
                    </figure>
                    <a href="{{ $videoUrl }}" class="lightbox-video overlay-box">
                        <span class="flaticon-media-play-symbol transition-900ms">
                            <i class="ripple"></i>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </section>
@endif