@extends('layouts.layout')

@section('content')


        <!-- Start Page Title Area -->
        <div class="page-title-area page-title-bg2">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="page-title-content">
                            <h2>@lang('main.blog')</h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->

        <!-- Start Blog Area -->
        <section class="blog-area ptb-100">
            <div class="container">
                <div class="row">
                    @if ($blogs->count())
                        @foreach ($blogs as $blog)
                            <div class="col-lg-4 col-md-6">
                                <div class="single-blog-post">
                                    <div class="post-image">
                                        <a href="{{route('showBlog',$blog)}}"><img src="{{$blog->imagePath}}" alt="image"></a>

                                        <div class="date"><i class="flaticon-calendar"></i>{{$blog->created_at->format('M d, Y')}}</div>
                                    </div>

                                    <div class="post-content">
                                        <h3><a href="{{route('showBlog',$blog)}}">{{$blog->title}}</a></h3>
                                        <p>{{substr($blog->description,0,50)}}...</p>

                                        <a href="{{route('showBlog',$blog)}}" class="default-btn">@lang('main.read_more') <span></span></a>
                                    </div>
                                </div>
                            </div>
                        @endforeach

                        <div class="col-lg-12 col-md-12">
                            {{--                        <div class="pagination-area">--}}
                            {{--                            <a href="#" class="prev page-numbers"><i class="fas fa-angle-double-left"></i></a>--}}
                            {{--                            <a href="#" class="page-numbers">1</a>--}}
                            {{--                            <span class="page-numbers current" aria-current="page">2</span>--}}
                            {{--                            <a href="#" class="page-numbers">3</a>--}}
                            {{--                            <a href="#" class="page-numbers">4</a>--}}
                            {{--                            <a href="#" class="next page-numbers"><i class="fas fa-angle-double-right"></i></a>--}}
                            {{--                        </div>--}}
                            {{$blogs->links()}}
                        </div>
                    @else
                        <div class="col-md-12 text-center alert alert-info" role="alert"> <strong>@lang('main.no_data')</strong> </div>
                    @endif

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

@stop