@php
    $hasProducts = $categories->filter(fn($cat) => $cat->products->isNotEmpty())->isNotEmpty();
@endphp

@if ($hasProducts)
    @foreach ($categories as $category)
        @if ($category->products->isNotEmpty())
            <div class="row align-items-center">
                <div class="col-md-12" data-aos="fade-up">
                    <h2 class="heading1">{{ ucfirst($category->name) }}</h2>
                </div>

                @foreach ($category->products as $product)
                    <div class="col-md-4" data-aos="fade-up">
                        <a href="{{ route('product-detail', $product->id) }}" class="shopwrap">
                            <figure>
                                <img src="{{ $product->getFirstMediaUrl('product_img') }}" class="img-fluid" alt="{{ $product->product_alt ?? $product->name }}">
                            </figure>
                            <h3>{{ $product->name }}</h3>
                            <h5>${{ number_format($product->price, 2) }}</h5>
                        </a>
                    </div>
                @endforeach
            </div>
        @endif
    @endforeach
@else
    <div class="col-md-12">
        <p>No products found based on selected filters.</p>
    </div>
@endif