📄 show.blade.php

<x-app-layout>
    <x-slot name="title">{{ $category->name }}</x-slot>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <div class="mb-6">
            <h1 class="section-title">{{ $category->name }}</h1>
            @if($category->description)
                <p class="text-gray-500">{{ $category->description }}</p>
            @endif
            <p class="text-sm text-gray-500 mt-1">{{ number_format($products->total()) }} products found</p>
        </div>

        <div class="flex flex-col lg:flex-row gap-6">

            @include('partials.shop-filter-sidebar', [
                'categories' => $categories,
                'therapeuticCategories' => $therapeuticCategories,
            ])

            <div class="flex-1 min-w-0">
                @if($products->count())
                    <div class="grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-4 gap-4">
                        @foreach($products as $product)
                            @include('components.product-card', ['product' => $product])
                        @endforeach
                    </div>
                    <div class="mt-8">{{ $products->links() }}</div>
                @else
                    <div class="card card-body text-center py-16 text-gray-400">No products match these filters.</div>
                @endif
            </div>
        </div>
    </div>
</x-app-layout>