{% extends 'app/base.html.twig' %}

{% block title %}Personnes — {{ categorie.nom|default('Catégories') }}{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
	<div>
		<h1 class="h3 fw-bold page-title mb-0">
			<i class="fas fa-users me-2"></i>
			Personnes{% if categorie %} — <span class="text-primary">{{ categorie.nom }}</span>{% endif %}
		</h1>
		<small class="text-muted">{{ personnes|length }} personne(s) affichée(s)</small>
	</div>
	{% if app.user.role in ['admin', 'gestionnaire'] and categorieId %}
	<a href="{{ path('tenant_personnes_new') }}?categorie_id={{ categorieId }}" class="btn btn-primary">
		<i class="fas fa-user-plus me-1"></i>Ajouter une personne
	</a>
	{% endif %}
</div>

{# Tabs par catégorie #}
{% if categories|length > 0 %}
<ul class="nav nav-tabs mb-4 flex-wrap">
	{% for cat in categories %}
	<li class="nav-item">
		<a class="nav-link {% if cat.id == categorieId %}active{% endif %}"
		   href="{{ path('tenant_personnes_index', {categorie_id: cat.id}) }}">
			{{ cat.nom }}
			{% if cat.annee_scolaire %}
				<span class="text-muted small">({{ cat.annee_scolaire }})</span>
			{% endif %}
			<span class="badge {{ cat.id == categorieId ? 'bg-primary' : 'bg-secondary' }} ms-1">{{ cat.nb_actifs }}</span>
		</a>
	</li>
	{% endfor %}
</ul>
{% endif %}

{% if categorieId %}
{# Filtre actifs / tous #}
<div class="d-flex align-items-center gap-2 mb-3">
	<a href="{{ path('tenant_personnes_index', {categorie_id: categorieId}) }}"
	   class="btn btn-sm {{ not actifsOnly ? 'btn-secondary' : 'btn-outline-secondary' }}">
		Tous
	</a>
	<a href="{{ path('tenant_personnes_index', {categorie_id: categorieId, actifs_only: true}) }}"
	   class="btn btn-sm {{ actifsOnly ? 'btn-success' : 'btn-outline-success' }}">
		Actifs seulement
	</a>
</div>
{% endif %}

{% if personnes is empty %}
<div class="card border-0 shadow-sm rounded-3">
	<div class="card-body text-center py-5 text-muted">
		<i class="fas fa-user-slash fa-2x mb-3 d-block"></i>
		<p class="mb-3">
			{% if actifsOnly %}
				Aucune personne active dans cette catégorie.
			{% else %}
				Aucune personne dans cette catégorie.
			{% endif %}
		</p>
		{% if app.user.role in ['admin', 'gestionnaire'] and categorieId %}
		<a href="{{ path('tenant_personnes_new') }}?categorie_id={{ categorieId }}" class="btn btn-primary">
			<i class="fas fa-user-plus me-1"></i>Ajouter une personne
		</a>
		{% endif %}
	</div>
</div>
{% else %}
<div class="card border-0 shadow-sm rounded-3">
	<div class="card-body p-0">
		<div class="table-responsive">
			<table class="table table-hover mb-0 align-middle">
				<thead class="table-light">
					<tr>
						<th>Nom</th>
						<th>Prénom</th>
						<th>Statut</th>
						<th>Allergènes</th>
						<th>Désactivé le</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% set allergenes_cols = {
						'contient_gluten':       'Gluten',
						'contient_crustaces':    'Crustacés',
						'contient_oeufs':        'Œufs',
						'contient_poisson':      'Poisson',
						'contient_arachides':    'Arachides',
						'contient_soja':         'Soja',
						'contient_lactose':      'Lactose',
						'contient_fruits_coque': 'Fruits à coque',
						'contient_celeri':       'Céleri',
						'contient_moutarde':     'Moutarde',
						'contient_sesame':       'Sésame',
						'contient_sulfites':     'Sulfites',
						'contient_lupin':        'Lupin',
						'contient_mollusques':   'Mollusques'
					} %}
					{% for p in personnes %}
					<tr class="{{ not p.actif ? 'table-secondary' : '' }}">
						<td class="fw-semibold {{ not p.actif ? 'text-muted' : '' }}">{{ p.nom }}</td>
						<td class="{{ not p.actif ? 'text-muted' : '' }}">{{ p.prenom }}</td>
						<td>
							{% if p.actif %}
								<span class="badge bg-success"><i class="fas fa-check me-1"></i>Actif</span>
							{% else %}
								<span class="badge bg-secondary"><i class="fas fa-pause me-1"></i>Inactif</span>
							{% endif %}
						</td>
						<td>
							{% for col, label in allergenes_cols %}
								{% if p[col] is defined and p[col] %}
									<span class="badge bg-warning text-dark me-1 mb-1" title="{{ label }}" style="font-size:.7rem">{{ label }}</span>
								{% endif %}
							{% endfor %}
							{% if p.allergies_autres is defined and p.allergies_autres %}
								{% for item in p.allergies_autres|split(',') %}
									{% set item = item|trim %}
									{% if item %}
										<span class="badge bg-info text-dark me-1 mb-1" title="Autre allergie" style="font-size:.7rem">{{ item }}</span>
									{% endif %}
								{% endfor %}
							{% endif %}
						</td>
						<td class="small text-muted">
							{{ p.date_desactivation ? p.date_desactivation|date('d/m/Y') : '—' }}
						</td>
						<td class="text-end text-nowrap">
							{% if app.user.role in ['admin', 'gestionnaire'] %}
							<a href="{{ path('tenant_personnes_edit', {id: p.id}) }}"
							   class="btn btn-sm btn-outline-secondary me-1" title="Modifier">
								<i class="fas fa-pencil-alt"></i>
							</a>
							<form method="post" action="{{ path('tenant_personnes_toggle', {id: p.id}) }}" class="d-inline">
								<input type="hidden" name="_token" value="{{ csrf_token('personne_toggle_' ~ p.id) }}">
								<button type="submit"
										class="btn btn-sm {{ p.actif ? 'btn-outline-warning' : 'btn-outline-success' }} me-1"
										title="{{ p.actif ? 'Désactiver' : 'Réactiver' }}">
									<i class="fas fa-{{ p.actif ? 'pause' : 'play' }}"></i>
								</button>
							</form>
							{% if not p.actif %}
							<form method="post" action="{{ path('tenant_personnes_delete', {id: p.id}) }}" class="d-inline"
								  onsubmit="return confirm('Supprimer définitivement {{ p.prenom }} {{ p.nom }} ?\nCette action est irréversible.')">
								<input type="hidden" name="_token" value="{{ csrf_token('personne_delete_' ~ p.id) }}">
								<button type="submit" class="btn btn-sm btn-outline-danger" title="Supprimer définitivement">
									<i class="fas fa-trash-alt"></i>
								</button>
							</form>
							{% endif %}
							{% endif %}
						</td>
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
	</div>
</div>
{% endif %}

<div class="mt-3 d-flex gap-2 flex-wrap">
	<a href="{{ path('tenant_categories_index') }}" class="btn btn-outline-secondary btn-sm">
		<i class="fas fa-layer-group me-1"></i>Gérer les catégories
	</a>
	<a href="{{ path('tenant_presences_index') }}{% if categorieId %}?categorie={{ categorieId }}{% endif %}"
	   class="btn btn-outline-secondary btn-sm">
		<i class="fas fa-calendar-check me-1"></i>Saisie des présences
	</a>
</div>
{% endblock %}