@include('site.header')

    <!-- breadcrumb start -->
    <div class="breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="page-title">
                        <h2>{{$page_title??''}}</h2>
                    </div>
                </div>
                <div class="col-sm-6">
                    <nav aria-label="breadcrumb" class="theme-breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">{{$page_title??''}}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb end -->


    <!-- section start -->
    <section class="section-b-space blog-page ratio2_3">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12">
                    <div class="row blog-media">
                        @foreach($posts as $post)
                        <div class="col-xl-4 col-md-4">
                            <div class="card">
                                <div class="blog-left">
                                    <a href="/post/{{$post->id}}/{{$post->url_slug}}"><img src="{{asset('uploads/posts/'.$post->image)}}"
                                            class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                </div>
                                <div class="card-body">


                                    <div class="blog-right">
                                        <div>
                                            <h6>{{date('d-m-Y', strtotime($post->created_at))}}</h6> <a href="#">
                                                <h4>{{$post->title}}</h4>
                                            </a>
                                            <ul class="post-social">
                                                <li>Posted By : Admin</li>
                                                {{-- <li><i class="fa fa-heart"></i> 5 Hits</li>
                                                <li><i class="fa fa-comments"></i> 10 Comment</li> --}}
                                            </ul>
                                            <div>
                                                {{ Str::limit(strip_tags($post->description),200,"...") }}
                                            </div>
                                            <p style="width:100%;text-align:right;padding:10px;">
                                                <a href="/post/{{$post->id}}/{{$post->url_slug}}" class="btn btn-info">View more</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-5">

                </div>
            </div>
        </div>
    </section>
    <!-- section End -->


    @include('site.footer')