@if ($videos->isEmpty())
    <div class="col-12">
        <div class="alert alert-info">No videos found for the selected filters.</div>
    </div>
@else
    @foreach ($videos as $video)
    <div class="col-xl-4 col-lg-6 col-md-6">
        <div class="blog-box blog-box1" onclick="openVideoModal('{{ $video->youtube_id }}')">
            <div class="blog-image">
                <svg viewBox="0 0 420 308" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: auto;">
                    <defs>
                        <clippath id="shapeClip5">
                            <path d="M0 288C0 299.046 8.95431 308 20 308H362.773C373.711 308 382.621 299.212 382.771 288.275L383.586 228.91C383.687 221.571 387.799 214.878 394.3 211.47L409.285 203.616C415.872 200.163 420 193.34 420 185.902V20C420 8.9543 411.046 0 400 0H338H304H20C8.9543 0 0 8.95431 0 20V288Z"/>
                        </clippath>
                    </defs>
                    <g clip-path="url(#shapeClip5)">
                        @if($video->youtube_id)
                        <image style="box-shadow: 2px 2px red;" href="https://img.youtube.com/vi/{{ $video->youtube_id }}/mqdefault.jpg"
                               width="420" height="308"
                               preserveAspectRatio="xMidYMid slice" />
                        @else
                        <image href="{{ asset('assets/images/blog/blog-1.png') }}"
                               width="420" height="308"
                               preserveAspectRatio="xMidYMid slice" />
                        @endif
                    </g>
                </svg>
                <a href="#" class="meda-date">{{ \Carbon\Carbon::parse($video->date_time)->format('d M') }}</a>
            </div>
            <div class="blog-details">
                <a href="#" class="meta-category"><img src="{{ asset('assets/images/svg/Hash.svg') }}" alt="">Video</a>
                <h4><a href="javascript:void(0)">{{ $video->heading }}</a></h4>
                <a href="javascript:void(0)" class="blog-btn btnvideo" onclick="openVideoModal('{{ $video->youtube_id }}'); return false;">
                    WATCH NOW <img src="{{ asset('assets/images/btn-icon.svg') }}" alt="icon">
                </a>
            </div>
        </div>
    </div>
    @endforeach
@endif