@extends('layouts.frontend')

@section('title', $category->name)

@section('content')
<div class="container py-5">
  <div class="row mb-4">
    <div class="col-md-12">
      @php
        $categoryImage = \App\Helpers\ImageHelper::getCategoryImage($category);
      @endphp
      @if($category->image || $category->products()->where('is_active', true)->whereHas('images')->exists())
        <img src="{{ $categoryImage }}" alt="{{ $category->name }}" class="img-fluid mb-3" style="max-height: 400px; object-fit: cover; width: 100%;">
      @endif
      <h1 class="text-uppercase">{{ $category->name }}</h1>
      @if($category->description)
        <p>{{ $category->description }}</p>
      @endif
    </div>
  </div>
  
  @if($products->count() > 0)
    <div class="row">
      @foreach($products as $product)
        <div class="col-md-3 mb-4">
          @include('frontend.components.product-card', ['product' => $product])
        </div>
      @endforeach
    </div>
    <div class="mt-4">
      {{ $products->links() }}
    </div>
  @else
    <div class="text-center py-5">
      <p class="fs-4">No products found in this category at Rathore Collection</p>
      <p class="text-muted mb-3">Explore our complete range of stitched and unstitched garments for men, women, and children.</p>
      <a href="{{ route('products.index') }}" class="btn btn-primary">Browse All Products</a>
    </div>
  @endif
</div>
@endsection