@extends('layouts.app') @section('title','Search Products') @section('content')<div class="mx-auto max-w-7xl px-4 py-10"><h1 class="text-3xl font-black">Search Results{{ $q?' for: '.$q:'' }}</h1><div class="mt-8 grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-5">@forelse($products as $p)<x-product-card :product="$p"/>@empty<p class="col-span-full text-slate-500">No products found.</p>@endforelse</div><div class="mt-8">{{ $products->links() }}</div></div>@endsection