@php
    $category = $categories[0];
    $news = category_news($category->id);
@endphp

<div class="row marginT70">
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-12 paddingL8 paddingR8">
               @include('global.separatior')
            </div>
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-12 paddingT0Imp">
                        <div class="row marginT15">
                            <div class="col-md-6 paddingL8 paddingR8">
                                <div class="row">
                                    @forelse ($news as $info)
                                        @if ($loop->first)
                                            <div class="col-md-12">
                                                <div class="itemDiv bgAsh hoverOrange paddingB8">
                                                    <div class="marginB0 borderNone padding0">
                                                        <div class="positionRelative">
                                                            @include('global.image')
                                                        </div>
                                                        <div
                                                            class="caption padding15 positionAbsolute bottom0 shadow1 width100P borderRadius5">
                                                            <h2 class="title4 margin0 colorWhite three-line">
                                                                @if ($info->sub_title)
                                                                    {{ $info->sub_title }}
                                                                @endif
                                                                {{ $info->title }}
                                                            </h2>
                                                        </div>
                                                    </div>
                                                    <a href="{{ news_url($info) }}"
                                                        class="linkOverlay"></a>
                                                </div>
                                            </div>
                                        @endif

                                    @empty
                                    @endforelse

                                </div>
                                <div class="row marginT8 marginL0 marginR-8">
                                    @forelse ($news as $info)
                                        @if ($loop->iteration == 2 || $loop->iteration == 3)
                                            <div class="col-md-6 paddingL0 paddingR8">
                                                <div class="itemDiv bgAsh hoverOrange width100P">
                                                    <div class="marginB0 borderNone padding0">
                                                        <div class="positionRelative">
                                                             @include('global.image')
                                                        </div>
                                                        <div
                                                            class="caption padding15 positionAbsolute bottom0 shadow1 width100P borderRadius5">
                                                            <h2 class="title3 margin0 colorWhite 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>
                                            </div>
                                        @endif

                                    @empty
                                    @endforelse

                                </div>
                            </div>
                            <div class="col-md-6 paddingL8 paddingR15">
                                <div class="row">
                                    @forelse ($news as $info)
                                        @if ($loop->iteration >= 4 && $loop->iteration <= 5)
                                            <div class="col-md-6 paddingL8 paddingR8 marginB8">
                                                <div class="itemDiv bgAsh hoverOrange width100P">
                                                    <div class="marginB0 borderNone padding0">
                                                        <div class="positionRelative">
                                                            @include('global.image')
                                                        </div>
                                                        <div
                                                            class="caption padding15 positionAbsolute bottom0 shadow1 width100P borderRadius5">
                                                            <h2 class="title3 margin0 colorWhite 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>
                                            </div>
                                        @endif
                                    @empty
                                    @endforelse
                                </div>
                                <div class="row">
                                    @forelse ($news as $info)
                                        @if ($loop->iteration >= 6 && $loop->iteration <= 7)
                                            <div class="col-md-6 paddingL8 paddingR8 marginB8">
                                                <div class="itemDiv bgAsh hoverOrange width100P">
                                                    <div class="marginB0 borderNone padding0">
                                                        <div class="positionRelative">
                                                            @include('global.image')
                                                        </div>
                                                        <div
                                                            class="caption padding15 positionAbsolute bottom0 shadow1 width100P borderRadius5">
                                                            <h2 class="title3 margin0 colorWhite 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>
                                            </div>
                                        @endif
                                    @empty
                                    @endforelse
                                </div>

                                <div class="row">
                                    @forelse ($news as $info)
                                        @if ($loop->iteration >= 8 && $loop->iteration <= 9 )
                                            <div class="col-md-6 paddingL8 paddingR8 marginB8">
                                                <div class="itemDiv bgAsh hoverOrange width100P">
                                                    <div class="marginB0 borderNone padding0">
                                                        <div class="positionRelative">
                                                            @include('global.image')
                                                        </div>
                                                        <div
                                                            class="caption padding15 positionAbsolute bottom0 shadow1 width100P borderRadius5">
                                                            <h2 class="title3 margin0 colorWhite 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>
                                            </div>
                                        @endif
                                    @empty
                                    @endforelse
                                </div>
                            </div>

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