{# @var field \EasyCorp\Bundle\EasyAdminBundle\Dto\FieldDto #}
{% set projets = field.value %}
{% set total = projets|length %}

<div class="projets-panneau">
    <div class="projets-entete">
        <span class="panneau-titre">Projets</span>
        <span class="projets-compte">{{ total }} projet{{ total > 1 ? 's' : '' }}</span>
        {# unset('entityId') est indispensable : AdminUrlGenerator s'amorce sur
           la requête courante, donc il porte déjà l'id du client affiché. Sans
           ce nettoyage, EasyAdmin chercherait un Projet ayant l'id du client. #}
        <a class="projets-ajouter" href="{{ ea_url()
            .setController('App\\Controller\\Admin\\ProjetCrudController')
            .setAction('new')
            .unset('entityId') }}">+ Ajouter</a>
    </div>

    {% if total == 0 %}
        <p class="projets-vide">Aucun projet rattaché à ce client.</p>
    {% else %}
        <ul class="projets-liste">
            {% for projet in projets %}
                <li class="projet-ligne">
                    <a class="projet-nom" href="{{ ea_url()
                        .setController('App\\Controller\\Admin\\ProjetCrudController')
                        .setAction('detail')
                        .setEntityId(projet.id) }}">{{ projet.nom }}</a>

                    <div class="projet-meta">
                        <span class="projet-statut projet-statut--{{ projet.statut.value }}">{{ projet.statut.label }}</span>
                        {% if projet.montant %}
                            <span class="projet-montant">{{ projet.montant|number_format(2, ',', ' ') }} €</span>
                        {% endif %}
                    </div>

                    {% if projet.dateDebut %}
                        <div class="projet-date">Début {{ projet.dateDebut|date('d/m/Y') }}</div>
                    {% endif %}
                </li>
            {% endfor %}
        </ul>

        <p class="projets-note">
            Tant qu'un projet est rattaché, ce client ne peut pas être supprimé.
        </p>
    {% endif %}
</div>