@extends('frontend.frontend_layout')
@section('blog-menu') current @endsection
@section('content')
 <!--Page Header Start-->
 <section class="page-header">
    <div class="page-header-bg" style="background-image: url({{ asset($pageBanner->blog_page_banner) }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><span>/</span></li>
                <li>Blog</li>
            </ul>
            <h2>Blog Posts</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Blog Page Start-->
<section class="blog-page">
    <div class="container">
        <div class="row">
            <!--Blog One Single Start-->
            @foreach ($blogs as $blog)
                <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="100ms">
                    <div class="blog-one__single">
                        <div class="blog-one__img-box">
                            <div class="blog-one__img">
                                @if (isset($blog->thumbnail) && file_exists($blog->thumbnail))
                                    <img src="{{ asset($blog->thumbnail) }}" alt="Thumbnail">
                                @else
                                    <img src="{{ asset('common/no-image.jpg') }}" alt="">
                                @endif  
                            </div>
                            <div class="blog-one__date">
                                <span>{{ date('d', strtotime($blog->date)) }}</span>
                                <p>{{ date('M', strtotime($blog->date)) }}</p>
                            </div>
                        </div>
                        <div class="blog-one__content-box">
                            <ul class="list-unstyled blog-one__meta">
                                <li><a href="{{ url('/blog',$blog->slug) }}"><i class="far fa-user-circle"></i> by {{ $blog->user ? $blog->user->name : '' }}</a>
                                </li>
                                <li><a href="{{ url('/blog',$blog->slug) }}"><i class="fas fa-comments"></i> 02 Comments</a>
                                </li>
                            </ul>
                            <h3 class="blog-one__title"><a href="{{ url('/blog',$blog->slug) }}">{{ $blog->title }}</a></h3>
                            <div class="blog-one__read-more">
                                <a href="{{ url('/blog',$blog->slug) }}"> <span class="fa fa-angle-right"></span>Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
            <!--Blog One Single Start-->
        </div>
    </div>
</section>
<!--Blog Page End-->
@endsection