{# @var entity \EasyCorp\Bundle\EasyAdminBundle\Dto\EntityDto #}
{% set projet = entity.instance %}
{% set saisies = projet.saisiesTemps %}
{% set chrono = projet.chronoEnCours %}

<div class="tp-panneau">
    <div class="projets-entete">
        <span class="panneau-titre">Temps passé</span>
        <span class="projets-compte">{{ saisies|length }} saisie{{ saisies|length > 1 ? 's' : '' }}</span>
        <a class="projets-ajouter" href="{{ ea_url()
            .setController('App\\Controller\\Admin\\SaisieTempsCrudController')
            .setAction('new')
            .unset('entityId')
            .set('projet', projet.id) }}">+ Saisir</a>
    </div>

    <div class="tp-total{{ chrono ? ' est-actif' : '' }}">
        {# data-depuis : horodatage du début, le compteur s'anime côté client. #}
        <span class="tp-valeur"
              {% if chrono %}data-depuis="{{ chrono.debut.getTimestamp }}"
                             data-acquis="{{ projet.tempsTotalMinutes - chrono.dureeAffichee }}"{% endif %}>
            {{ projet.tempsTotalLisible }}
        </span>

        {% if chrono %}
            <form method="post" action="{{ ea_url()
                .setController('App\\Controller\\Admin\\SaisieTempsCrudController')
                .setAction('arreterChrono')
                .unset('entityId') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('temps_chrono_arret') }}">
                <button type="submit" class="tp-bouton tp-arret">■ Arrêter</button>
            </form>
        {% else %}
            <form method="post" action="{{ ea_url()
                .setController('App\\Controller\\Admin\\SaisieTempsCrudController')
                .setAction('demarrerChrono')
                .unset('entityId') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('temps_chrono' ~ projet.id) }}">
                <input type="hidden" name="projet" value="{{ projet.id }}">
                <button type="submit" class="tp-bouton tp-marche">▶ Démarrer</button>
            </form>
        {% endif %}
    </div>

    {% if saisies is empty %}
        <p class="projets-vide">Aucun temps enregistré.</p>
    {% else %}
        <ul class="projets-liste">
            {% for saisie in saisies %}
                <li class="projet-ligne{{ saisie.estEnCours ? ' est-en-cours' : '' }}">
                    <a class="projet-nom" href="{{ ea_url()
                        .setController('App\\Controller\\Admin\\SaisieTempsCrudController')
                        .setAction('edit')
                        .setEntityId(saisie.id) }}">{{ saisie.commentaire ?: 'Session' }}</a>

                    <div class="projet-meta">
                        <span class="projet-date">{{ saisie.debut|date('d/m/Y H:i') }}</span>
                        <span class="projet-montant">
                            {{ saisie.dureeLisible }}{{ saisie.estEnCours ? ' — en cours' : '' }}
                        </span>
                    </div>
                </li>
            {% endfor %}
        </ul>
    {% endif %}
</div>