@extends('layouts.front')
@section('meta')
<title>সর্বশেষ - {{ $gs->title ?? 'Channel 5 Bangla' }}</title>
<meta property="og:title" content="সর্বশেষ - {{ $gs->title ?? 'Channel 5 Bangla' }}" />
<meta property="og:image" content="{{asset('assets/images/'.$gs->og_baner)}}" />
@endsection
@section('contents')

<!-- main div -->
<div class="mainDiv">
<div class="bgWHite">
  <div class="container ">
    <div class="row">

      <!-- header -->
      <div class="col-sm-12 col-md-12 marginB20 hidden-xs marginT10">
        <h1 class="desktopCategoryTitle"><span class="titleLeftDesign1"></span> <a href="{{ url('/latest') }}"><strong>সর্বশেষ <i class="fa fa-angle-right title1_8 verticalAlignMiddle"></i></strong></a></h1>
      </div>
      <div class="col-sm-12 col-md-12 paddingLR20 xs-paddingL15 marginB10 visible-xs paddingT10">
        <h1 class="sectionTitle displayInline border0 margin0 marginB0"><span class="titleLeftDesign1"></span> <a href="{{ url('/latest') }}"><strong>সর্বশেষ</strong></a></h1>
      </div>

      <div class="col-sm-9 col-md-9">
        <div class="row">
          <div class="col-sm-12 col-md-12">
            <div class="row desktopFlexRow marginLR-15 loadMoreCategoryNews borderR3rdItemNone">
              @foreach($datas as $post)
              <div class="col-md-4 col-xs-12 marginB20 xs-marginB15 paddingLR15 borderC1R1 desktopSectionLead">
                <div class="thumbnail h100P borderC1B1 borderRadius0">
                  <div class="positionRelative">
                    <p class="marginT15 marginB13 positionAbsolute bottom0 marginL10"><span class="categoryNameClass borderC1-1 bg9 colorWhite"><i class="fa fa-regular fa-tag"></i> {{ $post->category->title ?? '' }}</span></p>
                    <img src="{{asset('assets/images/post/'.$post->image_big)}}" class="img-responsive borderRadius0" alt="{{ $post->title }}">
                  </div>
                  <div class="caption paddingLR0">
                    <h1 class="title11 colorBlack marginT10">@if($post->shoulder)<span class="shoulder">{{ $post->shoulder }}</span> <i class="fa fa-circle dot"></i> @endif{{ $post->title }}</h1>
                    <p class="desktopTime"><i class="fa fa-clock title1_4 color2 verticalAlignMiddle marginT2"></i> {{ $post->createdAt() ?? '' }}</p>
                  </div>
                </div>
                <a href="{{ route('frontend.postBySubcategory.details',[$post->category->slug ?? '', $post->slug])}}" class="linkOverlay"></a>
              </div>
              @endforeach
            </div>
          </div>
        </div>

        <!--load more / pagination -->
        <div class="row marginT30 marginB30">
          <div class="col-md-12 col-xs-12">
            <div class="text-center">
              {!! $datas->links() !!}
            </div>
          </div>
        </div>
        <!-- load more end -->

      </div>

      <!-- first sidebar -->
      <div class="col-sm-3 col-md-3 hidden-xs">
        <!-- latest popular news -->
        <div class="row">
          <div class="col-sm-12 col-md-12 marginB20">
            @include('partial.front.sidebar-latest-popular')
          </div>
        </div>
        <!-- latest popular news end -->
      </div>
    </div>
  </div>
</div>
</div>
<!-- main div end -->

@endsection
