@php
    // $categories array teke data asche
@endphp

<div class="row">
    @forelse ($categories as $category)
        @php
            $news = category_news($category->id)->take(4); // Shudhu dorkari data fetch kora hochche
            $firstNews = $news->first();
        @endphp

        <div class="col-md-6 marginB30">
            @include('global.separatior')

            {{-- First News Section (Top with Image & Details) --}}
            @if($firstNews)
                <div class="row flex-row marginT15">
                    {{-- Image --}}
                    <div class="col-sm-6 col-xs-12 paddingR0">
                        <div class="itemDiv bgWhite hoverOrange">
                            <div class="marginB0 borderNone padding0">
                                @include('global.image')
                            </div>
                            <a href="{{ news_url($firstNews) }}" class="linkOverlay"></a>
                        </div>
                    </div>

                    {{-- Title & Summary --}}
                    <div class="col-sm-6 col-xs-12 paddingL10">
                        <div class="itemDiv bgWhite hoverOrange">
                            <div class="caption paddingT0">
                                <h2 class="title4 margin0 paddingB10">
                                    <span class="two-line">
                                        @if ($firstNews->sub_title)
                                            <span class="shoulder">{{ $firstNews->sub_title }}</span>
                                        @endif
                                        {{ $firstNews->title }}
                                    </span>
                                </h2>
                                <p class="summary3 colorDarkAsh marginB0 four-line">
                                    {{ strip_tags($firstNews->details) }}
                                </p>
                            </div>
                            <a href="{{ news_url($firstNews) }}" class="linkOverlay"></a>
                        </div>
                    </div>
                </div>
            @endif

            <div class="dividerDivTag marginT15 marginB15"></div>

            {{-- Sub News Section (Bottom 3 items) --}}
            <div class="row flex-row">
                @foreach ($news as $info)
                    @if ($loop->iteration >= 2 && $loop->iteration <= 4)
                        <div class="col-sm-4 col-xs-12 paddingL10 paddingR10 borderR1LCN">
                            <div class="itemDiv bgWhite hoverOrange">
                                <div class="thumbnail borderNone padding0">
                                    @include('global.image')
                                    <div class="caption paddingL0 paddingR0">
                                        <h2 class="title3 margin0 two-line">
                                            @if ($info->sub_title)
                                                <span class="shoulder">{{ $info->sub_title }}</span>
                                            @endif
                                            {{ $info->title }}
                                        </h2>
                                    </div>
                                </div>
                                <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>

            {{-- Read More --}}
            <div class="readMoreDiv marginT15">

            </div>
        </div>
    @empty
        {{-- No categories found --}}
    @endforelse
</div>