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

{% block title %}{{ categorie ? 'Modifier « ' ~ categorie.nom ~ ' »' : 'Nouvelle catégorie' }}{% 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-{{ categorie ? 'edit' : 'plus-circle' }} me-2"></i>
		{{ categorie ? 'Modifier « ' ~ categorie.nom ~ ' »' : 'Nouvelle catégorie' }}
	</h1>
	<a href="{{ path('tenant_categories_index') }}" class="btn btn-outline-secondary">
		<i class="fas fa-arrow-left me-1"></i>Retour
	</a>
</div>

<div class="row g-4">
	<div class="col-lg-7">
		<div class="card border-0 shadow-sm rounded-3">
			<div class="card-header bg-transparent fw-semibold py-3">
				<i class="fas fa-layer-group me-2 text-primary"></i>Informations de la catégorie
			</div>
			<div class="card-body p-4">
				<form method="post" action="{{ action }}">
					<input type="hidden" name="_token" value="{{ csrf_token(token) }}">

					<div class="mb-3">
						<label class="form-label fw-semibold">Nom du secteur <span class="text-danger">*</span></label>
						<input type="text" name="nom" class="form-control" required autofocus
							   value="{{ categorie.nom|default('') }}" maxlength="50"
							   placeholder="ex : CE2, CM1-CM2, Personnel Cantine…">
					</div>

					<div class="mb-3">
						<label class="form-label fw-semibold">Responsable / Description</label>
						<input type="text" name="description" class="form-control"
							   value="{{ categorie.description|default('') }}" maxlength="255"
							   placeholder="ex : M. Dupont, enseignant référent">
					</div>

					<div class="mb-4">
						<label class="form-label fw-semibold">Année scolaire</label>
						<input type="text" name="annee_scolaire" class="form-control"
							   value="{{ categorie.annee_scolaire|default('') }}" maxlength="9"
							   placeholder="ex : 2025/2026 (laisser vide = permanent)">
						<div class="form-text">Laisser vide pour une catégorie permanente (personnel, visiteurs…).</div>
					</div>

					<hr>

					<div class="mb-4">
						<label class="form-label fw-semibold">
							<i class="fas fa-tag me-1 text-success"></i>Tarifs applicables à cette catégorie
						</label>
						<div class="form-text mb-3">
							Les tarifs cochés seront utilisés pour la génération automatique des ventes depuis les présences.
						</div>

						{% if tarifsGrouped is empty %}
						<div class="alert alert-warning py-2">
							<i class="fas fa-exclamation-triangle me-1"></i>
							Aucun tarif actif configuré.
							{% if app.user.role == 'admin' %}
							<a href="{{ path('tenant_tarifs_index') }}">Créer des tarifs</a> d'abord.
							{% endif %}
						</div>
						{% else %}
						<div class="row g-3">
							{% for service, tarifs in tarifsGrouped %}
							<div class="col-12">
								<div class="text-muted small fw-semibold text-uppercase mb-2">
									<i class="fas fa-utensils me-1"></i>{{ service }}
								</div>
								{% for tarif in tarifs %}
								<div class="form-check">
									<input class="form-check-input" type="checkbox"
										   name="tarifs_lies[]" value="{{ tarif.id }}"
										   id="tarif_{{ tarif.id }}"
										   {{ tarif.id in tarifsLies ? 'checked' : '' }}>
									<label class="form-check-label" for="tarif_{{ tarif.id }}">
										{{ tarif.nom }}
										<span class="text-muted small">({{ tarif.montant|number_format(2, ',', ' ') }} €
											{% if tarif.type %} — {{ tarif.type }}{% endif %})</span>
									</label>
								</div>
								{% endfor %}
							</div>
							{% endfor %}
						</div>
						{% endif %}
					</div>

					<div class="d-flex gap-2">
						<button type="submit" class="btn btn-primary">
							<i class="fas fa-save me-1"></i>{{ categorie ? 'Enregistrer les modifications' : 'Créer la catégorie' }}
						</button>
						<a href="{{ path('tenant_categories_index') }}" class="btn btn-outline-secondary">Annuler</a>
					</div>
				</form>
			</div>
		</div>
	</div>

	{% if categorie %}
	<div class="col-lg-5">
		<div class="card border-0 shadow-sm rounded-3">
			<div class="card-header bg-transparent fw-semibold py-3">
				<i class="fas fa-users me-2 text-primary"></i>Personnes dans cette catégorie
			</div>
			<div class="card-body p-3 text-center">
				<p class="text-muted small mb-3">Gérez les élèves / agents rattachés à ce groupe.</p>
				<a href="{{ path('tenant_personnes_index', {categorie_id: categorie.id}) }}"
				   class="btn btn-outline-primary w-100">
					<i class="fas fa-users me-2"></i>Gérer les personnes
				</a>
				<a href="{{ path('tenant_personnes_new') }}?categorie_id={{ categorie.id }}"
				   class="btn btn-outline-success w-100 mt-2">
					<i class="fas fa-user-plus me-2"></i>Ajouter une personne
				</a>
			</div>
		</div>
	</div>
	{% endif %}
</div>
{% endblock %}