@php
    $category1 = $layout->categories[0];
    $categoriesFirst = $category1->categories;
    $category2 = $layout->categories[1];
    $categoriesSecond = $category2->categories;

@endphp
@php
    $news = leadNews();
@endphp

<div class="row">
    @forelse ($categories as $category)
        <div class="col-md-6">
                    @include('global.separatior')

            <div class="col-md-12 col-sm-12 col-xl-12 col-xs-12">
                @forelse ($news as $info)
                    @if ($loop->first)
                        <div class="row flex-row">
                            <div class="col-md-6 col-sm-6 col-xl-6 col-xs-12 flex-col paddingL15 paddingR0 marginT15">
                                <div class="itemDiv bgWhite hoverOrange">
                                    <div class="marginB0 borderNone padding0 height100P">
                                        <img class="img-responsive borderRadius5  lazyload"
                                            src="{{ asset('channels/placeholder.webp') }}"
                                            data-src="{{ asset(@$info->path_link ?? 'channels/placeholder.webp') }}"
                                            alt="{{ $info->title }}" title="{{ $info->title }}" loading="lazy">
                                    </div>
                                    <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xl-6 col-xs-12 flex-col paddingL8 paddingR10 marginT15">
                                <div class="itemDiv bgWhite hoverOrange width100P">
                                    <div class="marginB0 borderNone padding0 height100P">
                                        <div class="caption paddingT0Imp paddingL5">
                                            <h2 class="title4 margin0 paddingB15 "> <span class="two-line">
                                                    @if ($info->sub_title)
                                                        <span class="shoulder">{{ $info->sub_title }}
                                                            <span></span> </span>
                                                    @endif
                                                    {{ $info->title }}
                                                </span></h2>
                                            <p
                                                class="summary3 colorDarkAsh marginB0 paddingB0 xs-paddingB0 borderNone marginT0 four-line">
                                                {{ strip_tags($info->details) }}</p>
                                        </div>
                                    </div>
                                    <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                                </div>
                            </div>
                        </div>
                    @endif
                @empty
                @endforelse

            </div>
            <div class="col-md-12 col-sm-12 col-xl-12 col-xs-12 marginT15">
                <p class="dividerDivTag margin0"></p>
            </div>
            <div class="col-md-12 col-sm-12 col-xl-12 col-xs-12 marginT15">
                <div class="row flex-row">
                    @forelse ($news as $info)
                        @if ($loop->iteration >= 2 && $loop->iteration <= 4)
                            <div
                                class="col-md-4 col-sm-4 col-xl-4 col-xs-12 flex-col paddingL15 paddingR15 borderR1LCN">
                                <div class="itemDiv bgWhite hoverOrange">
                                    <div class="thumbnail marginB0 borderNone padding0 height100P">
                                        <div class="positionRelative">
                                            <img class="img-responsive borderRadius5 lazyload"
                                                src="{{ asset('channels/placeholder.webp') }}"
                                                data-src="{{ asset(@$info->path_link ?? 'channels/placeholder.webp') }}"
                                                alt="{{ $info->title }}" title="{{ $info->title }}" loading="lazy">
                                        </div>
                                        <div class="caption paddingL0 paddingR0 paddingB0">
                                            <div class="">
                                                <h2 class="title3 margin0 two-line">
                                                    @if ($info->sub_title)
                                                        <span class="shoulder">{{ $info->sub_title }}
                                                            <span></span> </span>
                                                    @endif
                                                    {{ $info->title }}
                                                </h2>
                                            </div>
                                        </div>
                                    </div>
                                    <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                                </div>
                            </div>
                        @endif
                    @empty
                    @endforelse

                </div>
            </div>

        </div>
@empty

@endforelse

</div>