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

{% block title %}{{ personne ? 'Modifier ' ~ personne.prenom ~ ' ' ~ personne.nom : 'Ajouter une personne' }}{% endblock %}

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
	<h1 class="h3 fw-bold page-title mb-0">
		<i class="fas fa-{{ personne ? 'user-edit' : 'user-plus' }} me-2"></i>
		{{ personne ? 'Modifier ' ~ personne.prenom ~ ' ' ~ personne.nom : 'Ajouter une personne' }}
	</h1>
	<a href="{{ path('tenant_personnes_index', {categorie_id: categorieId}) }}" class="btn btn-outline-secondary">
		<i class="fas fa-arrow-left me-1"></i>Retour
	</a>
</div>

<div class="card border-0 shadow-sm rounded-3" style="max-width: 700px">
	<div class="card-body p-4">
		<form method="post" action="{{ action }}">
			<input type="hidden" name="_token" value="{{ csrf_token(token) }}">

			<div class="row g-3">
				<div class="col-md-6">
					<label class="form-label fw-semibold">Nom <span class="text-danger">*</span></label>
					<input type="text" name="nom" class="form-control" required autofocus
						   value="{{ personne.nom|default('') }}" maxlength="100"
						   placeholder="Dupont">
				</div>
				<div class="col-md-6">
					<label class="form-label fw-semibold">Prénom <span class="text-danger">*</span></label>
					<input type="text" name="prenom" class="form-control" required
						   value="{{ personne.prenom|default('') }}" maxlength="100"
						   placeholder="Marie">
				</div>
				<div class="col-12">
					<label class="form-label fw-semibold">Catégorie <span class="text-danger">*</span></label>
					<select name="categorie_id" class="form-select" required>
						{% for cat in categories %}
						<option value="{{ cat.id }}"
								{{ cat.id == (personne.categorie_id|default(categorieId)) ? 'selected' : '' }}>
							{{ cat.nom }}{% if cat.annee_scolaire %} ({{ cat.annee_scolaire }}){% endif %}
						</option>
						{% endfor %}
					</select>
				</div>
			</div>

			{# ── Allergènes réglementaires ── #}
			{% set allergenes = {
				'contient_gluten':       'Gluten',
				'contient_crustaces':    'Crustacés',
				'contient_oeufs':        'Œufs',
				'contient_poisson':      'Poisson',
				'contient_arachides':    'Arachides',
				'contient_soja':         'Soja',
				'contient_lactose':      'Lactose',
				'contient_fruits_coque': 'Fruits à coque',
				'contient_celeri':       'Céleri',
				'contient_moutarde':     'Moutarde',
				'contient_sesame':       'Sésame',
				'contient_sulfites':     'Sulfites',
				'contient_lupin':        'Lupin',
				'contient_mollusques':   'Mollusques'
			} %}
			<hr class="my-4">
			<div class="mb-1 fw-semibold"><i class="fas fa-exclamation-triangle text-warning me-1"></i>Allergènes / Intolérances</div>
			<p class="text-muted small mb-2">Cochez les allergènes réglementaires et/ou saisissez les allergies spécifiques.</p>
			<div class="row g-2 mb-3">
				{% for col, label in allergenes %}
				<div class="col-6 col-md-4 col-lg-3">
					<div class="form-check">
						<input class="form-check-input" type="checkbox" name="{{ col }}" id="{{ col }}"
							   value="1" {{ personne[col] is defined and personne[col] ? 'checked' : '' }}>
						<label class="form-check-label small" for="{{ col }}">{{ label }}</label>
					</div>
				</div>
				{% endfor %}
			</div>
			<div>
				<label class="form-label fw-semibold small">Autres allergies / intolérances</label>
				<input type="text" name="allergies_autres" class="form-control form-control-sm"
					   value="{{ personne.allergies_autres|default('') }}"
					   placeholder="Ex : fraises, kiwi, ananas, pêches…"
					   maxlength="500">
				<div class="form-text">Séparez les différentes allergies par des virgules.</div>
			</div>

			<div class="d-flex gap-2 mt-4">
				<button type="submit" class="btn btn-primary">
					<i class="fas fa-save me-1"></i>{{ personne ? 'Enregistrer' : 'Ajouter' }}
				</button>
				<a href="{{ path('tenant_personnes_index', {categorie_id: categorieId}) }}"
				   class="btn btn-outline-secondary">Annuler</a>
			</div>
		</form>
	</div>
</div>
{% endblock %}