{% extends 'base.html.twig' %}
{% block title %}Historique — RepTrack{% endblock %}
{% block body %}
<div class="page-title">HISTORIQUE</div>
<div class="page-sub">Toutes tes séances</div>

{% if sessions|length == 0 %}
  <div class="card" style="text-align:center;padding:32px;color:var(--text-muted)">Aucune séance.</div>
{% endif %}

{% set current_month = "" %}
{% for session in sessions %}
  {% set month = session.startedAt|date('F Y') %}
  {% if month != current_month %}
    {% set current_month = month %}
    <div class="section-label">{{ month|upper }}</div>
  {% endif %}
  <a href="{{ path('app_session_show', {id: session.id}) }}" style="text-decoration:none">
    <div class="card row-between">
      <div style="min-width:0">
        <div style="font-weight:500">{{ session.day.label }}</div>
        <div style="font-size:12px;color:var(--text-muted)">
          {{ session.startedAt|date('d/m/Y à H:i') }}
          {% if session.durationLabel %} · {{ session.durationLabel }}{% endif %}
        </div>
        <div style="font-size:11px;color:var(--text-dim)">{{ session.program.label }}</div>
      </div>
      <div style="flex-shrink:0;margin-left:8px">
        {% if session.isFinished %}
          <span class="badge badge-active">{{ session.completedSeriesCount }} ✓</span>
        {% else %}
          <span class="badge badge-muted">EN COURS</span>
        {% endif %}
      </div>
    </div>
  </a>
{% endfor %}
{% endblock %}