{# templates/category/show.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}{{ category.name }} - Marketplace{% endblock %}

{% block body %}
<div class="container mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-6">{{ category.name }}</h1>
    
    {% if products|length > 0 %}
        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
            {% for product in products %}
                {% include 'components/product_card.html.twig' with {product: product} %}
            {% endfor %}
        </div>
    {% else %}
        <div class="text-center py-12">
            <p class="text-gray-500">Aucun produit dans cette catégorie</p>
        </div>
    {% endif %}
</div>
{% endblock %}