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

{% set is_edit = fournisseur and fournisseur.id is defined %}

{% block title %}
	{{ is_edit ? 'Modifier' : 'Nouveau' }}
	fournisseur — 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>
			{{ is_edit ? 'Modifier « ' ~ fournisseur.nom ~ ' »' : 'Nouveau fournisseur' }}
		</h1>
		<a href="{{ path('tenant_fournisseurs_index') }}" class="btn btn-outline-secondary">
			<i class="fas fa-arrow-left me-1"></i>Retour
		</a>
	</div>

	<div class="row justify-content-center">
		<div class="col-lg-8">
			<div class="card border-0 shadow-sm rounded-3">
				<div class="card-body p-4">

					<form method="post" action="{{ is_edit ? path('tenant_fournisseurs_edit', {id: fournisseur.id}) : path('tenant_fournisseurs_new') }}" novalidate>

						<input type="hidden" name="_token" value="{{ csrf_token('fournisseur_form') }}">

						<div
							class="row g-3">

							{# Nom — obligatoire #}
							<div class="col-12">
								<label for="nom" class="form-label fw-semibold">
									Nom du fournisseur
									<span class="text-danger">*</span>
								</label>
								<input type="text" id="nom" name="nom" class="form-control" value="{{ fournisseur.nom ?? '' }}" required autofocus placeholder="Ex : Pomona, Metro, Transgourmet…">
							</div>

							{# Adresse #}
							<div class="col-12">
								<label for="adresse" class="form-label fw-semibold">Adresse</label>
								<input type="text" id="adresse" name="adresse" class="form-control" value="{{ fournisseur.adresse ?? '' }}" placeholder="Rue, BP…">
							</div>

							{# Code postal + Ville #}
							<div class="col-sm-4">
								<label for="code_postal" class="form-label fw-semibold">Code postal</label>
								<input type="text" id="code_postal" name="code_postal" class="form-control" value="{{ fournisseur.code_postal ?? '' }}" maxlength="10" placeholder="75001">
							</div>
							<div class="col-sm-8">
								<label for="ville" class="form-label fw-semibold">Ville</label>
								<input type="text" id="ville" name="ville" class="form-control" value="{{ fournisseur.ville ?? '' }}" placeholder="Paris">
							</div>

							{# Téléphone #}
							<div class="col-sm-6">
								<label for="telephone" class="form-label fw-semibold">Téléphone</label>
								<input type="tel" id="telephone" name="telephone" class="form-control" value="{{ fournisseur.telephone ?? '' }}" placeholder="01 23 45 67 89">
							</div>

							{# Email #}
							<div class="col-sm-6">
								<label for="email" class="form-label fw-semibold">Email</label>
								<input type="email" id="email" name="email" class="form-control" value="{{ fournisseur.email ?? '' }}" placeholder="commandes@fournisseur.fr">
							</div>

							{# Contact principal #}
							<div class="col-12">
								<label for="contact_principal" class="form-label fw-semibold">Contact principal</label>
								<input type="text" id="contact_principal" name="contact_principal" class="form-control" value="{{ fournisseur.contact_principal ?? '' }}" placeholder="Nom du représentant commercial">
							</div>

							{# Notes #}
							<div class="col-12">
								<label for="notes" class="form-label fw-semibold">Notes</label>
								<textarea id="notes" name="notes" class="form-control" rows="3" placeholder="Conditions de commande, délais de livraison…">{{ fournisseur.notes ?? '' }}</textarea>
							</div>

						</div>

						{# Boutons #}
						<div class="d-flex justify-content-end gap-2 mt-4 pt-3 border-top">
							<a href="{{ path('tenant_fournisseurs_index') }}" class="btn btn-outline-secondary">
								Annuler
							</a>
							<button type="submit" class="btn btn-app-primary">
								<i class="fas fa-save me-1"></i>
								{{ is_edit ? 'Enregistrer les modifications' : 'Créer le fournisseur' }}
							</button>
						</div>

					</form>
				</div>
			</div>
		</div>
	</div>

{% endblock %}