@extends('layouts.app')
@section('contents')

        
    <!--Product Specification -->
    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8 col-sm-12">
                    <div class="row">
                        <div class="col-lg-12 ">
                            <div class="following_ts py-3">
                                <h1>Latest Posts</h1>
                                <div class="foll_border"></div>
                            </div>
                            <div class="post1 py-3">
                                <img src="{{asset('assets/frount/assets/images/blog/blog-img-4.jpg')}}" alt="Main Bloag Image">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        @foreach($blogs as $blog)
                        <div class="col-lg-6 col-md-12">
                            <div class="card my-3 border-0">
                                <a href="{{ url('blog/'.$blog->slug) }}">
                                    <img src="{{ asset("assets/blog-posts/".$blog->featured_image) }}" width="100%" class="card-img-top" alt="{{$blog->featured_alt}}"></a>
                                <div class="card-body ps-0  ">
                                    <a href="{{ url('blog/'.$blog->slug) }}">  <h5 class="card-title" style="color: #337ab7;font-size: 17px !important; font-weight: 500;">{{$blog->post_title}}</h5></a>
                                    <p class="card-text">
                                        ...                                    </p>
                                    <p class="card-text text-end">
                                        <i class="far fa-clock"></i>
                                        <span> </span></p>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-12">
                    @include('layouts.common.right_side_bar')
                </div>

                <div class="container">
                    {!! $blogs->links() !!}
                </div>

            </div>
        </div>
    </section>



@endsection