@extends('layouts.public')
@section('content')
@php($categoryImage = $category->image_url ?: '/assets/images/products/chart-collection.svg')
<main class="inner-page"><section class="inner-hero with-image"><div><span class="section-badge">Category</span><h1>{{ $category->name }}</h1><p>{{ $category->description }}</p></div><div class="inner-hero-single"><img src="{{ $categoryImage }}" alt="{{ $category->name }}" loading="lazy"></div></section>
@if($children->count())<section class="inner-section compact"><h2>Sub Categories</h2><div class="pill-grid refined-pills">@foreach($children as $child)<a href="{{ route('category.show', $child->slug) }}">{{ $child->name }}</a>@endforeach</div></section>@endif
<section class="inner-section"><div class="section-header"><div><span class="section-badge">Products</span><h2>Products in {{ $category->name }}</h2></div></div><div class="product-grid refined-product-grid">@foreach($products as $product) @include('partials.product-card', ['product' => $product]) @endforeach</div></section></main>
@endsection