{% extends 'base.html.twig' %}
{% block title %}Revue du personnel{% endblock %}
{% block body %}

<div class="page-header no-print">
    <div>
        <h1 style="margin:0">Revue du personnel</h1>
        <p style="color:var(--muted);font-size:.9rem;margin:2px 0 0">Tous les représentants et leur rôle.</p>
    </div>
    <button type="button" class="btn" onclick="window.print()">🖨️ Exporter en PDF</button>
</div>

{# En-tête visible uniquement à l'impression / PDF #}
<div class="print-only" style="margin-bottom:12px">
    <h1 style="margin:0">Revue du personnel — Représentants</h1>
    <p style="color:#555;margin:2px 0 0">Généré le {{ generateAt|date('d/m/Y à H:i') }} — {{ rows|length }} représentant(s)</p>
</div>

<div class="card" style="overflow-x:auto;padding:0">
    <table class="revue-table">
        <thead>
            <tr>
                <th>Représentant</th>
                <th>Rattachement</th>
                <th>Naissance</th>
                <th>Établissements couverts</th>
                <th>Rôle</th>
                <th>Accès</th>
                <th>Compétences</th>
            </tr>
        </thead>
        <tbody>
        {% for r in rows %}
            <tr>
                <td>
                    <div class="person">
                        <span class="avatar">{{ (r.nom|first ~ (r.prenom ? r.prenom|first : ''))|upper }}</span>
                        <div class="person-txt">
                            <div class="person-name">{{ r.nom|upper }} {{ r.prenom }}</div>
                            <div class="person-sub">{{ r.email ?: '—' }}</div>
                            {% if r.entite %}<div class="person-sub">{{ r.entite }}</div>{% endif %}
                        </div>
                    </div>
                </td>
                <td>
                    {% if r.site %}
                        <div class="person-name">{{ r.site }}</div>
                        <div class="person-sub">{{ r.ville ?: '—' }}{% if r.departement %} · {{ r.departement }}{% endif %}</div>
                    {% else %}<span style="color:var(--muted)">—</span>{% endif %}
                </td>
                <td style="white-space:nowrap">{{ r.naissance ? r.naissance|date('d/m/Y') : '—' }}</td>
                <td>
                    {% if r.etablissements is not empty %}
                        {% for e in r.etablissements %}<span class="chip">{{ e }}</span>{% endfor %}
                    {% else %}<span style="color:var(--muted)">—</span>{% endif %}
                </td>
                <td style="white-space:nowrap">
                    {% for q in r.role %}
                        {% set cls = q == 'SDD' ? 'tagb-sdd' : (q == 'DSCO' ? 'tagb-dsco' : 'tagb-mandat') %}
                        <span class="tagb {{ cls }}">{{ q }}</span>
                    {% endfor %}
                </td>
                <td style="white-space:nowrap">
                    {% set acls = r.acces == 'Administrateur' ? 'tagb-admin' : (r.acces == 'Refusé' ? 'tagb-refuse' : 'tagb-standard') %}
                    <span class="tagb {{ acls }}">{{ r.acces }}</span>
                </td>
                <td>
                    {% if r.competences is not empty %}
                        {% for c in r.competences %}<span class="chip chip-skill">{{ c.label }} · <strong>{{ c.level }}</strong></span>{% endfor %}
                    {% else %}<span style="color:var(--muted)">—</span>{% endif %}
                </td>
            </tr>
        {% else %}
            <tr><td colspan="7" style="text-align:center;padding:24px;color:var(--muted)">Aucun représentant.</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}