@extends($activeTemplate . 'layouts.frontend')
@section('content')
    <section class="blog-section pt-120 pb-120">
        <div class="container">
            <div class="row justify-content-center gy-4">
                @foreach ($blogs as $blog)
                    <div class="col-lg-4 col-md-6 col-sm-10">
                        <div class="post__item h-100">
                            <div class="post__thumb">
                                <a href="{{ route('blog.details', @$blog->slug) }}">
                                    <img src="{{ frontendImage('blog', 'thumb_' . $blog->data_values->image, '430x210') }}">
                                </a>
                            </div>
                            <div class="post__content">
                                <h6 class="post__title">
                                    <a href="{{ route('blog.details', @$blog->slug) }}">
                                        {{ __(@$blog->data_values->title) }}
                                    </a>
                                </h6>
                                <div class="meta__date">
                                    <div class="meta__item">
                                        <i class="las la-calendar"></i>
                                        {{ showDateTime($blog->created_at, 'd M Y') }}
                                    </div>
                                </div>
                                <div class="blog-short-desc">
                                    <a href="{{ route('blog.details', @$blog->slug) }}">
                                        {{ strLimit(strip_tags(@$blog->data_values->description), 120) }}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="mt-4">
                {{ paginateLinks($blogs) }}
            </div>
        </div>
    </section>

    @if (@$sections->secs != null)
        @foreach (json_decode($sections->secs) as $sec)
            @include($activeTemplate . 'sections.' . $sec)
        @endforeach
    @endif
@endsection

@push('style')
    <style>
        .pagination {
            justify-content: center;
        }
    </style>
@endpush