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

{% block title %}Commandes fournisseurs
{% 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-shopping-basket me-2"></i>Commandes fournisseurs</h1>
		</div>
		<div class="d-flex gap-2">
			<a href="{{ path('tenant_commandes_assistant') }}" class="btn btn-outline-primary">
				<i class="fas fa-robot me-1"></i>Assistant
			</a>
			<a href="{{ path('tenant_commandes_new') }}" class="btn btn-primary">
				<i class="fas fa-plus me-1"></i>Nouvelle commande
			</a>
		</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">Brouillons</div>
					<div class="fw-bold fs-4 text-secondary">{{ nbBrouillons }}</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">Envoyées</div>
					<div class="fw-bold fs-4 text-warning">{{ nbEnvoyees }}</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">Reçues</div>
					<div class="fw-bold fs-4 text-success">{{ nbRecues }}</div>
				</div>
			</div>
		</div>
	</div>

	{# ── Filtres ───────────────────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm rounded-3 mb-3">
		<div class="card-body py-2 px-3">
			<form method="get" class="d-flex flex-wrap gap-2 align-items-center">
				{# Filtre mois/année #}
				<select name="mois" class="form-select form-select-sm" style="width:auto">
					{% for num, nom in nomsMois %}
						<option value="{{ num }}" {{ mois == num ? 'selected' }}>{{ nom }}</option>
					{% endfor %}
				</select>
				<select name="annee" class="form-select form-select-sm" style="width:auto">
					{% for an in range("now"|date('Y'), "now"|date('Y') - 5, -1) %}
						<option value="{{ an }}" {{ annee == an ? 'selected' }}>{{ an }}</option>
					{% endfor %}
				</select>
				{# Filtre statut #}
				<select name="statut" class="form-select form-select-sm" style="width:auto">
					<option value="" {{ statut is null ? 'selected' }}>Tous les statuts</option>
					<option value="brouillon" {{ statut == 'brouillon' ? 'selected' }}>Brouillons</option>
					<option value="envoyee"   {{ statut == 'envoyee'   ? 'selected' }}>Envoyées</option>
					<option value="recue"     {{ statut == 'recue'     ? 'selected' }}>Reçues</option>
					<option value="annulee"   {{ statut == 'annulee'   ? 'selected' }}>Annulées</option>
				</select>
				<button type="submit" class="btn btn-sm btn-secondary">Filtrer</button>
				<a href="{{ path('tenant_commandes_index') }}" class="btn btn-sm btn-outline-secondary">Réinitialiser</a>
			</form>
		</div>
	</div>

	{# ── Tableau ───────────────────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm rounded-3">
		<div class="card-body p-0">
			{% if commandes is empty %}
				<div class="text-center py-5 text-muted">
					<i class="fas fa-shopping-basket fa-2x mb-3 d-block"></i>
					Aucune commande pour cette période
				</div>
			{% else %}
				<div class="table-responsive">
					<table class="table table-hover mb-0 align-middle">
						<thead class="table-light">
							<tr>
								<th>#</th>
								<th>Fournisseur</th>
								<th>Date commande</th>
								<th>Livraison souhaitée</th>
								<th>Statut</th>
								<th></th>
							</tr>
					</thead>
					<tbody>
						{% for c in commandes %}
							<tr>
								<td class="text-muted small">{{ c.id }}</td>
								<td class="fw-semibold">{{ c.fournisseur }}</td>
								<td>{{ c.date_commande ? c.date_commande|date('d/m/Y') : '—' }}</td>
								<td>{{ c.date_livraison_souhaitee ? c.date_livraison_souhaitee|date('d/m/Y') : '—' }}</td>
								<td>
									{% set badge = {brouillon: 'bg-secondary', envoyee: 'bg-warning text-dark', recue: 'bg-success', annulee: 'bg-danger'} %}
									<span class="badge {{ badge[c.statut] ?? 'bg-secondary' }}">{{ c.statut|capitalize }}</span>
								</td>
								<td class="text-end text-nowrap">
									<a href="{{ path('tenant_commandes_voir', {id: c.id}) }}" class="btn btn-sm btn-outline-primary me-1" title="Voir"><i class="fas fa-eye"></i></a>
									<a href="{{ path('tenant_commandes_edit', {id: c.id}) }}" class="btn btn-sm btn-outline-secondary me-1" title="Modifier"><i class="fas fa-pencil-alt"></i></a>
									{##<a href="{{ path('tenant_commandes_pdf', {id: c.id}) }}" class="btn btn-sm btn-outline-success me-1" title="Télécharger le PDF"><i class="fas fa-file-pdf"></i></a>
									{% if c.statut == 'brouillon' %}
									<form method="post" action="{{ path('tenant_commandes_statut', {id: c.id}) }}" class="d-inline" onsubmit="return confirm('Envoyer cette commande au fournisseur par email ?')">
										<input type="hidden" name="_token" value="{{ csrf_token('commande_statut_' ~ c.id) }}">
										<input type="hidden" name="statut" value="envoyee">
										<button class="btn btn-sm btn-success me-1" title="Envoyer au fournisseur"><i class="fas fa-paper-plane"></i></button>
									</form>
									{% endif %}##}
									<form method="post" action="{{ path('tenant_commandes_delete', {id: c.id}) }}" class="d-inline" onsubmit="return confirm('Supprimer cette commande ?')">
										<input type="hidden" name="_token" value="{{ csrf_token('commande_delete_' ~ c.id) }}">
										<button class="btn btn-sm btn-outline-danger" title="Supprimer"><i class="fas fa-trash"></i></button>
									</form>
								</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			{% endif %}
		</div>
	</div>
{% endblock body %}