{# @var field \EasyCorp\Bundle\EasyAdminBundle\Dto\FieldDto #}
{# @var entity \EasyCorp\Bundle\EasyAdminBundle\Dto\EntityDto #}
{% set lead = entity.instance %}
{% set aFaire = lead.activitesAFaire %}
{% set faites = lead.activitesFaites %}
{% set total = aFaire|length + faites|length %}

{# Le marqueur suit l'utilisateur : venu du pipeline il y retourne, sinon il
   revient sur cette fiche. Sans lui, EasyAdmin renvoie sur la liste. #}
{% set retour = app.request.query.get('retour') == 'pipeline' ? 'pipeline' : 'fiche-' ~ lead.id %}

{# .generateUrl() n'est pas décoratif : ea_url() renvoie un service PARTAGÉ que
   chaque conversion en chaîne remet à zéro. Une URL gardée en variable sans
   être générée tout de suite serait écrasée par la construction suivante. #}
{% set urlNouvelle = ea_url()
    .setController('App\\Controller\\Admin\\ActiviteCrudController')
    .setAction('new')
    .unset('entityId')
    .set('lead', lead.id)
    .set('retour', retour)
    .generateUrl() %}

{% set urlBasculer = ea_url()
    .setController('App\\Controller\\Admin\\ActiviteCrudController')
    .setAction('basculerFaite')
    .unset('entityId')
    .unset('retour')
    .generateUrl() %}

{% set urlSupprimer = ea_url()
    .setController('App\\Controller\\Admin\\ActiviteCrudController')
    .setAction('supprimerDepuisFiche')
    .unset('entityId')
    .unset('retour')
    .generateUrl() %}

<div class="act-panneau"
     data-url-basculer="{{ urlBasculer }}"
     data-url-supprimer="{{ urlSupprimer }}"
     data-token="{{ csrf_token('activite_basculer') }}"
     data-token-supprimer="{{ csrf_token('activite_supprimer') }}">
    <div class="projets-entete">
        <span class="panneau-titre">Activités</span>
        <span class="projets-compte">{{ total }} activité{{ total > 1 ? 's' : '' }}</span>
        <a class="projets-ajouter" href="{{ urlNouvelle }}">+ Ajouter</a>
    </div>

    {% if total == 0 %}
        <p class="projets-vide">Aucune activité enregistrée.</p>
    {% endif %}

    {# Deux groupes, une seule forme de carte. L'état pilote la couleur parce
       que c'est lui qui dit quoi faire ensuite ; le type reste lisible sur sa
       pastille et son libellé. #}
    {% for groupe in [
        { cle: 'a-faire', titre: 'À faire', activites: aFaire },
        { cle: 'faites',  titre: 'Fait',    activites: faites },
    ] %}
        {% if groupe.activites is not empty %}
            <div class="act-groupe act-groupe--{{ groupe.cle }}">
                <span class="act-groupe-titre">{{ groupe.titre }}</span>

                {% for activite in groupe.activites %}
                    {% set enRetard = activite.estEnRetard %}
                    <div class="act-carte{{ activite.faite ? ' est-faite' : '' }}{{ enRetard ? ' est-en-retard' : '' }}"
                         data-activite="{{ activite.id }}">
                        <label class="act-case" title="{{ activite.faite ? 'Marquer comme à faire' : 'Marquer comme réalisée' }}">
                            <input type="checkbox"
                                   class="act-case-input"
                                   {{ activite.faite ? 'checked' : '' }}>
                            <span class="act-case-visuel" aria-hidden="true"></span>
                            <span class="visually-hidden">Réalisée</span>
                        </label>

                        <div class="act-carte-corps">
                            <div class="act-carte-entete">
                                <span class="act-puce" style="background: {{ activite.type.couleur }}"></span>
                                <strong class="act-type">{{ activite.type.label }}</strong>
                                <span class="act-date">
                                    {{ activite.date|date('d/m/Y') }}{% if enRetard %} — en retard{% endif %}
                                </span>
                            </div>

                            {% if activite.compteRendu %}
                                <p class="act-texte">{{ activite.compteRendu|nl2br }}</p>
                            {% endif %}
                        </div>

                        <div class="act-actions">
                            <a class="act-lien" href="{{ ea_url()
                                .setController('App\\Controller\\Admin\\ActiviteCrudController')
                                .setAction('edit')
                                .setEntityId(activite.id)
                                .set('retour', retour)
                                .generateUrl() }}">Modifier</a>

                            {# Le libellé de l'activité voyage avec le bouton :
                               la demande de confirmation doit nommer ce qu'elle
                               s'apprête à supprimer. #}
                            <button type="button"
                                    class="act-supprimer"
                                    data-libelle="{{ activite.type.label }} du {{ activite.date|date('d/m/Y') }}">
                                Supprimer
                            </button>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% endif %}
    {% endfor %}
</div>