@extends('layouts.app')

@section('content')
<div class="container mx-auto">
    <h1 class="text-2xl font-bold">Category: {{ $category->name }}</h1>
    <div class="grid grid-cols-3 gap-4 mt-4">
        @foreach ($category->products as $product)
            <x-product-card :product="$product" />
        @endforeach
    </div>
</div>
@endsection