@extends('layouts.start')
@section('title','Blogs')
@section('content')
    <!-- Hero Area Start-->
    <div class="slider-area ">
      <div class="single-slider slider-height2 d-flex align-items-center" data-background="assets/img/hero/blog-banner.jpg">
        <div class="container">
          <div class="row">
            <div class="col-xl-12">
              <div class="hero-cap text-center">
                <h2>@yield('title')</h2>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Hero Area End -->
    <!--================Blog Area =================-->
    <section class="blog_area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mb-5 mb-lg-0">
                    <div class="blog_left_sidebar">
                        @foreach($blogs as $blog)
                        <article class="blog_item">
                            <div class="blog_item_img">
                                <img style="max-height: 324px; max-width: 570px" class="card-img rounded-0" src="{{ asset('/images/blogs/' . $blog->featured_image) }}" alt="{{ $blog->name }}">
                                <a href="#" class="blog_item_date">
                                    <h3 class="text-center">{{ $blog->updated_at->format('d') }}</h3>
                                    <p>{{ $blog->updated_at->format('M, Y') }}</p>
                                </a>
                            </div>

                            <div class="blog_details">
                                <a class="d-inline-block" href="{{ route('blog.single', ['url_key' => $blog->url_key]) }}">
                                    <h2>{{ $blog->name }}</h2>
                                </a>
                                <p>{!! \Illuminate\Support\Str::words(strip_tags($blog->content1), 20,'...') !!}</p>
                                <ul class="blog-info-link">
                                    <li><a href="#"><i class="fa fa-user"></i> {{ $blog->category->name }}</a></li>
                                    <li><a href="#"><i class="fa fa-comments"></i> 03 Comments</a></li>
                                </ul>
                            </div>
                        </article>
                        @endforeach

                            {{ $blogs->links('pagination::bootstrap-4') }}
{{--                        <nav class="blog-pagination justify-content-center d-flex">--}}
{{--                            <ul class="pagination">--}}
{{--                                <li class="page-item">--}}
{{--                                    <a href="#" class="page-link" aria-label="Previous">--}}
{{--                                        <i class="ti-angle-left"></i>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                                <li class="page-item">--}}
{{--                                    <a href="#" class="page-link">1</a>--}}
{{--                                </li>--}}
{{--                                <li class="page-item active">--}}
{{--                                    <a href="#" class="page-link">2</a>--}}
{{--                                </li>--}}
{{--                                <li class="page-item">--}}
{{--                                    <a href="#" class="page-link" aria-label="Next">--}}
{{--                                        <i class="ti-angle-right"></i>--}}
{{--                                    </a>--}}
{{--                                </li>--}}
{{--                            </ul>--}}
{{--                        </nav>--}}
                    </div>
                </div>
                <div class="col-lg-4">
                    @include('pages.blog.aside')
                </div>
            </div>
        </div>
    </section>
    <!--================Blog Area =================-->
@endsection