{# templates/product/search.html.twig #}
{% extends 'base.html.twig' %}

{% block title %}Recherche - Marketplace{% endblock %}

{% block body %}
<div class="container mx-auto px-4 py-8">
    <h1 class="text-2xl font-bold mb-6">Résultats de recherche : "{{ query }}"</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">
            <i class="fas fa-search text-6xl text-gray-300 mb-4"></i>
            <h2 class="text-2xl font-semibold mb-2">Aucun résultat trouvé</h2>
            <p class="text-gray-500">Essayez avec d'autres mots-clés</p>
        </div>
    {% endif %}
</div>
{% endblock %}