
    <div class="row gy-4">
        @foreach ($categories as $category)
            <div class="col-lg-4 col-sm-6">
                <a href="{{ route('products', ['category' => $category->slug]) }}" class="popular-category-item">
                    <div class="popular-category-item__title">
                        <h5> {{ __($category->name) }} </h5> <span data-bs-toggle="tooltip"
                            title="@lang('Total Items')">[{{ $category->products_count }}]</span>
                    </div>
                    <div class="popular-category-item__content">
                        <div class="popular-category-item__thumb">
                            <img src="{{ getImage(getFilePath('category') . '/' . $category->image_3, getFileSize('category')) }}"
                                alt="{{ __($category->name) }}" />
                        </div>
                        <div class="popular-category-item__thumb">
                            <img src="{{ getImage(getFilePath('category') . '/' . $category->image_2, getFileSize('category')) }}"
                                alt="{{ __($category->name) }}" />
                        </div>
                        <div class="popular-category-item__thumb">
                            <img src="{{ getImage(getFilePath('category') . '/' . $category->image, getFileSize('category')) }}"
                                alt="{{ __($category->name) }}" />
                        </div>
                    </div>
                </a>
            </div>
        @endforeach
    </div>