@php
    $category = $categories[0] ?? null;
    $news = $category ? category_news($category->id)->take(8) : collect();
    $firstNews = $news->first();
@endphp

<div class="marginT70">
    <div class="row">
        {{-- Main News Content Area (Left Side - 9 Columns) --}}
        <div class="col-md-9 col-sm-12 col-xs-12">

            {{-- Separator/Category Title --}}
            <div class="row">
                <div class="col-xs-12 paddingL8 paddingR8">
                    @include('global.separatior')
                </div>
            </div>

            <div class="row marginT15">
                {{-- Big News (Left side of the 9-column area) --}}
                @if($firstNews)
                    <div class="col-md-7 col-sm-7 col-xs-12 paddingL15 paddingR15 borderR1LCN">
                        <div class="itemDiv bgWhite hoverOrange">
                            <div class="thumbnail marginB0 borderNone padding0">
                                <div class="positionRelative">
                                    @include('global.image', ['info' => $firstNews])
                                </div>
                                <div class="caption paddingL0 paddingR0 paddingB0">
                                    <h2 class="title4 margin0 paddingB10">
                                        <strong class="three-line">
                                            @if ($firstNews->sub_title)
                                                <span class="shoulder">{{ $firstNews->sub_title }}</span>
                                            @endif
                                            {{ $firstNews->title }}
                                        </strong>
                                    </h2>
                                    <p class="summary3 colorDarkAsh marginT10 marginB0 five-line">
                                        {{ strip_tags($firstNews->details) }}
                                    </p>
                                </div>
                            </div>
                            <a href="{{ news_url($firstNews) }}" class="linkOverlay"></a>
                        </div>
                    </div>
                @endif

                {{-- Small News List (Right side of the 9-column area) --}}
                <div class="col-md-5 col-sm-5 col-xs-12 paddingL15 paddingR15 ">
                    <div class="">
                        @foreach ($news->skip(1)->take(6) as $info)
                            <div class="media positionRelative hoverOrange paddingT10 paddingB10 lastItemPaddingB0">
                                <div class="media-left">
                                    @include('global.image', [
                                        'info' => $info,
                                        'size' => '_small',
                                        'w' => '100px',
                                    ])
                                </div>
                                <div class="media-body">
                                    <h2 class="title3 margin0 colorBlack two-line">
                                        {{ $info->title }}
                                    </h2>
                                </div>
                                <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>

        {{-- Sidebar/Widgets Area (Right Side - 3 Columns) --}}
        <div class="col-md-3 col-sm-12 col-xs-12">
            <div style="margin-top: 30px">
                @include('global.widget-setup')
            </div>
        </div>
    </div>
</div>