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

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

{% block title %}Ventes
{% 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-cash-register me-2"></i>Ventes</h1>
			<p class="text-muted small mb-0">{{ moisNoms[mois] }}
				{{ annee }}</p>
		</div>
		<div class="d-flex gap-2 align-items-center">
			<a href="{{ path('tenant_ventes_index', {annee: prevAnnee, mois: prevMois}) }}" class="btn btn-sm btn-outline-secondary">
				<i class="fas fa-chevron-left"></i>
			</a>
			<a href="{{ path('tenant_ventes_index', {annee: nextAnnee, mois: nextMois}) }}" class="btn btn-sm btn-outline-secondary">
				<i class="fas fa-chevron-right"></i>
			</a>
			<a href="{{ path('tenant_ventes_new') }}" class="btn btn-primary btn-sm">
				<i class="fas fa-plus me-1"></i>Nouvelle vente
			</a>
		</div>
	</div>
	<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">Saisies</div>
					<div class="fw-bold fs-4">{{ ventes|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 repas</div>
					<div class="fw-bold fs-4">{{ totalRepas }}</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">CA du mois</div>
					<div class="fw-bold fs-4">{{ totalCa|number_format(2, ',', ' ') }}
						€</div>
				</div>
			</div>
		</div>
	</div>

	{# ── Filtre service ────────────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm rounded-3 mb-3">
		<div class="card-body py-2 px-3 d-flex gap-2 flex-wrap align-items-center">
			<a href="{{ path('tenant_ventes_index', {annee: annee, mois: mois}) }}" class="btn btn-sm {{ service is null ? 'btn-primary' : 'btn-outline-secondary' }}">Tous</a>
			<a href="{{ path('tenant_ventes_index', {annee: annee, mois: mois, service: 'petit_dejeuner'}) }}" class="btn btn-sm {{ service == 'petit_dejeuner' ? 'btn-primary' : 'btn-outline-secondary' }}">Petit-déjeuner</a>
			<a href="{{ path('tenant_ventes_index', {annee: annee, mois: mois, service: 'dejeuner'}) }}" class="btn btn-sm {{ service == 'dejeuner' ? 'btn-primary' : 'btn-outline-secondary' }}">Déjeuner</a>
			<a href="{{ path('tenant_ventes_index', {annee: annee, mois: mois, service: 'gouter'}) }}" class="btn btn-sm {{ service == 'gouter' ? 'btn-primary' : 'btn-outline-secondary' }}">Goûter</a>
			<a href="{{ path('tenant_ventes_index', {annee: annee, mois: mois, service: 'diner'}) }}" class="btn btn-sm {{ service == 'diner' ? 'btn-primary' : 'btn-outline-secondary' }}">Dîner</a>
		</div>
	</div>
	{# ── Widget génération depuis les présences ────────────────────────────── #}
	{% if is_granted('ROLE_TENANT_GESTIONNAIRE') %}
		<div class="card border-0 shadow-sm rounded-3 mb-3 border-start border-primary border-4">
			<div class="card-body py-3">
				<div class="d-flex justify-content-between align-items-start flex-wrap gap-3">
					<div>
						<h6 class="fw-semibold mb-2">
							<i class="fas fa-magic me-2 text-primary"></i>Générer depuis les présences
						</h6>
						<div class="d-flex gap-3 flex-wrap small mb-1">
							{% set serviceLabels = {petit_dejeuner: 'Petit-déj.', dejeuner: 'Déjeuner', gouter: 'Goûter', diner: 'Dîner'} %}
							{% for srv, label in serviceLabels %}
								<span class="text-muted">
									{{ label }} :
									<strong class="{{ presencesAujourdhui[srv] > 0 ? 'text-success' : 'text-muted' }}">
										{{ presencesAujourdhui[srv] }}
									</strong>
								</span>
							{% endfor %}
							<span class="text-muted">Total : <strong>{{ presencesAujourdhui.total }}</strong></span>
						</div>
						{% if venteAutoExiste %}
							<small class="text-warning">
								<i class="fas fa-exclamation-triangle me-1"></i>Des ventes automatiques existent déjà pour aujourd'hui.
							</small>
						{% elseif presencesAujourdhui.total == 0 %}
							<small class="text-muted">
								<i class="fas fa-info-circle me-1"></i>Aucune présence saisie pour aujourd'hui.
							</small>
						{% endif %}
					</div>
					<form method="post" action="{{ path('tenant_ventes_generer_depuis_presences') }}" class="d-flex gap-2 align-items-end flex-wrap">
						<input type="hidden" name="_token" value="{{ csrf_token('ventes_generer') }}">
						<div>
							<label class="form-label form-label-sm mb-1 text-muted">Date</label>
							<input type="date" name="date" class="form-control form-control-sm" value="{{ dateAujourdhui }}">
						</div>
						{% if venteAutoExiste %}
							<div class="form-check align-self-end mb-2 ms-1">
								<input type="checkbox" name="forcer" value="1" id="chk_forcer" class="form-check-input">
								<label for="chk_forcer" class="form-check-label small">Régénérer</label>
							</div>
						{% endif %}
						<button type="submit" class="btn btn-primary btn-sm">
							<i class="fas fa-magic me-1"></i>Générer les ventes
						</button>
					</form>
				</div>
			</div>
		</div>
	{% endif %}
	{# ── Tableau ───────────────────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm rounded-3">
		<div class="card-body p-0">
			{% if ventes is empty %}
				<div class="text-center py-5 text-muted">
					<i class="fas fa-cash-register fa-2x mb-3 d-block"></i>
					Aucune vente ce mois
				</div>
			{% else %}
				<div class="table-responsive">
					<table class="table table-hover mb-0 align-middle">
						<thead class="table-light">
							<tr>
								<th>Date</th>
								<th>Service</th>
								<th class="text-end">Repas</th>
								<th class="text-end">Prix unit.</th>
								<th class="text-end">CA</th>
								<th>Source / Tarif</th>
								<th class="text-end">Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for v in ventes %}
								<tr>
									<td>{{ v.date_vente ? v.date_vente|date('d/m/Y') : '—' }}</td>
									<td>
										<span class="badge bg-light text-dark border">{{ v.service|replace({'_': ' '})|capitalize }}</span>
									</td>
									<td class="text-end fw-semibold">{{ v.nb_repas }}</td>
									<td class="text-end">{{ v.prix_unitaire|number_format(2, ',', ' ') }} €</td>
									<td class="text-end">{{ (v.nb_repas * v.prix_unitaire)|number_format(2, ',', ' ') }} €</td>
									<td>
										{% if v.source == 'auto' %}
											<span class="badge bg-success">auto</span>
											{% if v.tarif_applique %}
												<span class="text-muted small ms-1">{{ v.tarif_applique }}</span>
											{% endif %}
										{% else %}
											<span class="badge bg-secondary">manuel</span>										{% if v.detail_ajustement %}
											<span class="text-muted small ms-1">{{ v.detail_ajustement }}</span>
										{% endif %}										{% endif %}
									</td>
									<td class="text-end">
										<a href="{{ path('tenant_ventes_edit', {id: v.id}) }}" class="btn btn-outline-secondary btn-sm py-0 px-2">
											<i class="fas fa-pen"></i>
										</a>
										<form method="post" action="{{ path('tenant_ventes_delete', {id: v.id}) }}" class="d-inline" onsubmit="return confirm('Supprimer cette vente ?')">
											<input type="hidden" name="_token" value="{{ csrf_token('vente_delete_' ~ v.id) }}">
											<button type="submit" class="btn btn-outline-danger btn-sm py-0 px-2">
												<i class="fas fa-trash"></i>
											</button>
										</form>
									</td>
								</tr>
							{% endfor %}
						</tbody>
						<tfoot class="table-light">
							<tr>
								<th colspan="2">Total</th>
								<th class="text-end">{{ totalRepas }}</th>
								<th></th>
								<th class="text-end">{{ totalCa|number_format(2, ',', ' ') }} €</th>
								<th colspan="2"></th>
							</tr>
						</tfoot>
					</table>
				</div>
			{% endif %}
		</div>
	</div>
{% endblock body %}