@extends('frontend.layout.master')
@section('content')
    <div class="container">
        <div class="breadcrumb-wrapper">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">


                    <li class="breadcrumb-item"><a href="{{route('home')}}">Home</a></li>





                    <li class="breadcrumb-item active" aria-current="page">blogs</li>


                </ol>
            </nav>
        </div>
    </div>


    <section class="blog-section section-gap" data-aos="fade-up" data-aos-offset="200" data-aos-easing="ease-in-sine" data-aos-duration="700">

        <div class="container">
            <div class="row">
                @if($blogs)
                @foreach($blogs as $blog)
                        <div class="col-lg-4 col-md-6">
                            <div class="blog-in">
                                <a href="{{route('blogdetails',['slug'=>$blog->blog_slug])}}">
                                    <img src="{{url('/')}}/{{$blog->image}}" alt="blog image" loading="lazy">
                                    <div class="blog-content">
                                        <div class="h3">{{$blog->title}}</div>
                                        <div class="blog-post-by">
                                            <ul>
                                                <li><i class="fa fa-calendar"></i><span>{{date_format($blog->created_at," y F, Y ")}}</span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>

                @endforeach
                @endif
{{--                <div class="col-lg-4 col-md-6">--}}
{{--                    <div class="blog-in">--}}
{{--                        <img src="{{url('/')}}/frontend/assets/images/about-2.jpg" alt="">--}}
{{--                        <div class="blog-content">--}}
{{--                            <div class="h3">service</div>--}}
{{--                            <div class="blog-post-by">--}}
{{--                                <ul>--}}
{{--                                    <li><i class="fa fa-calendar"></i>18 March 2017</li>--}}
{{--                                </ul>--}}
{{--                            </div>--}}
{{--                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.--}}
{{--                                Aenean commodo ligula eget--}}
{{--                            </p>--}}
{{--                            <a href="{{route('blogdetails')}}" title="" class="readmore-btn">Read more--}}
{{--                                <i class="las la-long-arrow-alt-right"></i>--}}
{{--                            </a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="col-lg-4 col-md-6">--}}
{{--                    <div class="blog-in">--}}
{{--                        <img src="{{url('/')}}/frontend/assets/images/about-2.jpg" alt="">--}}
{{--                        <div class="blog-content">--}}
{{--                            <div class="h3">service</div>--}}
{{--                            <div class="blog-post-by">--}}
{{--                                <ul>--}}
{{--                                    <li><i class="fa fa-calendar"></i>18 March 2017</li>--}}
{{--                                </ul>--}}
{{--                            </div>--}}
{{--                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget.--}}
{{--                                Aenean commodo ligula eget--}}
{{--                            </p>--}}
{{--                            <a href="{{route('blogdetails')}}" title="" class="readmore-btn">Read more--}}
{{--                                <i class="las la-long-arrow-alt-right"></i>--}}
{{--                            </a>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
            </div>

        </div>

    </section>
@endsection