{% extends 'base.html.twig' %}
{% block title %}Admin — RepTrack{% endblock %}
{% block body %}
<div class="page-title">ADMINISTRATION</div>
<div class="page-sub">Vue d'ensemble</div>

<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px">
  <div class="card" style="text-align:center;padding:20px 16px">
    <div style="font-family:var(--font-display);font-size:48px;color:var(--accent)">{{ total_users }}</div>
    <div style="font-size:11px;color:var(--text-muted);letter-spacing:1px">UTILISATEURS</div>
  </div>
  <div class="card" style="text-align:center;padding:20px 16px">
    <div style="font-family:var(--font-display);font-size:48px;color:var(--accent)">{{ total_sessions }}</div>
    <div style="font-size:11px;color:var(--text-muted);letter-spacing:1px">SÉANCES</div>
  </div>
</div>

<div class="section-label">PARAMÈTRES</div>
<div class="card">
  <div class="row-between">
    <div>
      <div style="font-weight:500">Inscriptions</div>
      <div style="font-size:12px;color:var(--text-muted);margin-top:2px">Autoriser les nouveaux comptes</div>
    </div>
    <div class="row" style="gap:10px">
      <span class="badge {% if registration_enabled %}badge-active{% else %}badge-muted{% endif %}">
        {{ registration_enabled ? 'OUVERTES' : 'FERMÉES' }}
      </span>
      <form method="post" action="{{ path('app_admin_registration_toggle') }}"
            onsubmit="return confirm(registration_enabled ? 'Désactiver ?' : 'Activer ?')">
        <input type="hidden" name="_token" value="{{ csrf_token('registration_toggle') }}"/>
        <button type="submit" class="btn {% if registration_enabled %}btn-danger{% else %}btn-primary{% endif %} btn-sm">
          {{ registration_enabled ? 'Désactiver' : 'Activer' }}
        </button>
      </form>
    </div>
  </div>
</div>

<div class="section-label">UTILISATEURS</div>
{% for user in users %}
  <div class="card">
    <div class="row-between">
      <div style="min-width:0">
        <div style="font-weight:500">
          {{ user.firstName }}
          {% if 'ROLE_ADMIN' in user.roles %}<span class="badge badge-active" style="margin-left:6px">ADMIN</span>{% endif %}
        </div>
        <div style="font-size:12px;color:var(--text-muted);
                    white-space:nowrap;overflow:hidden;text-overflow:ellipsis">
          {{ user.email }}
        </div>
        <div style="font-size:11px;color:var(--text-dim)">
          {{ user.createdAt|date('d/m/Y') }} · {{ user.programs|length }} prog.
        </div>
      </div>
      <a href="{{ path('app_admin_user', {id: user.id}) }}" class="btn btn-secondary btn-sm" style="flex-shrink:0;margin-left:8px">Voir</a>
    </div>
  </div>
{% endfor %}

<div class="section-label">SÉANCES RÉCENTES</div>
{% for session in recent_sessions %}
  <div class="card row-between">
    <div>
      <div style="font-size:13px;font-weight:500">{{ session.user.firstName }} — {{ session.day.label }}</div>
      <div style="font-size:11px;color:var(--text-muted)">{{ session.startedAt|date('d/m/Y à H:i') }}</div>
    </div>
    {% if session.isFinished %}
      <span class="badge badge-active" style="flex-shrink:0">✓</span>
    {% else %}
      <span class="badge badge-muted" style="flex-shrink:0">EN COURS</span>
    {% endif %}
  </div>
{% endfor %}
{% endblock %}