{{-- country --}}

<section class="default-news-area" style="margin-top: 5%;">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="section-title">
                    <div class="row">
                        <div class="col-lg-6">
                            <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>
                        <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist"
                            style="margin-left: 55%; margin-top: -3%;">
                            @foreach ($provinces as $province)
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link @if ($loop->first) active @endif"
                                        id="pills-{{ $province->alias }}-tab" data-bs-toggle="pill"
                                        data-bs-target="#{{ $province->alias }}" type="button" role="tab"
                                        aria-controls="pills-{{ $province->alias }}"
                                        aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                                        {{ $province->province_no }}
                                    </button>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>

                <div class="tab-content" id="pills-tabContent">
                    @foreach ($provinces as $province)
                        <div class="tab-pane fade show @if ($loop->first) active @endif"
                            id="{{ $province->alias }}" role="tabpanel"
                            aria-labelledby="pills-{{ $province->alias }}-tab" tabindex="0">

                            <div class="row">
                                <div class="col-lg-12">
                                    <!-- Province News -->

                                    <div class="most-popular-news">
                                        <div class="row">
                                            @foreach ($province->provinceNews->take(1) as $item)
                                                <div class="col-lg-6">
                                                    <div class="most-popular-post">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-11 col-sm-11">
                                                                <div class="post-image">
                                                                    <a href="news-details.php">
                                                                        <img src="{{ asset($item->image) }}"
                                                                            alt="image" height="439px"
                                                                            width="579px">
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12 col-sm-12">
                                                                <div class="post-content">
                                                                    <h3>
                                                                        <a
                                                                            href="news-details.php">{{ $item->short_description }}</a>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                            <div class="col-lg-6">
                                                @foreach ($province->provinceNews->skip(1) as $item)
                                                    <div class="most-popular-post">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-sm-4">
                                                                <div class="post-image">
                                                                    <a href="news-details.php">
                                                                        <img src="{{ asset($item->image) }}"
                                                                            alt="image">
                                                                    </a>
                                                                </div>
                                                                <hr>
                                                            </div>
                                                            <div class="col-lg-8 col-sm-8">
                                                                <div class="post-content">
                                                                    <h3>
                                                                        <a
                                                                            href="news-details.php">{{ $item->short_description }}</a>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

            </div>
            <div class="col-lg-4">
                <!-- Sidebar -->
                <aside class="widget-area">
                    <section class="widget widget_featured_reports">
                        <h3 class="widget-title">बिशेष रिपोर्टस </h3>
                        <div class="single-featured-reports">
                            @foreach ($categories as $type)
                                {{-- @dd($type) --}}
                                @if ($type->category_id == 2)
                                    @foreach ($type->news->take(1) as $item)
                                        @if ($loop->first)
                                            <div class="featured-reports-image">
                                                <a href="news-details.php">
                                                    <img src="{{ asset($item->thumb) }}" alt="{{ $item->title }}">
                                                </a>
                                                <div class="featured-reports-content">
                                                    <h3>
                                                        <a href="news-details.php">{{ $item->short_description }}</a>
                                                    </h3>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach
                                @endif
                            @endforeach
                        </div>
                    </section>
                    @foreach ($categories as $type)
                        @if ($type->category_id == 2)
                            @foreach ($type->news->skip(1) as $item)
                                <div class="most-popular-post">
                                    <div class="row align-items-center">
                                        <div class="col-lg-4 col-sm-4">
                                            <div class="post-image">
                                                <a href="news-details.php">
                                                    <img src="{{ asset($item->thumb) }}" alt="image">
                                                </a>
                                            </div>
                                            <hr>
                                        </div>
                                        <div class="col-lg-8 col-sm-8">
                                            <div class="post-content">
                                                <h3>
                                                    <a href="news-details.php">{{ $item->short_description }}</a>
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    @endforeach
                </aside>
            </div>
        </div>
</section>