{% extends "base.html.twig" %}

{% block page_title %}
	Nouvel Ensemble d'évènements | BO
{% endblock %}

{% block name_title_page_top %}
	<i class="fa-solid fa-plus"></i> Nouvel Ensemble d'évènements
{% endblock %}

{% block real_page_content %}
<div class="container-fluid py-4">
	<div class="d-flex flex-column flex-sm-row justify-content-between align-items-start align-items-sm-center gap-3 mb-4">
		<a href="{{ ea_url().setRoute('evenements_ensembles_gestion') }}" class="btn btn-secondary">
			<i class="fas fa-arrow-left me-2"></i>Retour aux ensembles
		</a>
		<h4 class="mb-0 order-first order-sm-0 text-center flex-grow-1">
			<i class="fas fa-plus text-muted me-2"></i>Nouvel ensemble d'évènements
		</h4>
		<button type="submit" form="ensemble-create-form" class="btn btn-success px-4">
			<i class="fas fa-save me-2"></i>Créer
		</button>
	</div>

	{% for message in app.flashes('danger') %}
		<div class="alert alert-danger alert-dismissible fade show" role="alert">
			{{ message }}
			<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
		</div>
	{% endfor %}

	<form id="ensemble-create-form" action="{{ ea_url().setRoute('evenement_ensemble_creer') }}" method="POST">
		<div class="card shadow-sm border-0 mb-4">
			<div class="card-body p-4">
				<h6 class="text-muted text-uppercase small fw-bold mb-4">
					<i class="fas fa-info-circle me-2"></i>Informations générales
				</h6>
				<div class="row g-4">
					<div class="col-12 col-md-6">
						<div class="form-floating">
							<input type="text" name="form[eesLibelle]" class="form-control" id="input-eesLibelle" placeholder="Libellé" required maxlength="145">
							<label for="input-eesLibelle">Libellé de l'ensemble</label>
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="form-floating">
							<input type="text" name="form[eesFacebook]" class="form-control" id="input-eesFacebook" placeholder="Facebook" maxlength="145">
							<label for="input-eesFacebook">Page Facebook</label>
						</div>
					</div>
					<div class="col-12">
						<div class="form-floating">
							<input type="text" name="form[eesSite]" class="form-control" id="input-eesSite" placeholder="Site" maxlength="145">
							<label for="input-eesSite">Site Web</label>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
{% endblock %}