{# Card produit réutilisable
   Variables : product (Product), site (Site), displayHT (bool, optionnel) #}
{% set displayHT = displayHT|default(false) %}

<a href="{{ path('app_product_show', { slug: product.slug }) }}" class="product-card">
    <div class="product-card__img">
        {% set cardMedia = product.image ?? (product.galleryImages|length > 0 ? product.galleryImages|first.media : null) %}
        {% if cardMedia %}
            <img src="{{ asset('documents/medias/' ~ cardMedia.fileName) }}"
                 alt="{{ product.title }}"
                 loading="lazy">
        {% else %}
            <div class="product-card__img-placeholder">
                <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/></svg>
            </div>
        {% endif %}

        {# Badges #}
        {% if product.onSale %}
            <span class="product-card__badge product-card__badge--promo">Promo</span>
        {% endif %}
        {% if product.availability.value == 'unavailable' %}
            <span class="product-card__badge product-card__badge--unavailable">Indisponible</span>
        {% elseif product.availability.value == 'on_request' %}
            <span class="product-card__badge product-card__badge--request">Sur devis</span>
        {% endif %}
    </div>

    <div class="product-card__body">
        {% if product.category %}
            <span class="product-card__category">{{ product.category.name }}</span>
        {% endif %}

        <h3 class="product-card__title">{{ product.title }}</h3>

        {% if product.shortDescription %}
            <p class="product-card__excerpt">{{ product.shortDescription|length > 100 ? product.shortDescription|slice(0, 100) ~ '…' : product.shortDescription }}</p>
        {% endif %}

        <div class="product-card__footer">
            {% if product.priceHT is not null %}
                <div class="product-card__price">
                    {% if product.onSale %}
                        <span class="product-card__price-old">
                            {{ displayHT ? product.oldPriceHT|number_format(2, ',', ' ') : product.oldPriceTTC|number_format(2, ',', ' ') }} €
                        </span>
                    {% endif %}
                    <span class="product-card__price-current">
                        {{ displayHT ? product.priceHT|number_format(2, ',', ' ') : product.priceTTC|number_format(2, ',', ' ') }} €
                        <small>{{ displayHT ? 'HT' : 'TTC' }}</small>
                    </span>
                </div>
            {% else %}
                <span class="product-card__price-request">Sur devis</span>
            {% endif %}
        </div>
    </div>
</a>