@extends('layout.master')
@section('content')
<main id="main">
   <!-- ======= Breadcrumbs ======= -->
   <div class="breadcrumbs">
      <div class="container">
         <div class="d-flex justify-content-between align-items-center">
            @php
            $catname = 'Blog';
            $categories = TCG\Voyager\Models\Category::get();
            if($categories && isset($id)){
            foreach($categories as $category){
            if($category->id == $id){
            $catname = $category->name;
            break; 
            }
            }
            }
            @endphp
            <!-- <h2>{{$catname}}</h2> -->
            <ol>
               <li><a href="{{route('index')}}">Home</a></li>
               <li>Blog</li>
            </ol>
         </div>
      </div>
   </div>
   <!-- End Breadcrumbs -->
   <!-- ======= Blog Section ======= -->
   <section id="blog" class="blog">
      <div class="container" data-aos="fade-up">
         <div class="section-title">
             <h2>Blogs</h2>
          
         </div>
         <div class="row g-5">
            <div class="col-md-12">
               <div class="row gy-4 posts-list">
                  @foreach($blogs as $blog)
                  <div class="col-lg-4">
                     <article class="d-flex flex-column">
                        <div class="post-img">
                           <img src="{{asset('storage/'.$blog->image)}}" alt="" class="img-fluid">
                        </div>
                        <h2 class="title">
                           <a href="{{url('single-blog/'.$blog->slug)}}">{{$blog->title}}</a>
                        </h2>
                        <div class="meta-top">
                           <ul>
                              <li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2022-01-01">
                                 {{ \Carbon\Carbon::parse($blog->created_at)->format('d, F Y') }}
                              </time></a></li>
                           </ul>
                        </div>
                        <div class="content">
                           <p>
                              {{$blog->excerpt}}
                           </p>
                        </div>
                        <div class="read-mor mt-auto align-self-end">
                           <a href="{{url('single-blog/'.$blog->slug)}}" class="appointment-btn">Read More</a>
                        </div>
                     </article>
                  </div>
                  <!-- End post list item -->
                  @endforeach
               </div>
               <!-- End blog posts list -->
               <!-- <div class="blog-pagination">
                  <ul class="justify-content-center">
                     <li><a href="#">1</a></li>
                     <li class="active"><a href="#">2</a></li>
                     <li><a href="#">3</a></li>
                  </ul>
               </div> -->
               <!-- End blog pagination -->
            </div>
            <!-- <div class="col-lg-4">
               <div class="sidebar">
                  <div class="sidebar-item search-form">
                     <h3 class="sidebar-title">Search</h3>
                     <form action="" class="mt-3">
                        <input type="text">
                        <button type="submit"><i class="bi bi-search"></i></button>
                     </form>
                  </div>
                 
                  <div class="sidebar-item categories">
                     <h3 class="sidebar-title">Categories</h3>
                     <ul class="mt-3">
                        @php 
                        $blog_categories = TCG\Voyager\Models\Category::all();
                        @endphp
                        @foreach($blog_categories as $category) 
                        @php
                        $post_count = TCG\Voyager\Models\Post::where('status','PUBLISHED')->where('category_id',$category->id)->count();
                        @endphp
                        <li><a href="{{url('post_by_category/'.$category->id)}}">{{$category->name}} <span>({{$post_count}})</span></a></li>
                        @endforeach
                     </ul>
                  </div>
                 
               </div>
               
            </div> -->
         </div>
      </div>
   </section>
   <!-- End Blog Section -->
</main>
<!-- End #main -->
@endsection