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

{% block title %}{{ vendor.storeName }} - Marketplace{% endblock %}

{% block body %}
<div class="container mx-auto px-4 py-8">
    <div class="bg-white rounded-lg shadow p-6 mb-8">
        <div class="flex items-center space-x-4">
            <div class="w-24 h-24 rounded-full bg-primary-100 flex items-center justify-center">
                <i class="fas fa-store text-3xl text-primary-600"></i>
            </div>
            <div>
                <h1 class="text-3xl font-bold">{{ vendor.storeName }}</h1>
                <p class="text-gray-600 mt-1">{{ vendor.description }}</p>
                <div class="flex space-x-4 mt-2">
                    <span class="text-sm text-gray-500">
                        <i class="fas fa-box"></i> {{ stats.total }} produits
                    </span>
                    <span class="text-sm text-gray-500">
                        <i class="fas fa-star text-yellow-400"></i> 4.5/5
                    </span>
                </div>
            </div>
        </div>
    </div>
    
    <h2 class="text-2xl font-bold mb-6">Produits de la boutique</h2>
    
    <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} %}
        {% else %}
            <div class="col-span-full text-center py-12">
                <p class="text-gray-500">Aucun produit disponible</p>
            </div>
        {% endfor %}
    </div>
</div>
{% endblock %}