@extends('layouts.frontend-layout')

@section('content')
    <section class="sec pad-top pad-btm blog">
        <div class="container">
            <div class="section-title text-center wow fadeInUp">
                <h2>Blog</h2>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="blog-list blog-page">
                        <div class="row">
                            @foreach($blogs as $blog)
                            <div class="col-md-4 wow fadeInUp" data-wow-delay="0.3s">
                                <a href="{{route('front.blog.details',$blog->blog_slug)}}" class="card">
                                    <img src="{{asset('backend/uploads/blog/'.$blog->blog_images)}}" class="card-img-top" alt="Thumbnail">
                                    <div class="card-body">
                                        <div class="info">
                                            <p>{{date('M d, Y', strtotime($blog->created_at))}}</p> <span>|</span> <p>by {{App\Helpers\Helper::getFullName($blog->created_by)}}</p>
                                        </div>
                                        <h5>{{$blog->blog_title}}</h5>
                                    </div>
                                </a>
                            </div>
                            @endforeach
{{--                            <div class="col-md-4 wow fadeInUp" data-wow-delay="0.6s">--}}
{{--                                <a href="{{route('front.blog.details')}}" class="card">--}}
{{--                                    <img src="{{asset('panel/images/frontend/blog-2.jpg')}}" class="card-img-top" alt="Thumbnail">--}}
{{--                                    <div class="card-body">--}}
{{--                                        <div class="info">--}}
{{--                                            <p>April 23, 2023</p> <span>|</span> <p>by Rohit Patel</p>--}}
{{--                                        </div>--}}
{{--                                        <h5>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</h5>--}}
{{--                                    </div>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-4 wow fadeInUp" data-wow-delay="0.9s">--}}
{{--                                <a href="{{route('front.blog.details')}}" class="card">--}}
{{--                                    <img src="{{asset('panel/images/frontend/blog-3.jpg')}}" class="card-img-top" alt="Thumbnail">--}}
{{--                                    <div class="card-body">--}}
{{--                                        <div class="info">--}}
{{--                                            <p>April 23, 2023</p> <span>|</span> <p>by Rohit Patel</p>--}}
{{--                                        </div>--}}
{{--                                        <h5>Kenya vs Tanzania Safari: The Better African Safari Experience</h5>--}}
{{--                                    </div>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-4 wow fadeInUp" data-wow-delay="1.2s">--}}
{{--                                <a href="{{route('front.blog.details')}}" class="card">--}}
{{--                                    <img src="{{asset('panel/images/frontend/blog-1.jpg')}}" class="card-img-top" alt="Thumbnail">--}}
{{--                                    <div class="card-body">--}}
{{--                                        <div class="info">--}}
{{--                                            <p>April 23, 2023</p> <span>|</span> <p>by Rohit Patel</p>--}}
{{--                                        </div>--}}
{{--                                        <h5>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</h5>--}}
{{--                                    </div>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-4 wow fadeInUp" data-wow-delay="1.5s">--}}
{{--                                <a href="{{route('front.blog.details')}}" class="card">--}}
{{--                                    <img src="{{asset('panel/images/frontend/blog-2.jpg')}}" class="card-img-top" alt="Thumbnail">--}}
{{--                                    <div class="card-body">--}}
{{--                                        <div class="info">--}}
{{--                                            <p>April 23, 2023</p> <span>|</span> <p>by Rohit Patel</p>--}}
{{--                                        </div>--}}
{{--                                        <h5>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</h5>--}}
{{--                                    </div>--}}
{{--                                </a>--}}
{{--                            </div>--}}
{{--                            <div class="col-md-4 wow fadeInUp" data-wow-delay="1.8s">--}}
{{--                                <a href="{{route('front.blog.details')}}" class="card">--}}
{{--                                    <img src="{{asset('panel/images/frontend/blog-3.jpg')}}" class="card-img-top" alt="Thumbnail">--}}
{{--                                    <div class="card-body">--}}
{{--                                        <div class="info">--}}
{{--                                            <p>April 23, 2023</p> <span>|</span> <p>by Rohit Patel</p>--}}
{{--                                        </div>--}}
{{--                                        <h5>Kenya vs Tanzania Safari: The Better African Safari Experience</h5>--}}
{{--                                    </div>--}}
{{--                                </a>--}}
{{--                            </div>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection