{{-- main-video --}}
<section class="default-news-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">

                <!-- Main Video-->
                <div class="video-news">
                    <div class="section-title">
                        <h2>मुख्य भिडियो <a href="politics.php"><svg xmlns="http://www.w3.org/2000/svg" width="16"
                                    height="16" fill="currentColor" class="bi bi-arrow-up-right-circle-fill"
                                    viewBox="0 0 16 16">
                                    <path
                                        d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8m5.904 2.803a.5.5 0 1 1-.707-.707L9.293 6H6.525a.5.5 0 1 1 0-1H10.5a.5.5 0 0 1 .5.5v3.975a.5.5 0 0 1-1 0V6.707z" />
                                </svg></a></h2>
                    </div>

                    <div class="video-slides owl-carousel owl-theme">
                        @foreach ($videos as $item)
                            <div class="video-item">
                                <div class="video-news-image">
                                    <a href="news-details.php">
                                        <img src="{{ asset($item->image) }}" alt="image">
                                    </a>

                                    <a href="{{ $item->video_url }}" class="popup-youtube">
                                        <i class='bx bx-play-circle'></i>
                                    </a>
                                </div>

                                <div class="video-news-content">
                                    <h3>
                                        <a href="news-details.php">{{ $item->title }}</a>
                                    </h3>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>

            </div>



            <!-- Sidebar -->
            <div class="col-lg-4">
                <aside class="widget-area">

                    <div class="most-popular-news">
                        <div class="section-title">
                            <h2>राशिफल </h2>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="row">
                                    @foreach ($horoscope->take(4) as $item)
                                        <div class="col-lg-3 col-md-3">
                                            <div class="single-most-popular-news">
                                                <div class="popular-news-image text-center">
                                                    <a href="#">
                                                        <img src="{{ asset($item->thumb) }}" alt="image">
                                                    </a>
                                                </div>
                                                <div class="popular-news-content text-center">
                                                    <span>{{ $item->title_nepali }} </span>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="row">
                                    @foreach ($horoscope->skip(4)->take(4) as $item)
                                        <div class="col-lg-3 col-md-3">
                                            <div class="single-most-popular-news">
                                                <div class="popular-news-image text-center">
                                                    <a href="{{route('showHororscope')}}">
                                                        <img src="{{ asset($item->thumb) }}" alt="image">
                                                    </a>
                                                </div>
                                                <div class="popular-news-content text-center">
                                                    <span>{{ $item->title_nepali }} </span>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="row">
                                    @foreach ($horoscope->skip(8)->take(4) as $item)
                                        <div class="col-lg-3 col-md-3">
                                            <div class="single-most-popular-news">
                                                <div class="popular-news-image text-center">
                                                    <a href="#">
                                                        <img src="{{ asset($item->thumb) }}" alt="image">
                                                    </a>
                                                </div>
                                                <div class="popular-news-content text-center">
                                                    <span>{{ $item->title_nepali }} </span>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>

                </aside>
            </div>
        </div>
    </div>
</section>