@extends('Template::layouts.frontend')
@section('content')
    <section class="blog my-120">
        <div class="container">
            <div class="section-heading">
                <span class="section-heading__tagline" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
                    {{ __($blogContent?->data_values?->title ?? '') }}
                </span>
                <h2 class="section-heading__title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
                    {{ __($blogContent?->data_values?->heading ?? '') }}
                </h2>
                <p class="section-heading__desc" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="200">
                    {{ __($blogContent?->data_values?->subheading ?? '') }}
                </p>
            </div>

            <div class="row justify-content-center gy-4">
                @forelse ($blogs as $element)
                    @include('templates.classic.partials.blog_card', ['element' => $element])
                @empty
                    @include('Template::partials.data_not_found', [
                        'data' => 'No Blog Found',
                    ])
                @endforelse
            </div>
            <div class="pagination-wrapper" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
                {{ $blogs->links() }}
            </div>
        </div>
    </section>

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

@endsection
