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

{% set moisNoms = ['', 'Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'] %}

{% block title %}Cessions inter-services — {{ moisNoms[mois] }} {{ annee }}{% endblock %}

{% block body %}

	{# ── En-tête ─────────────────────────────────────────────────────────── #}
	<div class="d-flex align-items-center justify-content-between mb-4">
		<h1 class="h4 fw-bold mb-0 page-title">
			<i class="fas fa-exchange-alt me-2"></i>Cessions inter-services
		</h1>
		<a href="{{ path('tenant_cessions_new', {annee: annee, mois: mois}) }}" class="btn btn-app-primary">
			<i class="fas fa-plus me-1"></i>Nouvelle cession
		</a>
	</div>

	{# ── Navigation mois ─────────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm rounded-3 mb-4">
		<div class="card-body py-3">
			<div class="row align-items-center g-2">
				<div class="col-auto">
					<a href="{{ path('tenant_cessions_index', {annee: prevAnnee, mois: prevMois}) }}" class="btn btn-outline-secondary btn-sm">
						<i class="fas fa-chevron-left"></i>
					</a>
				</div>
				<div class="col-auto">
					<span class="fw-semibold fs-5">{{ moisNoms[mois] }} {{ annee }}</span>
				</div>
				<div class="col-auto">
					<a href="{{ path('tenant_cessions_index', {annee: nextAnnee, mois: nextMois}) }}" class="btn btn-outline-secondary btn-sm">
						<i class="fas fa-chevron-right"></i>
					</a>
				</div>
				<div class="col-auto">
					<a href="{{ path('tenant_cessions_index') }}" class="btn btn-outline-secondary btn-sm">Aujourd'hui</a>
				</div>
			</div>
		</div>
	</div>

	{# ── Stats ───────────────────────────────────────────────────────────── #}
	<div class="row g-3 mb-4">
		<div class="col-sm-4">
			<div class="card border-0 shadow-sm">
				<div class="card-body text-center py-3">
					<div class="text-muted small">Nombre de cessions</div>
					<div class="fw-bold fs-4">{{ cessions|length }}</div>
				</div>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="card border-0 shadow-sm">
				<div class="card-body text-center py-3">
					<div class="text-muted small">Total TTC (toutes)</div>
					<div class="fw-bold fs-4">{{ totalTTC|number_format(2, ',', ' ') }} €</div>
				</div>
			</div>
		</div>
		<div class="col-sm-4">
			<div class="card border-0 shadow-sm">
				<div class="card-body text-center py-3">
					<div class="text-muted small">Cessions validées TTC</div>
					<div class="fw-bold fs-4 text-success">{{ totalValideesTTC|number_format(2, ',', ' ') }} €</div>
					<div class="text-muted" style="font-size:.7rem;">Impact sur synthèse</div>
				</div>
			</div>
		</div>
	</div>

	{# ── Table des cessions ──────────────────────────────────────────────── #}
	{% if cessions is not empty %}
		<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>Date</th>
								<th>Entité bénéficiaire</th>
								<th>Motif</th>
								<th class="text-end">Montant HT</th>
								<th class="text-end">Montant TTC</th>
								<th class="text-center">Statut</th>
								<th class="text-end">Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for cession in cessions %}
								<tr>
									<td class="text-nowrap">{{ cession.date_cession|date('d/m/Y') }}</td>
									<td class="fw-semibold">{{ cession.entite_beneficiaire }}</td>
									<td class="text-muted small">{{ cession.motif ?? '—' }}</td>
									<td class="text-end">{{ cession.montant_total_ht|number_format(2, ',', ' ') }} €</td>
									<td class="text-end fw-semibold">{{ cession.montant_total_ttc|number_format(2, ',', ' ') }} €</td>
									<td class="text-center">
										{% if cession.statut == 'validée' %}
											<span class="badge bg-success">Validée</span>
										{% else %}
											<span class="badge bg-warning text-dark">Brouillon</span>
										{% endif %}
									</td>
									<td class="text-end text-nowrap">
										<a href="{{ path('tenant_cessions_imprimer', {id: cession.id}) }}" class="btn btn-sm btn-outline-secondary" target="_blank" title="Bon de cession">
											<i class="fas fa-print"></i>
										</a>
										<a href="{{ path('tenant_cessions_telecharger', {id: cession.id}) }}" class="btn btn-sm btn-outline-success ms-1" title="Télécharger PDF">
											<i class="fas fa-file-pdf"></i>
										</a>
										<a href="{{ path('tenant_cessions_edit', {id: cession.id}) }}" class="btn btn-sm btn-outline-primary ms-1" title="Modifier">
											<i class="fas fa-edit"></i>
										</a>
										<form method="post" action="{{ path('tenant_cessions_delete', {id: cession.id}) }}" class="d-inline ms-1"
											onsubmit="return confirm('Supprimer cette cession ?')">
											<input type="hidden" name="_token" value="{{ csrf_token('cession_delete_' ~ cession.id) }}">
											<button type="submit" class="btn btn-sm btn-outline-danger" title="Supprimer">
												<i class="fas fa-trash"></i>
											</button>
										</form>
									</td>
								</tr>
							{% endfor %}
						</tbody>
						<tfoot class="table-light fw-semibold">
							<tr>
								<td colspan="3">Total du mois</td>
								<td class="text-end">{{ totalHT|number_format(2, ',', ' ') }} €</td>
								<td class="text-end">{{ totalTTC|number_format(2, ',', ' ') }} €</td>
								<td colspan="2"></td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
		</div>

		{% if totalValideesTTC > 0 %}
			<div class="alert alert-info mt-3 mb-0 small">
				<i class="fas fa-info-circle me-1"></i>
				Les <strong>{{ totalValideesTTC|number_format(2, ',', ' ') }} € TTC</strong> de cessions validées sont déduits de vos achats dans la
				<a href="{{ path('tenant_syntheses_index', {annee: annee, mois: mois}) }}">synthèse du mois</a>.
			</div>
		{% endif %}

	{% else %}
		<div class="text-center py-5 text-muted">
			<i class="fas fa-exchange-alt fa-2x mb-3 d-block"></i>
			Aucune cession ce mois-ci
			<div class="mt-3">
				<a href="{{ path('tenant_cessions_new', {annee: annee, mois: mois}) }}" class="btn btn-app-primary btn-sm">
					<i class="fas fa-plus me-1"></i>Créer une cession
				</a>
			</div>
		</div>
	{% endif %}

{% endblock body %}