@php
    /**
     * 1️⃣ Settings decode
     */
    $settings = is_array($layout->settings) ? $layout->settings : json_decode($layout->settings, true);

    /**
     * 2️⃣ Assigned category IDs (ORDER MASTER)
     */
    $assignedCategoryIds = $settings['assign_category'] ?? [];

    /**
     * 3️⃣ Categories ordered by assign_category serial
     */
    $categories = $layout->categories
        ->filter(fn($cat) => in_array($cat->id, $assignedCategoryIds))
        ->sortBy(fn($cat) => array_search($cat->id, $assignedCategoryIds))
        ->values();
@endphp

{{-- ===============================
     SARA BANGLA SECTION
================================ --}}

<section class="saradesh--bottom--content">
    <div class="container">
        <div class="row sara-bangla-ajax">

            {{-- ================= LEFT CONTENT ================= --}}
            @foreach ($categories as $category)
                <div class="col-md-9 col-sm-12 col-xs-12">
                    <div class="saradesh">

                        {{-- ===== CATEGORY TITLE ===== --}}
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                <h1>
                                    <a href="{{ category_url($category) }}">
                                        {{ $category->name }}
                                    </a>
                                </h1>
                            </li>

                            <li class="list-inline-item">
                                <a class="aro--khabor" href="{{ category_url($category) }}">
                                    আরও খবর
                                    <span>
                                        <i class="fa fa-chevron-circle-right"></i>
                                    </span>
                                </a>
                            </li>
                        </ul>

                        {{-- ===== CATEGORY NEWS ===== --}}
                        @php
                            $news = leadNews(); // category_news($category->id, 13);
                        @endphp


                        <div class="recent--news--top--hame slider-1">
                            <div class="row">
                                @forelse($news as $key=>$info)
                                    @if ($loop->first)
                                        <div class="col-md-8 col-sm-8 col-xs-12 p-0">
                                            <div class="recent--news--top--section"
                                                style="padding-bottom: 37px;border-right: 2px solid #fff">
                                                <a href="{{ news_url($info) }}">
                                                    <div class="slider_one_large">

                                                        <div class="slider_one_large"
                                                            style="aspect-ratio: 16 / 9; overflow: hidden;">
                                                            @include('asian.partial.image', [
                                                                'loading' => 'eager',
                                                            ])
                                                        </div>
                                                        @if (isset($info->video_link))
                                                            <div class="logo-container"
                                                                style="    position: absolute;top: 24%; right: 47%;  color: #b30000;  font-size: 50px;">
                                                                <i class="fa fa-youtube-play"></i>
                                                            </div>
                                                        @endif
                                                    </div>
                                                    <h4 style="color: rgb(0, 0, 0)" class="">
                                                        @if ($info->sub_title)
                                                            <span class="text-danger">{{ $info->sub_title . '/' }}
                                                            </span>
                                                        @endif {{ $info->title }}
                                                    </h4>
                                                    <p class="three_line_text"> {!! strip_tags($info ? $info->details : null) !!} </p>
                                                    <small style="color: #888;">{{ timeAgo($info->created_at) }}</small>
                                                </a>
                                            </div>
                                        </div>
                                    @endif
                                @empty
                                @endforelse


                                <div class="col-md-4 col-sm-4 col-xs-12 p-0 slider-right-news" style="">
                                    <div class="recent--news--top--section--right" style="margin-left:2px">
                                        <div class="bisso--right--news">
                                            @forelse($news as $key=>$info)
                                                @if (!$loop->first && $loop->iteration <= 7)
                                                    <a href="{{ news_url($info) }}">
                                                        <div class="media">
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <div class="new_list_image_div">
                                                                        @include('asian.partial.image', [
                                                                            'loading' => 'lazy',
                                                                        ])
                                                                    </div>
                                                                </div>
                                                                <div class="col-md-8">
                                                                    <div class="media-body">
                                                                        <h5 class="mt-0 two-line-title">
                                                                            @if ($info->sub_title)
                                                                                <span
                                                                                    class="text-danger">{{ $info->sub_title . '/' }}
                                                                                </span>
                                                                            @endif
                                                                            {!! strip_tags($info ? $info->title : null) !!}
                                                                        </h5>
                                                                        <small class="date-time"
                                                                            style="color: #888;">{{ timeAgo($info->created_at) }}</small>
                                                                    </div>
                                                                </div>
                                                            </div>


                                                        </div>
                                                        @if ($loop->iteration != 7)
                                                            <hr>
                                                        @endif
                                                    </a>
                                                @endif
                                            @empty
                                            @endforelse
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            @endforeach
            {{-- ================= RIGHT WIDGETS ================= --}}
            <div class="col-md-3 col-sm-12 col-xs-12">
                
                @include('global.widget-setup')
            </div>

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