{% extends '@Societe/societe/layout.html.twig' %}
{% block societe_content %}{% set active_count = employees|filter(e => e.statut is not same as(false) and not e.archive)|length %}<header class="societe-page-title"><div><h1>Salariés</h1><p>Gérez les utilisateurs internes, leurs rôles et leurs accès.</p></div><div class="d-flex gap-2"><a class="btn btn-outline-secondary" href="{{ path('societe_settings_security') }}"><i class="ti ti-shield me-1"></i> Rôles</a><a class="btn btn-outline-secondary" href="{{ path('societe_employee_new') }}"><i class="ti ti-mail me-1"></i> Inviter un salarié</a><a class="btn btn-primary" href="{{ path('societe_employee_new') }}"><i class="ti ti-plus me-1"></i> Nouveau salarié</a></div></header><div class="societe-kpis so-five"><article class="card societe-kpi"><span class="so-icon is-blue"><i class="ti ti-users"></i></span><small>Salariés actifs</small><strong>{{ active_count }}</strong></article><article class="card societe-kpi"><span class="so-icon is-violet"><i class="ti ti-user-shield"></i></span><small>Administrateurs</small><strong>{{ employees|filter(e => 'ROLE_COMPANY_ADMIN' in e.roles)|length }}</strong></article><article class="card societe-kpi"><span class="so-icon is-orange"><i class="ti ti-mail"></i></span><small>Invitations en attente</small><strong>{{ employees|filter(e => e.token)|length }}</strong></article><article class="card societe-kpi"><span class="so-icon"><i class="ti ti-user-off"></i></span><small>Inactifs</small><strong>{{ employees|length - active_count }}</strong></article><article class="card societe-kpi"><span class="so-icon is-green"><i class="ti ti-clock"></i></span><small>Société active</small><strong class="fs-5">{{ societe.nom }}</strong></article></div>{% include '@Societe/societe/employee/_filters.html.twig' %}<div class="societe-grid"><section class="card so-section overflow-hidden"><header><h2>Liste des salariés <span class="so-badge">{{ employees|length }}</span></h2></header><div class="table-responsive"><table class="table mb-0"><thead><tr><th>Salarié</th><th>Email</th><th>Fonction</th><th>Rôles</th><th>Statut</th><th></th></tr></thead><tbody>{% for employee in employees %}{% set employee_active = employee.statut is not same as(false) and not employee.archive %}<tr class="{{ employee_active ? '' : 'opacity-50' }}"><td><div class="d-flex align-items-center gap-2"><span class="societe-employee-avatar"><img src="{{ user_avatar_url(employee) }}" alt="Avatar de {{ employee.prenom }} {{ employee.nom }}"></span><div><a class="fw-bold text-dark text-decoration-none" href="{{ path('societe_employee_show',{idtoken:employee.idtoken}) }}">{{ employee.prenom }} {{ employee.nom }}</a><small class="d-block text-muted">ID #{{ employee.id }}</small></div></div></td><td>{{ employee.email }}</td><td>{{ employee.fonction ?: '—' }}</td><td><div class="d-flex flex-wrap gap-1">{% for role in employee.roles|filter(r => r != 'ROLE_USER')|slice(0,2) %}<span class="societe-role">{{ role|replace({'ROLE_':'','_':' '})|title }}</span>{% endfor %}</div></td><td><span class="societe-status {{ employee_active ? 'is-active' : 'is-inactive' }}">{{ employee_active ? 'Actif' : 'Inactif' }}</span></td><td><a class="btn btn-sm btn-light" href="{{ path('societe_employee_show',{idtoken:employee.idtoken}) }}">Voir</a></td></tr>{% else %}<tr><td colspan="6" class="text-center py-5">Aucun salarié.</td></tr>{% endfor %}</tbody></table></div></section><aside class="d-grid gap-3"><section class="card so-section"><header><h2>Règles</h2></header><div class="alert alert-primary">Un salarié désactivé reste dans l'historique et ses données sont conservées.</div><div class="alert alert-light text-black">Le dernier administrateur société est protégé contre la désactivation.</div></section><section class="card so-section"><header><h2>Rôles actifs</h2></header>{% for role in role_choices %}<div class="so-access-row"><span class="societe-role">{{ role|replace({'ROLE_':'','_':' '})|title }}</span><small>{{ employees|filter(e => role in e.roles)|length }} membres</small></div>{% endfor %}</section></aside></div>{% endblock %}