@php
   $programs =  \App\Models\NewsSchedule::query()->where("category_id","=",2)->limit(15)->latest()->get();
@endphp

<div class="section--video--here section--video--here--drama">
{{--    <div class="saradesh">--}}
{{--        <ul class="list-inline">--}}
{{--            <li class="list-inline-item">--}}
{{--                <h1><a href="{{ route('video.categoryWise',15) }}">Short News</a></h1>--}}
{{--        </ul>--}}
{{--    </div>--}}


    <div class="video--slider">
        <div class="owl-carousel video--slider--here owl-theme">
            @forelse($programs as $v=>$program)
                <div class="item" style="padding-bottom: 32px">
                    <div class="eid--drama--iamge">
                        <a
                            data-uk-lightbox="{group:'group1'}"
                            data-lightbox-type="video"
                            href="https://www.youtube.com/watch?v={{ $program->video_link}}">
                            <div class="video_gallery_image" style="margin-bottom: 9px">
                                <img src="https://img.youtube.com/vi/{{ $program->video_link }}/maxresdefault.jpg" alt="{{ $program->title }}">
                                @include('asian.includes.btn')
                            </div>
                            <p class="two_line_text" style="line-height: normal">{{ $program->title }}</p>
                        </a>
                    </div>
                </div>
            @empty
            @endforelse

        </div>
    </div>
</div>



{{--    <script src="{{ asset("asian/js/uikit.min.js") }}"> </script>--}}
{{--    <script src="{{ asset("asian/js/docs.js") }}"> </script>--}}
{{--    <script src="{{ asset("asian/js/modal.js") }}"> </script>--}}
{{--    <script src="{{ asset("asian/js/lightbox.js") }}"> </script>--}}



    <style>

        .video_gallery_image{
            height: 158px;
            width: 100%;
            overflow: hidden;
        }

        .video_gallery_image img{
            height: 100%;
            width: 100%;
        }
    </style>