{# templates/app/presences/recap.html.twig #}
{% extends 'app/base.html.twig' %}

{% set joursNoms = {'Monday': 'Lundi', 'Tuesday': 'Mardi', 'Wednesday': 'Mercredi', 'Thursday': 'Jeudi', 'Friday': 'Vendredi', 'Saturday': 'Samedi', 'Sunday': 'Dimanche'} %}

{% block title %}Récapitulatif des présences — GestRestoSco
{% endblock %}

{% block body %}
	<div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
		<h4 class="mb-0">
			<i class="fas fa-chart-bar text-primary me-2"></i>
			Récapitulatif des présences
		</h4>
		<a href="{{ path('tenant_presences_index') }}" class="btn btn-sm btn-outline-secondary">
			<i class="fas fa-arrow-left me-1"></i>
			Retour à la saisie
		</a>
		<a href="{{ path('tenant_presences_recap_categorie') }}" class="btn btn-sm btn-outline-primary">
			<i class="fas fa-table me-1"></i>
			Détail par catégorie
		</a>
	</div>

	{# ── Sélecteur de période ──────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm mb-4">
		<div class="card-body py-2">
			<form method="get" class="row g-2 align-items-end">
				<div class="col-auto">
					<label class="form-label small fw-semibold mb-1">Du</label>
					<input type="date" name="date_debut" class="form-control form-control-sm" value="{{ dateDebut }}" style="width:160px">
				</div>
				<div class="col-auto">
					<label class="form-label small fw-semibold mb-1">Au</label>
					<input type="date" name="date_fin" class="form-control form-control-sm" value="{{ dateFin }}" style="width:160px">
				</div>
				<div class="col-auto">
					<button type="submit" class="btn btn-primary btn-sm">
						<i class="fas fa-search me-1"></i>Filtrer
					</button>
				</div>
				{# Raccourcis #}
				<div class="col-auto ms-auto d-flex gap-2">
					<a href="{{ path('tenant_presences_recap') }}" class="btn btn-sm btn-outline-secondary">Cette semaine</a>
					<a href="{{ path('tenant_presences_recap', {periode: 'mois'}) }}" class="btn btn-sm btn-outline-secondary">Ce mois</a>
				</div>
			</form>
		</div>
	</div>

	{# ── Tableau récapitulatif ─────────────────────────────────────────────── #}
	{% if recap is empty %}
		<div class="card border-0 shadow-sm">
			<div class="card-body text-center py-5 text-muted">
				<i class="fas fa-calendar-times fa-3x mb-3 opacity-25"></i>
				<p>Aucune donnée pour cette période.</p>
			</div>
		</div>
	{% else %}
		{# Totaux globaux #}
		{% set totalPresents = 0 %}
		{% set totalAbsents  = 0 %}
		{% for date in dates %}
			{% for service, data in recap[date] %}
				{% set totalPresents = totalPresents + data.nb_presents %}
				{% set totalAbsents  = totalAbsents  + data.nb_absents %}
			{% endfor %}
		{% endfor %}

		<div class="row g-3 mb-4">
			<div class="col-sm-4">
				<div class="card border-0 shadow-sm text-center py-3">
					<div class="text-success fw-bold fs-3">{{ totalPresents }}</div>
					<div class="text-muted small">Total présents</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="card border-0 shadow-sm text-center py-3">
					<div class="text-danger fw-bold fs-3">{{ totalAbsents }}</div>
					<div class="text-muted small">Total absents</div>
				</div>
			</div>
			<div class="col-sm-4">
				<div class="card border-0 shadow-sm text-center py-3">
					<div class="text-primary fw-bold fs-3">{{ dates|length }}</div>
					<div class="text-muted small">Jours avec données</div>
				</div>
			</div>
		</div>

		<div class="card border-0 shadow-sm">
			<div class="table-responsive">
				<table class="table table-hover align-middle mb-0">
					<thead class="table-light">
						<tr>
							<th>Date</th>
							{% for key, label in services %}
								<th class="text-center">
									<i class="fas fa-{{ key == 'dejeuner' ? 'sun' : 'moon' }} me-1"></i>
									{{ label }}
								</th>
							{% endfor %}
							<th class="text-center">Total du jour</th>
							<th class="text-end">Saisie</th>
						</tr>
					</thead>
					<tbody>
						{% for d in dates %}
							{% set totalJour = 0 %}
							{% for service in services|keys %}
								{% if recap[d][service] is defined %}
									{% set totalJour = totalJour + recap[d][service].nb_presents %}
								{% endif %}
							{% endfor %}
							<tr>
								<td class="fw-semibold">{{ joursNoms[d|date('l')] }} {{ d|date('d/m/Y') }}</td>
								{% for key, label in services %}
									<td class="text-center">
										{% if recap[d][key] is defined %}
											<span class="badge bg-success me-1">
												{{ recap[d][key].nb_presents }}P
											</span>
											{% if recap[d][key].nb_absents > 0 %}
												<span class="badge bg-danger">
													{{ recap[d][key].nb_absents }}A
												</span>
											{% endif %}
										{% else %}
											<span class="text-muted small">—</span>
										{% endif %}
									</td>
								{% endfor %}
								<td class="text-center fw-semibold">{{ totalJour }}</td>
								<td class="text-end">
									<a href="{{ path('tenant_presences_index', {date: d}) }}" class="btn btn-sm btn-outline-primary">
										<i class="fas fa-edit me-1"></i>Modifier
									</a>
								</td>
							</tr>
						{% endfor %}
					</tbody>
					<tfoot class="table-light fw-semibold">
						<tr>
							<td>Total</td>
							{% for key in services|keys %}
								<td class="text-center">
									{% set col = 0 %}
									{% for d in dates %}
										{% if recap[d][key] is defined %}
											{% set col = col + recap[d][key].nb_presents %}
										{% endif %}
									{% endfor %}
									{{ col }}P
								</td>
							{% endfor %}
							<td class="text-center">{{ totalPresents }}</td>
							<td></td>
						</tr>
					</tfoot>
				</table>
			</div>
		</div>
	{% endif %}

{% endblock %}