@extends('layouts.app') @section('title','Shop | Threeways Sports Pub') @section('content')<div class="mx-auto grid max-w-7xl gap-8 px-5 py-12 md:grid-cols-[230px_1fr]"><aside class="rounded-xl bg-white p-5 shadow-premium"><h1 class="font-display text-lg text-violet">FILTERS</h1><form class="mt-4"><input name="search" value="{{request('search')}}" placeholder="Search products..." class="w-full rounded border p-2 text-xs"><p class="mt-6 text-xs font-bold">CATEGORIES</p><div class="mt-3 grid gap-2 text-xs text-slate-600">@foreach(\App\Models\Category::where('is_active',true)->get() as $cat)<a href="{{route('shop',['category'=>$cat->slug])}}">{{$cat->name}} →</a>@endforeach</div><p class="mt-6 text-xs font-bold">PRICE RANGE</p><input type="range" class="mt-3 w-full accent-brand"><button class="mt-5 w-full rounded bg-brand py-2 text-xs font-bold text-white">APPLY FILTERS</button></form></aside><section><div class="flex items-center justify-between"><div><h1 class="font-display text-3xl">SHOP</h1><p class="text-xs text-slate-500">Showing {{$products->count()}} of {{$products->total()}} products</p></div><select class="rounded border p-2 text-xs"><option>Sort by: Popular</option></select></div><div class="mt-6 grid grid-cols-2 gap-4 lg:grid-cols-3">@forelse($products as $product)<x-product-card :product="$product" />@empty<p>No products found.</p>@endforelse</div><div class="mt-8">{{$products->links()}}</div></section></div>@endsection