{{-- international --}}
<section class="default-news-area" style="margin-top: 5%;">
    <div class="container">
        <div class="row">
            <div class="col-lg-9">
                <!-- International News-->
                <div class="most-popular-news">
                    <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>
                        </div>
                    </div>

                    <section class="widget widget_featured_reports mb-50">
                        @foreach ($internationalNews as $type)
                            @if ($type->alias == 'international' && $loop->first)
                                @foreach ($type->news->take(1) as $item)
                                    <div class="single-featured-reports">
                                        <div class="featured-reports-image">
                                            <a href="news-details.php">
                                                <img src="{{ asset($item->thumb) }}" alt="image"
                                                    class="international-news-image">
                                            </a>
                                            <div class="featured-reports-content mt-30">
                                                <h3>
                                                    <a href="news-details.php">{{ $item->short_description }}</a>
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        @endforeach
                    </section>

                    <div class="row">
                        @foreach ($internationalNews as $type)
                            @if ($type->alias == 'international' && $loop->first)
                                @foreach ($type->news->skip(1) 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->short_description }}</a>
                                                        </h3>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            @endif
                        @endforeach
                    </div>
                </div>
            </div>
            <!-- Sidebar -->
            <div class="col-lg-3">
                <aside class="widget-area">
                    <section class="widget widget_featured_reports">
                        <img src="{{ asset('hulaki/assets/img/ad/NepalLife-Final-Gif-Artwork-300x200pix2019-04-02.gif') }}"
                            alt="image" class="img-fluid">
                    </section>
                    <section class="widget widget_featured_reports">
                        <img src="{{ asset('hulaki/assets/img/ad/ncell.gif') }}" alt="image" class="img-fluid">
                    </section>
                    <section class="widget widget_featured_reports">
                        <img src="{{ asset('hulaki/assets/img/ad/ime-pay-300x2502018-12-16.gif') }}" alt="image"
                            class="img-fluid">
                    </section>
                    <section class="widget widget_featured_reports">
                        <img src="{{ asset('hulaki/assets/img/ad/300-x-150.png') }}" alt="image" class="img-fluid">
                    </section>
                </aside>
            </div>
        </div>
        <hr>
    </div>
</section>