<div>
    <div class="grid grid-cols-1 lg:grid-cols-4 md:grid-cols-3 gap-3">
        @foreach($videos as $video)
            <a href="{{$video->path()}}" class="swiper-slide p-0 overflow-hidden">
                <div  class="w-full"><div class="relative rounded-md" >
                        <img class="rounded-md w-full" src="{{url($video->poster ?? theme('/img/photos/vod/default-video.jpg'))}}" alt="">
                    </div>
                    <div>
                        <div  class="text-center w-full text-bold text-sm text-gray-700 p-2 block">{{$video->title}}</div>
                    </div>
                </div>
            </a>
        @endforeach
    </div>
    <div class="container block mt-16">
    {{ $videos->links('theme::partials.paigination') }}
    </div>
</div>

