{{-- feature --}}
<section class="default-news-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <!-- Feature News -->
                <div class="most-popular-news" id="business">
                    <div class="section-title">
                        <div class="row">
                            <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>
                    <div class="business-news-slides owl-carousel owl-theme">
                        @foreach ($categories as $type)
                            @if ($type->alias == 'feature')
                                @foreach ($type->news as $item)
                                    <div class="single-business-news">
                                        <div class="business-news-image">
                                            <a href="{{ route('newsDetail', ['alias' => $item->alias]) }}">
                                                <img src="{{ asset($item->thumb) }}" alt="image">
                                            </a>
                                        </div>
                                        <div class="business-news-content">
                                            <h3>
                                                <a
                                                    href="{{ route('newsDetail', ['alias' => $item->alias]) }}">{{ $item->title }}</a>
                                            </h3>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        @endforeach

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

            <!-- Sidebar -->
            <div class="col-lg-4">
                <aside class="widget-area">
                    @foreach ($adsWithChildren as $parentads)
                        @if ($parentads->ad_categories_id == 13)
                            <section class="widget widget_featured_reports">
                                <div class=" col-lg-10" style=" margin-left: 10%;">
                                    <img src="{{ asset($parentads->thumb) }}" alt="{{ $parentads->title }}">
                                </div>
                            </section>
                            @if ($parentads->children->isNotEmpty())
                                @foreach ($parentads->children as $child)
                                    <section class="widget widget_featured_reports">
                                        <div class=" col-lg-10" style=" margin-left: 10%;">
                                            <img src="{{ asset($child->thumb) }}" alt="{{ $child->title }}">
                                        </div>
                                    </section>
                                @endforeach
                            @endif
                        @endif
                    @endforeach
                </aside>
            </div>
            <hr>
        </div>
</section>

<section class="default-news-area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                @if ($ads->isNotEmpty())
                    @foreach ($ads as $ad)
                        @if ($ad->ad_categories_id == 12)
                            <a href="{{ $ad->link }}">
                                <img src="{{ asset($ad->thumb) }}" alt="{{ $ad->title }}" class="img-fluid">
                            </a>
                        @endif
                    @endforeach
                @endif
            </div>
        </div>
    </div>
</section>