@php
    $news = leadNews();
@endphp
<section class="home--page--news">
    <div class="container">
        <div class="row">
            <div class="col-md-9 col-sm-12 col-xs-12">
                <div class="recent--news--top--hame slider-1">
                    <div class="row">
                        @forelse($news as $key=>$info)
                            @if ($loop->first)
                                <div class="col-md-8 col-sm-8 col-xs-12 p-0">
                                    <div class="recent--news--top--section"
                                        style="padding-bottom: 37px;border-right: 2px solid #fff">
                                        <a href="{{ news_url($info) }}">
                                            <div class="slider_one_large">

                                                <div class="slider_one_large"
                                                    style="aspect-ratio: 16 / 9; overflow: hidden;">
                                                    @include('asian.partial.image', [
                                                        'loading' => 'eager',
                                                    ])
                                                </div>
                                                @if (isset($info->video_link))
                                                    <div class="logo-container"
                                                        style="    position: absolute;top: 24%; right: 47%;  color: #b30000;  font-size: 50px;">
                                                        <i class="fa fa-youtube-play"></i>
                                                    </div>
                                                @endif
                                            </div>
                                            <h4 style="color: darkred" class="">{{ $info->title }}</h4>
                                            <p class="three_line_text"> {!! strip_tags($info ? $info->details : null) !!} </p>
                                            <small
                                                style="color: #888;">{{timeAgo($info->created_at)}}</small>
                                        </a>
                                    </div>
                                </div>
                            @endif
                        @empty
                        @endforelse


                        <div class="col-md-4 col-sm-4 col-xs-12 p-0 slider-right-news" style="">
                            <div class="recent--news--top--section--right" style="margin-left:2px">
                                <div class="bisso--right--news">
                                    @forelse($news as $key=>$info)
                                        @if (!$loop->first && $loop->iteration <= 6)
                                            <a href="{{ news_url($info) }}">
                                                <div class="media">
                                                    <div class="row">
                                                        <div class="col-md-4">
                                                            <div class="new_list_image_div">
                                                        @include('asian.partial.image', [
                                                            'loading' => 'lazy',
                                                        ])
                                                    </div>
                                                        </div>
                                                        <div class="col-md-8">
                                                            <div class="media-body ml-2">
                                                        <h5 class="mt-0">
                                                            {!! strip_tags($info ? $info->title : null) !!}
                                                        </h5>
                                                        <small
                                                            style="color: #888;">{{ timeAgo($info->created_at) }}</small>
                                                    </div>
                                                        </div>
                                                    </div>


                                                </div>
                                                @if ($loop->iteration != 6)
                                                    <hr>
                                                @endif
                                            </a>
                                        @endif
                                    @empty
                                    @endforelse
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col-md-3 col-sm-12 col-xs-12 slider-right-div">
                <div class="right--sidebar">
                    @include('global.widget-setup')
                    <div class="row">
                        <div class="col-lg-12">
                            @forelse ($layout->widgets as $widget)
                                @php
                                    $viewPath = 'asian.theme1.widgets.' . $widget->type;
                                @endphp

                                @if (View::exists($viewPath))
                                    @include($viewPath)
                                @endif
                            @empty
                            @endforelse
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
    #image-container {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        z-index: 9999;
    }

    #image-container img {
        display: block;
        max-width: 40%;
        max-height: 80%;
        margin: 10% auto;
        border: 1px solid #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    }
</style>