{#
 # ============================================================================
 # ORGANISM: ENTITY CARD
 # ============================================================================
 #
 # Coque de carte des bibliothèques d'outils : liseré d'accent au survol, corps,
 # pied daté, emplacement du menu contextuel.
 #
 # Le markup était dupliqué à l'identique entre la carte Moodia et la carte
 # Scormia ; ce composant en est l'extraction. Chaque outil ne fournit plus que
 # son contenu, via les blocs.
 #
 # ============================================================================
 # PARAMÈTRES
 # ============================================================================
 #
 # | Paramètre | Type   | Défaut   | Description                                 |
 # |-----------|--------|----------|---------------------------------------------|
 # | href      | string | (requis) | Cible de la carte                           |
 # | accent    | string | null     | Couleur hex du liseré révélé au survol. Exposée en variable CSS `--acc` sur le conteneur : le consommateur peut la réutiliser dans son propre bloc `body` (ex. pour la couleur du titre), le composant ne pilote que le liseré |
 # | attr      | object | {}       | Attributs data du conteneur                 |
 # | class     | string | ''       | Classes additionnelles du conteneur         |
 #
 # ============================================================================
 # BLOCS
 # ============================================================================
 #
 # | Bloc        | Description                                    |
 # |-------------|------------------------------------------------|
 # | badge       | Pastille de type, en haut du corps             |
 # | body        | Titre et métadonnées                           |
 # | footerLeft  | Pied, à gauche (date en général)               |
 # | footerRight | Pied, à droite (tokens, énergie)               |
 # | menu        | Menu contextuel, positionné en absolu          |
 #
 # ============================================================================
 # EXEMPLES D'UTILISATION
 # ============================================================================
 #
 # {% embed '_organisms/entity-card/entity-card.html.twig' with {
 #     href: path('app_slidia_editor', {uuid: presentation.uuid}),
 #     accent: '#F59E0B',
 #     attr: { 'data-presentation-id': presentation.id }
 # } only %}
 #     {% block body %}<h3>…</h3>{% endblock %}
 # {% endembed %}
 #
 # ============================================================================
 #}

{% set accent = accent ?? null %}
{% set attr = attr ?? {} %}
{% set class = class ?? '' %}

<div class="relative h-full {{ class }}"
     {% if accent %}style="--acc: {{ accent }};"{% endif %}
     {% for key, val in attr %}{{ key }}="{{ val }}" {% endfor %}>
    <a href="{{ href }}"
       class="group relative flex flex-col h-full bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden min-h-[320px] transition-all duration-300 ease-out hover:shadow-lg hover:shadow-gray-200/50 hover:-translate-y-1 hover:border-gray-200">

        {# Liseré d'accent, révélé au survol. #}
        <div class="absolute top-0 left-0 right-0 h-1 scale-x-0 group-hover:scale-x-100 origin-left transition-transform duration-500 ease-out"
             style="background: {{ accent ? 'var(--acc)' : 'var(--color-primary)' }};"></div>

        <div class="flex-grow p-8 pb-6">
            {% block badge %}{% endblock %}
            {% block body %}{% endblock %}
        </div>

        <div class="flex items-center justify-between px-8 py-5 border-t border-gray-100 bg-gray-50/30 mt-auto">
            <span class="text-xs text-gray-400">{% block footerLeft %}{% endblock %}</span>
            <span class="flex items-center gap-4">{% block footerRight %}{% endblock %}</span>
        </div>
    </a>

    {% block menu %}{% endblock %}
</div>