@extends('frontend.layouts.master')

@section('meta_title', $seo_setting['blog_page']['seo_title'])
@section('meta_description', $seo_setting['blog_page']['seo_description'])

@section('header')
    @include('frontend.layouts.header-layout.three')
@endsection

@section('contents') 
<!-- Breadcumb Area -->
<section id="hero" class="hero section dark-background">
  <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">
    <div class="carousel-item active"> <img src="{{ $setting?->blog_page_breadcrumb_image }}" alt="">
      <div class="carousel-container">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb text-white">
            <li class="breadcrumb-item"><a href="#">{{ __('Home') }}</a></li>
            <li class="breadcrumb-item active  text-white" aria-current="page">{{ __('News & Media') }}</li>
          </ol>
        </nav>
        <h1 class="fw-bold hero-title fs-1">{{ __('News & Media') }}</h1>
      </div>
    </div>
    <!-- End Carousel Item --> 
    
  </div>
</section>
<div class="container">
  <div class="row">
    <div class="col-lg-12"> 
      
      <!-- Blog Posts Section -->
      <section id="blog-posts" class="blog-posts section">
        <div class="container">
          <div class="row gy-4"> @include('frontend.pages.blog.layouts.' . ($setting?->blog_layout ?? 'standard')) </div>
          @if ($blogs->hasPages())
          {{ $blogs->onEachSide(0)->links('frontend.pagination.custom') }}
          @endif </div>
        <!-- End blog posts list --> 
      </section>
      
    </div>
    <!--<div class="col-lg-4 sidebar">
      <div class="widgets-container">
        <aside class="blog__sidebar">
          <div class="sidebar__widget">
            <div class="recent-posts-widget widget-item">
              <h3 class="widget-title">{{ __('Recent Posts') }}</h3>
              @foreach ($popular_blogs as $blog)
              <div class="post-item"> <a href="{{ route('blogs', $blog?->slug) }}"><img src="{{ asset($blog?->image) }}" alt="" class="flex-shrink-0 rounded-2"></a>
                <div>
                  <h4><a href="{{ route('blogs', $blog?->slug) }}">{{ Str::limit($blog?->title, 30, '...') }}</a></h4>
                  <time datetime="2020-01-01">{{ formattedDate($blog?->created_at) }}</time>
                </div>
              </div>
              @endforeach </div>
          </div>
        </aside>
      </div>
    </div>-->
  </div>
</div>
@endsection
@section('footer')
    @include('frontend.layouts.footer-layout.two')
@endsection