<div class="live-news-blog-area">
    <div class="live-news-blog-wrapper">
        <div class="section-header white">
            <h3 class="section-title">
                <a href="{{ route('videos') }}">
                    @lang('Video') <i class="las la-angle-double-right"></i>
                </a>
            </h3>
        </div>
        <div class="row justify-content-center">
            <div class="col-xl-6 col-lg-6 mb-20-none">
                <div class="live-news-blog">
                    <iframe width="100%" height="405px" src="{{ gs('live_news_link') }}" frameborder="0"
                        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                        allowfullscreen></iframe>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 mb-20-none">
                <div class="row justify-content-center">
                    @forelse($fourVideos as $video)
                        <div class="col-sm-6 mb-20">
                            <div class="live-news-blog">
                                <iframe width="100%" height="190px" src="{{ $video->video_link }}" frameborder="0"
                                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                            </div>
                        </div>
                    @empty
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>