@extends('front.master')
@section('title', 'blog')
@section('content')

<section class="blog-page" style="padding-top:150px;padding-bottom:40px">
    <div class="container">
        <div id="blogLoader" style="display:none; text-align:center; margin: 20px 0;">
            <span>Loading...</span>
        </div>
        
       
        <div class="row">
            <div class="section-title-2 text-center lineTitle">
                <h2 class="title" style="color:black">{{ __('messages.blogs') }}</h2>

                <span class="line"></span>
            </div>
        </div>

        {{-- <div class="row" id="blogsContainer">
            @include('front.pages.blogs-list', ['blogs' => $blogs])
        </div> --}}
        <div class="row">
            @if (count($blogs) > 0)
            @foreach ($blogs as $blog)
                <div class="col-lg-4 col-md-6" style="margin-bottom:40px">
                    <div class="single-blog mobileBlog">
                        <div class="blog-image">
                            <a href="{{ url('blog-details/'.base64_encode($blog->id)) }}">
                                <img src="{{$blog->image}}" style="width:380px; height:250px;" alt="blog">
                            </a>
                        </div>
                        <div class="blog-content text-center">
                            <ul class="meta">
                                <li>{{ $blog->created_at ? $blog->created_at->format('d/m/Y') : '' }}</li>
                            </ul>
                            <h4 class="blog-title" style="min-height:100px;display:flex">
                                <a href="{{ url('blog-details/'.base64_encode($blog->id)) }}" style="margin:auto">{{ $blog->title}}</a></h4>
                                <a href="{{ url('blog-details/'.base64_encode($blog->id)) }}" class="more">{{ __('messages.read_more')}} <i class="fa fa-chevron-right"></i></a>
                        </div>
                    </div>
                </div>
            @endforeach
            @endif
        </div>
    
    </div>
</section>

@endsection
@push('custom-scripts')
<script>
 let languageTypeRoute = '{{ route("blog") }}';
</script>
@endpush