📄 index.blade.php

<x-app-layout>
    <x-slot name="title">Search: {{ request('q') }}</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">{{ request('q') ? 'Results for "' . request('q') . '"' : 'All Medicines' }}</h1>
            <p class="section-subtitle">{{ $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->withQueryString()->links() }}</div>
                @else
                    <div class="card card-body text-center py-16">
                        <p class="text-gray-400 text-lg">No products match your search.</p>
                        <a href="{{ route('products.index') }}" class="btn-primary mt-4">Browse All Products</a>
                    </div>
                @endif
            </div>
        </div>
    </div>
</x-app-layout>