@php
    $news = leadNews();
@endphp
<div class="row marginT10">
    <div class="col-md-9">
        <div class="row">
            <div class="col-md-8">
                <div class="row flex-row">
                    @forelse ($news as $info)
                        @if ($loop->first)
                            <div class="col-md-12 flex-col paddingL15 paddingR15">
                                <div class="row flex-row" style="margin-left:0px !important; margin-right:0px !important;">
                                    <div class="col-md-7 flex-col paddingL0 paddingR8">
                                        <div class="itemDiv bgWhite hoverOrange">
                                            <div class="marginB0 borderNone padding0 height100P">
                                                @include('global.image', ['w' => '360px'])
                                            </div>
                                            <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                                        </div>
                                    </div>
                                    <div class="col-md-5 flex-col paddingL8 paddingR0">
                                        <div class="itemDiv bgWhite hoverOrange width100P">
                                            <div class="marginB0 borderNone padding0 height100P">
                                                <div class="caption padding15 paddingT0Imp">
                                                    <h1 class="title6 margin0">
                                                        <a href="{{ news_url($info) }}"
                                                            class="textDecorationNone colorBlack hoverOrange">
                                                            <strong class="three-line"
                                                                style="line-height:35px!important;font-size:26px">
                                                                {{ $info->title }}
                                                            </strong>
                                                        </a>
                                                    </h1>
                                                    <p class="colorDarkAsh marginB0 borderNone marginT10"
                                                        style="font-size:15px">
                                                        <a href="{{ news_url($info) }}"
                                                            class="textDecorationNone colorDarkAsh four-line">
                                                            {{ details($info) }}
                                                        </a>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                    @empty
                    @endforelse

                    <div class="col-md-12 marginT15 paddingL15 paddingR15">
                        <p class="dividerDivTag margin0"></p>
                    </div>

                    <div class="col-md-12 paddingL15 paddingR15">
                        <div class="row flex-row" style="margin-left:0px !important; margin-right:0px !important;">
                            @forelse ($news as $info)
                                @if ($loop->iteration >= 2 && $loop->iteration <= 3)
                                    <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12 flex-col paddingL0 {{ $loop->iteration == 2 ? 'paddingR8' : 'paddingL8 paddingR0' }} marginT15">
                                        <div class="itemDiv bgWhite hoverOrange">
                                            <div class="thumbnail marginB0 borderNone padding0 height100P">
                                                <div class="positionRelative">
                                                    @include('global.image')
                                                </div>
                                                <div class="caption paddingL0 paddingR0 "
                                                    style="border-bottom: 2px solid rgb(89 91 96 / 21%)">
                                                    <h2 class="title4 margin0 paddingB10"><strong class="two-line">
                                                            @if ($info->sub_title)
                                                                <span class="shoulder">{{ $info->sub_title }}
                                                                    <span></span> </span>
                                                            @endif
                                                            {{ $info->title }}
                                                        </strong></h2>
                                                    <p class="title2 colorDarkAsh marginT10 marginB0 six-line">
                                                        {{ details($info) }}
                                                    </p>
                                                </div>
                                            </div>
                                            <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                                        </div>
                                    </div>
                                @endif
                            @empty
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-4 paddingR8">
                <ul class="colorWhite tabNewsUl mediaItemDiv lastChild padding0 marginT-15">
                    @forelse ($news as $info)
                        @if ($loop->iteration >= 4 && $loop->iteration <= 9)
                            <li class="borderAshB1 ">
                                <div class="media positionRelative hoverOrange paddingT15 paddingB15 marginT0">
                                    <div class="media-left">
                                        <div class="positionRelative">
                                            @include('global.image', ['w' => '120px'])
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h2 class="title3 margin0 colorBlack three-line">
                                            @if ($info->sub_title)
                                                <span class="shoulder">{{ $info->sub_title }}
                                                                    <span></span>
                                                </span>
                                            @endif
                                            {{ $info->title }}
                                        </h2>
                                    </div>
                                    <a href="{{ news_url($info) }}" class="linkOverlay"></a>
                                </div>
                            </li>
                        @endif
                    @empty
                    @endforelse
                </ul>
            </div>


        </div>
    </div>

    <div class="col-md-3">
        @include('global.widget-setup')
    </div>
</div>