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

<div class="coffre-panneau">
    <div class="projets-entete">
        <span class="panneau-titre">Coffre-fort</span>
        <span class="projets-compte">{{ total }} accès</span>
        {# unset('entityId') : le générateur porte encore l'id du client affiché. #}
        <a class="projets-ajouter" href="{{ ea_url()
            .setController('App\\Controller\\Admin\\MotDePasseCrudController')
            .setAction('new')
            .unset('entityId') }}">+ Ajouter</a>
    </div>

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

                    {% if motDePasse.url %}
                        <a class="coffre-url" href="{{ motDePasse.url }}" target="_blank" rel="noopener noreferrer">{{ motDePasse.url }}</a>
                    {% endif %}

                    {% if motDePasse.identifiant %}
                        <span class="coffre-identifiant">{{ motDePasse.identifiant }}</span>
                    {% endif %}

                    {{ include('admin/field/_valeur_mot_de_passe.html.twig', {valeur: motDePasse.motDePasseClair}, with_context: false) }}
                </li>
            {% endfor %}
        </ul>
    {% endif %}
</div>