{% extends 'base.html.twig' %}
{% block title %}Séance — RepTrack{% endblock %}
{% block body %}
<div class="page-title">{{ session.day.label|upper }}</div>
<div class="page-sub">
  {{ session.startedAt|date('d/m/Y à H:i') }}
  {% if session.durationLabel %} · Durée {{ session.durationLabel }}{% endif %}
  <br>{{ session.program.label }}
</div>

<div class="card">
  <div style="display:flex;gap:24px">
    <div style="text-align:center">
      <div style="font-family:var(--font-display);font-size:36px;color:var(--accent)">{{ session.completedSeriesCount }}</div>
      <div style="font-size:11px;color:var(--text-muted)">SÉRIES</div>
    </div>
    {% if session.durationLabel %}
    <div style="text-align:center">
      <div style="font-family:var(--font-display);font-size:36px;color:var(--accent)">{{ session.durationLabel }}</div>
      <div style="font-size:11px;color:var(--text-muted)">DURÉE</div>
    </div>
    {% endif %}
  </div>
</div>

{% set checkedSerieIds = [] %}
{% for log in session.setLogs %}
  {% set checkedSerieIds = checkedSerieIds|merge([log.serie.id]) %}
{% endfor %}

{% for exercise in session.day.exercises %}
  <div class="card">
    <div style="font-weight:500;margin-bottom:8px">{{ exercise.name }}</div>
    {% for serie in exercise.series %}
      <div style="display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)">
        <div style="width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;
          {% if serie.id in checkedSerieIds %}background:var(--accent){% else %}border:1.5px solid var(--border){% endif %}">
          {% if serie.id in checkedSerieIds %}
            <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
              <polyline points="2,6 5,9 10,3" stroke="#0f0f0f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          {% endif %}
        </div>
        <span style="font-size:13px;{% if serie.id in checkedSerieIds %}color:var(--text-dim);text-decoration:line-through{% endif %}">
          Série {{ serie.number }} · {{ serie.reps }}
        </span>
      </div>
    {% endfor %}
  </div>
{% endfor %}

<a href="{{ path('app_session_history') }}" class="btn btn-secondary">← Retour historique</a>
{% endblock %}