{{-- business --}}
<section class="default-news-area">
    <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: 30%; margin-top: -3%;">
                            @foreach ($economics as $type)
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link @if ($loop->first) active @endif"
                                        id="pills-{{ $type->alias }}-tab" data-bs-toggle="pill"
                                        data-bs-target="#{{ $type->alias }}" type="button" role="tab"
                                        aria-controls="pills-arthaniti"
                                        aria-selected=@if ($loop->first) true @else false @endif>{{ $type->ecomomy_nepali_name }}</button>
                                </li>
                            @endforeach
                            {{-- <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-paryatan-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-paryatan" type="button" role="tab"
                                    aria-controls="pills-paryatan" aria-selected="false">पर्यटन</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-rojgar-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-rojgar" type="button" role="tab"
                                    aria-controls="pills-rojgar" aria-selected="false">रोजगार</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-bank-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-bank" type="button" role="tab"
                                    aria-controls="pills-bank" aria-selected="false">बैंक/वित्त</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-auto-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-auto" type="button" role="tab"
                                    aria-controls="pills-auto" aria-selected="false">अटो</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pills-corporate-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-corporate" type="button" role="tab"
                                    aria-controls="pills-corporate" aria-selected="false">कर्पोरेट</button>
                            </li> --}}
                        </ul>
                    </div>
                </div>
                <div class="tab-content" id="pills-tabContent">

                    <!-- ARTHATANTRA-->
                    @foreach ($economics as $type)
                        <div class="tab-pane fade show @if ($loop->first) active @endif"
                            id="{{ $type->alias }}" role="tabpanel" aria-labelledby="pills-{{ $type->alias }}-tab"
                            tabindex="0">
                            <div class="row">
                                <div class="col-lg-12">
                                    <!-- business -->
                                    <div class="most-popular-news" id="business">
                                        <div class="business-news-slides owl-carousel owl-theme">
                                            @foreach ($type->news->take(5) as $item)
                                                <div class="single-business-news">
                                                    <div class="business-news-image-fluid">
                                                        <a href="news-details.php">
                                                            <img src="{{ asset($item->thumb) }}" alt="image-fluid">
                                                        </a>
                                                    </div>
                                                    <div class="business-news-content">
                                                        <h3>
                                                            <a href="news-details.php">{{ $item->title }}</a>
                                                        </h3>
                                                    </div>
                                                </div>
                                            @endforeach

                                        </div>
                                        <div class="row">
                                            @foreach ($type->news->skip(5) as $item)
                                                <div class="col-lg-6">
                                                    <div class="most-popular-post">
                                                        <div class="row align-items-center">
                                                            <div class="col-lg-4 col-sm-4">
                                                                <div class="post-image-fluid">
                                                                    <a href="news-details.php">
                                                                        <img src="{{ asset($item->thumb) }}"
                                                                            alt="image">
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-8 col-sm-8">
                                                                <div class="post-content">
                                                                    <h3>
                                                                        <a
                                                                            href="news-details.php">{{ $item->title }}</a>
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            <div class="col-lg-4">
                <!-- Sidebar -->
                <aside class="widget-area">
                    <section class="widget widget_featured_reports">
                        <div class=" col-lg-10" style=" margin-left: 10%;">
                            <img src="{{ asset('hulaki/assets/img/add/ads9.jpg') }}" alt="image-fluid">
                        </div>
                    </section>
                    <section class="widget widget_featured_reports">
                        <div class=" col-lg-10" style=" margin-left: 10%;">
                            <img src="{{ asset('hulaki/assets/img/add/ads6.gif"') }} alt="image-fluid">
                        </div>
                    </section>
                </aside>
            </div>
        </div>
    </div>
</section>