@php
    $categories = getBlogCategoriesWithTranslations(['media'], ['contents'], 4);
@endphp

@if (count($categories) > 0)
    <section class="categories-section padding">
        <div class="container">
            <div class="row">
                @foreach ($categories as $category)
                    <div class="col-lg-3 col-md-6">
                        <div class="categorie-item">
                            <div class="categorie-thumb">
                                <a href="{{ route('blogs', ['category_id' => $category?->id]) }}">
                                    <img src="{{ getTaxonomyMediaWithFallback($category, 'featured') ?: asset('backend/assets/img/blog/default-category.jpg') }}"
                                        alt="{{ $category->name }}">
                                </a>
                            </div>
                            <div class="categorie-content">
                                <span>
                                    {{ $category->contents_count }}
                                    {{ $category->contents_count > 1 ? __('frontend::translate.Posts') : __('frontend::translate.Post') }}
                                </span>
                                <h3 class="categorie-title">
                                    <a
                                        href="{{ route('blogs', ['category_id' => $category?->id]) }}">{{ $category->name ?? '' }}</a>
                                </h3>
                                <a class="default-btn categorie-btn"
                                    href="{{ route('blogs', ['category_id' => $category?->id]) }}">
                                    {{ __('frontend::translate.See All Post') }}
                                </a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!-- ./ categories-section -->
@endif