@extends('channels.layouts.master')
@section('content')
@php
    $setting = setting();
    $news = leadNews();
@endphp
    <div class="container mainDiv xs-paddingL20 xs-paddingR20 xs-paddingT70">
        <div class="text-center advDiv visible-xs marginT10 gadDiv"></div>

        <div class="row">
            <div class="col-md-12">
                <div class="pageTitle">
                    <h1><a href="{{ route('news',$title) }}">{{ $title ?? '' }}</a></h1>
                    <p class="catBottomBorder"><span></span></p>
                </div>

            </div>
        </div>

        <div class="row marginT10">
            <div class="col-md-12">
                <div class="row flex-row itemMainDiv">
                    @forelse ($news as $info)
                        @if ($loop->iteration >= 1 && $loop->iteration <= 4)
                            <div class="col-md-3 flex-col paddingL15 paddingR15 borderR1LCN itemsCol ">
                                <div class="itemDiv bgWhite hoverOrange">
                                    <div class="thumbnail borderNone padding0 xs-marginB0">
                                        <div class="positionRelative">
                                            @include('global.image')
                                        </div>
                                        <div class="caption paddingL0 paddingR0 xs-paddingB0">
                                            <div class="paddingB15 xs-paddingB0 xs-paddingT5 five-line">
                                                <h2 class="title3 margin0 three-line">
                                                    @if (isset($info->sub_title))
                                                    <span class="shoulder">{{$info->sub_title}}
                                                        <span></span> </span>

                                                    @endif

                                                        {{ $info->title }}</h2> <br>
                                                <p
                                                    class="summary3 xs-summary3 colorDarkAsh marginB0 paddingB0 xs-paddingB0 borderTNone marginT0">
                                                    <span class="two-line">{{ strip_tags($info->details) }}</span>
                                                </p>
                                            </div>
                                            <p
                                                class="colorDarkAsh time positionAbsolute xs-positionRelative bottom0 marginB5 xs-marginT10">
                                                <i class="fa fa-clock-o fontSize14 icon"></i> {{timeAgo($info->created_at)}}
                                            </p>
                                        </div>
                                    </div>
                                    <a href="{{ news_url($info) }}"
                                        class="linkOverlay"></a>
                                </div>
                            </div>
                        @endif

                    @empty
                    @endforelse

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


        <div class="row marginT20">
            <div class="col-md-8">
                <div class="row flex-row " id="data-wrapper">
                    <div class="col-md-12 flex-col marginB15 xs-marginB15 visible-xs"></div>
                    <div class="col-md-12 flex-col marginB15 xs-marginB15 visible-xs"></div>
                    <div class="col-md-12 flex-col marginB15 xs-marginB15 visible-xs"></div>
                    @forelse ($news as $info)
                        @if ($loop->iteration > 4)
                            <div class="col-md-12 flex-col marginB15 xs-marginB15">
                                <div class="bgWhite mediaItemDiv height100P borderAshB1 paddingB15">
                                    <div class="media positionRelative hoverOrange marginT0">
                                        <div class="media-left">
                                            <div class="positionRelative">
                                               @include('global.image',['w'=>'270px'])
                                            </div>
                                        </div>
                                        <div class="media-body paddingL8 paddingR8">
                                            <div class="paddingB0 xs-marginB10">
                                                <h2 class="title3 xs-title3 margin0 colorBlack two-line">{{ $info->title }}
                                                </h2>
                                                <p
                                                    class="summary3 xs-summary3 paddingT10 colorDarkAsh textJustify hidden-xs three-line">
                                                    {{ strip_tags($info->details) }}</p>
                                            </div>
                                            <p class="colorDarkAsh time positionAbsolute xs-positionRelative bottom0 "
                                                style="margin-bottom: -5px !important">
                                                <i class="fa fa-clock-o fontSize14 icon"></i>  {{date_time_format($info->created_at)}}
                                            </p>
                                        </div>
                                        <a href="{{ news_url($info) }}"
                                            class="linkOverlay"></a>
                                    </div>
                                </div>
                            </div>
                        @endif

                    @empty
                    @endforelse


                </div>
            </div>
            <div class="col-md-4">

                <div class="row hidden-xs">
                    <div class="col-md-12 lpnw">
                        <div class="loadingDiv1" style="display: none;"><i class="fa fa-spinner"></i></div>
                        <div class="latestNewsWidget mediaItemDiv" style="">
                            <p class="lpnwCartHeader"><a href="{{ route('news','সর্বশেষ') }}">সর্বশেষ</a>
                            </p>
                            <div class="ajaxLatestNewsDiv">
                                @forelse(latestNews(5) as $info)
                                <div class="media">
                                    <div class="media-left">
                                        <div class="positionRelative">
                                            @include('global.image',['w'=>'130px'])
                                        </div>
                                    </div>
                                    <div class="media-body">
                                        <h2 class=" title3 three-line">{{ $info->title }}</h2>
                                    </div><a
                                        href="{{ news_url($info) }}"
                                        class="linkOverlay"></a>
                                </div>
                                @empty
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection