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

{% block title %}Catégories de convives{% 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-layer-group me-2"></i>Catégories de convives</h1>
		<small class="text-muted">{{ categories|length }} catégorie(s) — Groupes de personnes pour la saisie des présences</small>
	</div>
	{% if app.user.role in ['admin', 'gestionnaire'] %}
	<a href="{{ path('tenant_categories_new') }}" class="btn btn-primary">
		<i class="fas fa-plus me-1"></i>Nouvelle catégorie
	</a>
	{% endif %}
</div>

{% if categories 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-layer-group fa-2x mb-3 d-block"></i>
		<p class="mb-3">Aucune catégorie configurée. Créez des catégories pour commencer la saisie des présences.</p>
		{% if app.user.role in ['admin', 'gestionnaire'] %}
		<a href="{{ path('tenant_categories_new') }}" class="btn btn-primary">
			<i class="fas fa-plus me-1"></i>Créer la première catégorie
		</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>Catégorie (secteur)</th>
						<th>Responsable / Description</th>
						<th>Année scolaire</th>
						<th>Personnes</th>
						<th>Tarifs liés</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% for cat in categories %}
					<tr>
						<td class="fw-semibold">{{ cat.nom }}</td>
						<td class="text-muted small">{{ cat.description ?: '—' }}</td>
						<td>
							{% if cat.annee_scolaire %}
								<span class="badge bg-secondary">{{ cat.annee_scolaire }}</span>
							{% else %}
								<span class="text-muted small">Permanent</span>
							{% endif %}
						</td>
						<td>
							<a href="{{ path('tenant_personnes_index', {categorie_id: cat.id}) }}" class="text-decoration-none">
								<span class="badge bg-primary">{{ cat.nb_actifs }} actif(s)</span>
								{% if cat.nb_personnes > cat.nb_actifs %}
									<span class="badge bg-secondary ms-1">{{ cat.nb_personnes - cat.nb_actifs }} inactif(s)</span>
								{% endif %}
							</a>
						</td>
						<td>
							{% if cat.tarifs is defined and cat.tarifs|length > 0 %}
								{% for tarif in cat.tarifs %}
									<span class="badge bg-success me-1">{{ tarif.tarif_nom }}<span class="fw-normal"> ({{ tarif.service }})</span></span>
								{% endfor %}
							{% else %}
								<span class="text-warning small"><i class="fas fa-exclamation-triangle me-1"></i>Aucun tarif</span>
							{% endif %}
						</td>
						<td class="text-end text-nowrap">
							<a href="{{ path('tenant_personnes_index', {categorie_id: cat.id}) }}"
							   class="btn btn-sm btn-outline-primary me-1" title="Gérer les personnes">
								<i class="fas fa-users"></i>
							</a>
							{% if app.user.role in ['admin', 'gestionnaire'] %}
							<a href="{{ path('tenant_categories_edit', {id: cat.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_categories_delete', {id: cat.id}) }}" class="d-inline"
								  onsubmit="return confirm('Supprimer la catégorie « {{ cat.nom }} » ? Cette action est irréversible.')">
								<input type="hidden" name="_token" value="{{ csrf_token('categorie_delete_' ~ cat.id) }}">
								<button class="btn btn-sm btn-outline-danger" title="Supprimer">
									<i class="fas fa-trash-alt"></i>
								</button>
							</form>
							{% endif %}
						</td>
					</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
	</div>
</div>
{% endif %}

<div class="mt-3 d-flex gap-2 flex-wrap">
	<a href="{{ path('tenant_presences_index') }}" class="btn btn-outline-secondary btn-sm">
		<i class="fas fa-calendar-check me-1"></i>Saisie des présences
	</a>
	{% if app.user.role == 'admin' %}
	<a href="{{ path('tenant_tarifs_index') }}" class="btn btn-outline-secondary btn-sm">
		<i class="fas fa-tag me-1"></i>Gérer les tarifs
	</a>
	{% endif %}
</div>
{% endblock %}