@php
        $category = $categories[0];
        $sportsNews = leadNews(); // category_news($category->id);
@endphp
<div class="row flex-row marginT70 mb-2">
    <div class="col-md-12 col-sm-12 col-xl-12 col-xs-12 paddingL8 paddingR8">
            @include('global.separatior')
    </div>
    <div class="col-md-3 col-sm-3 col-xl-3 col-xs-12 paddingL15 paddingR15 marginT15 borderAshR1">
        <div class="row lastChild paddingL8 paddingR15">
            @forelse ($sportsNews as $info)
                @if ($loop->iteration >= 2 && $loop->iteration <= 3)
                    <div
                        class="col-md-12 paddingL0 paddingR0 itemDiv bgWhite hoverOrange borderAshB1 lastChildItemB0 marginB15 lastChildItemMarginB0">
                        <div class="thumbnail marginB0 borderNone padding0 height100P">
                            <div class="positionRelative">
                                @include('global.image')
                            </div>
                            <div class="caption paddingL0 paddingR0">
                                <h2 class="title3 margin0 paddingB10 two-line">
                                    @if ($info->sub_title)
                                        <span class="shoulder">{{ $info->sub_title }}
                                            <span></span> </span>
                                    @endif
                                    {{ $info->title }}
                                </h2>
                            </div>
                        </div>
                        <a href="{{ news_url($info) }}"
                            class="linkOverlay"></a>
                    </div>
                @endif
            @empty
            @endforelse
        </div>
    </div>
    <div class="col-md-6 col-sm-6 col-xl-6 col-xs-12 paddingL15 paddingR15 marginT15">
        @forelse ($sportsNews as $info)
            @if ($loop->first)
                <div class="itemDiv bgWhite hoverOrange">
                    <div class="thumbnail marginB0 borderNone padding0 height100P">
                        <div class="positionRelative">
                            @include('global.image')
                        </div>
                        <div class="caption paddingL0 paddingR0">
                            <h2 class="title4 margin0 paddingB10 two-line"><strong>
                                    @if ($info->sub_title)
                                        <span class="shoulder"> {{ $info->sub_title }}
                                            <span></span> </span>
                                    @endif
                                    {{ $info->title }}
                                </strong>
                            </h2>
                            <p class="summary3 colorDarkAsh marginT10 marginB0 three-line">
                                {{ strip_tags($info->details) }}</p>
                        </div>
                    </div>
                    <a href="{{ news_url($info) }}"
                        class="linkOverlay"></a>
                </div>
            @endif
        @empty
        @endforelse
    </div>
    <div class="col-md-3 col-sm-3 col-xl-3 col-xs-12 paddingL15 paddingR15 marginT15 borderAshL1">
        <div class="row lastChild paddingL15 paddingR8">
            @forelse ($sportsNews as $info)
                @if ($loop->iteration >= 4 && $loop->iteration <= 5)
                    <div
                        class="col-md-12 paddingL0 paddingR0 itemDiv bgWhite hoverOrange borderAshB1 lastChildItemB0 marginB15">
                        <div class="thumbnail marginB0 borderNone padding0 height100P">
                            <div class="positionRelative">
                                @include('global.image')
                            </div>
                            <div class="caption paddingL0 paddingR0">
                                <h2 class="title3 margin0 paddingB10 two-line">

                                    @if ($info->sub_title)
                                        <span class="shoulder"> {{ $info->sub_title }}
                                            <span></span> </span>
                                    @endif

                                    {{ $info->title }}
                                </h2>
                            </div>
                        </div>
                        <a href="{{ news_url($info) }}"
                            class="linkOverlay"></a>
                    </div>
                @endif
            @empty
            @endforelse

        </div>
    </div>
    <div class="col-md-12 col-sm-12 col-xl-12 col-xs-12 marginT15 paddingL8 paddingR8">
        <p class="dividerDivTag margin0"></p>
    </div>
    <div class="col-md-12 col-sm-12 col-xl-12 col-xs-12">
        <div class="row flex-row marginLR-22">
            @forelse ($sportsNews as $info)
                @if ($loop->iteration >= 6 && $loop->iteration <= 9)
                    <div
                        class="col-md-3 col-sm-3 col-xl-3 col-xs-12 flex-col paddingL15 paddingR15 marginT15 borderR1LCN">
                        <div class="itemDiv bgWhite hoverOrange">
                            <div class="thumbnail marginB0 borderNone padding0 height100P">
                                <div class="positionRelative">
                                   @include('global.image')
                                </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>