@extends('web_site.layouts.master')

@section('content')

    <section class="breadcumb-wrapper" data-bg-src="{{ asset('assets_web/img/breadcurmb1.webp') }}">
        <div class="container">
            <h1 class="breadcumb-title">{{ trans('site.nav.blog') }}</h1>
        </div>
    </section>

    <section class="vs-blog-wrapper space-top space-md-bottom">
        <div class="container">
            @if ($category)
                <div class="d-flex flex-wrap align-items-center gap-3 mb-4">
                    <span class="h5 mb-0"><i class="fal fa-folder text-theme1 me-2"></i>{{ trans('site.blog.category_filter', ['category' => $category->name]) }}</span>
                    <a href="{{ route('blog.index') }}" class="link-btn">{{ trans('site.blog.all_posts') }}</a>
                </div>
            @endif
            @if ($blogs->isEmpty())
                <p class="text-center">{{ trans('site.common.no_records') }}</p>
            @else
                <div class="row">
                    @foreach ($blogs as $blog)
                        <div class="col-md-4 mb-4">
                            @include('web_site.partials.blog-card', ['blog' => $blog])
                        </div>
                    @endforeach
                </div>

                <div class="mt-4">{{ $blogs->links() }}</div>
            @endif
        </div>
    </section>

@endsection