{# templates/app/fournisseurs/index.html.twig #}
{% extends 'app/base.html.twig' %}

{% block title %}Fournisseurs — GestRestoSco
{% endblock %}

{% block body %}

	<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-truck me-2"></i>Fournisseurs
		</h1>
		<a href="{{ path('tenant_fournisseurs_new') }}" class="btn btn-app-primary">
			<i class="fas fa-plus me-1"></i>Nouveau fournisseur
		</a>
	</div>

	{# ── Onglets Actifs / Inactifs ─────────────────────────────────────── #}
	<ul class="nav nav-tabs mb-3">
		<li class="nav-item">
			<a class="nav-link {{ afficher == 'actifs' ? 'active' : '' }}"
			   href="{{ path('tenant_fournisseurs_index', {afficher: 'actifs'}) }}">
				<i class="fas fa-check-circle me-1 text-success"></i>Actifs
			</a>
		</li>
		<li class="nav-item">
			<a class="nav-link {{ afficher == 'inactifs' ? 'active' : '' }}"
			   href="{{ path('tenant_fournisseurs_index', {afficher: 'inactifs'}) }}">
				<i class="fas fa-ban me-1 text-secondary"></i>Inactifs
			</a>
		</li>
	</ul>

	{# ── Recherche ─────────────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm rounded-3 mb-4">
		<div class="card-body py-3">
			<form method="get" action="{{ path('tenant_fournisseurs_index') }}" class="row g-2 align-items-center">
				<input type="hidden" name="afficher" value="{{ afficher }}">
				<div class="col">
					<div class="input-group">
						<span class="input-group-text bg-light">
							<i class="fas fa-search text-muted"></i>
						</span>
						<input type="text" name="q" class="form-control" placeholder="Rechercher un fournisseur…" value="{{ q }}">
					</div>
				</div>
				<div class="col-auto">
					<button type="submit" class="btn btn-outline-secondary">Rechercher</button>
					{% if q %}
						<a href="{{ path('tenant_fournisseurs_index') }}" class="btn btn-outline-secondary ms-1">
							<i class="fas fa-times"></i>
						</a>
					{% endif %}
				</div>
			</form>
		</div>
	</div>

	{# ── Tableau ───────────────────────────────────────────────────────── #}
	<div class="card border-0 shadow-sm rounded-3">
		<div class="card-body p-0">
			{% if fournisseurs is empty %}
				<div class="text-center py-5 text-muted">
					<i class="fas fa-truck fa-3x mb-3 opacity-25"></i>
					<p class="mb-0">Aucun fournisseur
						{% if q %}pour « {{ q }} »{% endif %}
						{{ afficher == 'inactifs' ? 'inactif' : '' }}
					</p>
					{% if not q and afficher == 'actifs' %}
						<a href="{{ path('tenant_fournisseurs_new') }}" class="btn btn-app-primary mt-3">
							<i class="fas fa-plus me-1"></i>Créer le premier fournisseur
						</a>
					{% endif %}
				</div>
			{% else %}
				<div class="table-responsive">
					<table class="table table-hover align-middle mb-0">
						<thead class="table-light">
							<tr>
								<th>Nom</th>
								<th>Ville</th>
								<th>Téléphone</th>
								<th>Email</th>
								<th>Contact</th>
								<th class="text-end" style="width:130px;">Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for f in fournisseurs %}
								<tr>
									<td class="fw-semibold">{{ f.nom }}</td>
									<td class="text-muted small">
										{% if f.ville %}
											{{ f.code_postal ? f.code_postal ~ ' ' }}{{ f.ville }}
										{% else %}
											—
										{% endif %}
									</td>
									<td class="text-muted small">{{ f.telephone ?: '—' }}</td>
									<td class="text-muted small">
										{% if f.email %}
											<a href="mailto:{{ f.email }}" class="text-decoration-none">{{ f.email }}</a>
										{% else %}—{% endif %}
									</td>
									<td class="text-muted small">{{ f.contact_principal ?: '—' }}</td>
									<td class="text-end">
										{% if afficher == 'inactifs' %}
											<form method="post" action="{{ path('tenant_fournisseurs_reactivate', {id: f.id}) }}" class="d-inline"
											      onsubmit="return confirm('Réactiver « {{ f.nom|e('js') }} » ?')">
												<input type="hidden" name="_token" value="{{ csrf_token('fournisseur_reactivate_' ~ f.id) }}">
												<button type="submit" class="btn btn-sm btn-outline-success" title="Réactiver">
													<i class="fas fa-redo me-1"></i>Réactiver
												</button>
											</form>
										{% else %}
											<a href="{{ path('tenant_fournisseurs_edit', {id: f.id}) }}" class="btn btn-sm btn-outline-secondary" title="Modifier">
												<i class="fas fa-pencil-alt"></i>
											</a>
											<form method="post" action="{{ path('tenant_fournisseurs_delete', {id: f.id}) }}" class="d-inline"
											      onsubmit="return confirm('Désactiver « {{ f.nom|e('js') }} » ?')">
												<input type="hidden" name="_token" value="{{ csrf_token('fournisseur_delete_' ~ f.id) }}">
												<button type="submit" class="btn btn-sm btn-outline-danger" title="Désactiver">
													<i class="fas fa-ban"></i>
												</button>
											</form>
										{% endif %}
									</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			{% endif %}
		</div>
	</div>

{% endblock %}