{% extends 'base.html.twig' %}
{% block title %}Mes programmes — RepTrack{% endblock %}
{% block body %}

<div class="page-title">MES PROGRAMMES</div>
<div class="page-sub">Gère tes programmes d'entraînement</div>

<a href="{{ path('app_program_new') }}" class="btn btn-primary btn-sm" style="margin-bottom:20px">+ NOUVEAU PROGRAMME</a>

{% if programs|length == 0 %}
  <div class="card" style="text-align:center;padding:32px">
    <div style="color:var(--text-muted)">Aucun programme pour l'instant.</div>
  </div>
{% endif %}

{% for program in programs %}
  <div class="card">
    <div class="row-between" style="margin-bottom:10px">
      <div>
        <div style="font-family:var(--font-display);font-size:20px;letter-spacing:1px">{{ program.label|upper }}</div>
        <div style="font-size:12px;color:var(--text-muted);margin-top:2px">
          Créé le {{ program.createdAt|date('d/m/Y') }} · {{ program.days|length }} jour(s)
        </div>
      </div>
      {% if program.isActive %}
        <span class="badge badge-active">ACTIF</span>
      {% else %}
        <span class="badge badge-muted">INACTIF</span>
      {% endif %}
    </div>

    {% if program.days|length > 0 %}
      <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px">
        {% for day in program.days %}
          {% if program.isActive %}
            <a href="{{ path('app_session_start', {dayId: day.id}) }}" class="btn btn-primary btn-sm">{{ day.label|upper }}</a>
          {% else %}
            <span class="badge badge-muted" style="padding:6px 14px;font-size:12px">{{ day.label }}</span>
          {% endif %}
        {% endfor %}
      </div>
    {% endif %}

    <div style="display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px">
      <a href="{{ path('app_program_edit', {id: program.id}) }}" class="btn btn-secondary btn-sm">Modifier</a>
      {% if not program.isActive %}
        <form method="post" action="{{ path('app_program_activate', {id: program.id}) }}" style="display:inline">
          <input type="hidden" name="_token" value="{{ csrf_token('activate'~program.id) }}"/>
          <button type="submit" class="btn btn-primary btn-sm">Activer</button>
        </form>
      {% endif %}
      <form method="post" action="{{ path('app_program_delete', {id: program.id}) }}" style="display:inline"
            onsubmit="return confirm('Supprimer ce programme ?')">
        <input type="hidden" name="_token" value="{{ csrf_token('delete'~program.id) }}"/>
        <button type="submit" class="btn btn-danger btn-sm">Supprimer</button>
      </form>
    </div>
  </div>
{% endfor %}
{% endblock %}