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

{% block title %}Export des créneaux char à voile -
	{{ parent() }}
{% endblock %}

{% block body %}
	<div class="container py-5">
		<div class="row justify-content-center">
			<div class="col-lg-8">
				<div class="card shadow">
					<div class="card-header bg-eolia text-white">
						<h4 class="mb-0">
							<i class="fas fa-file-excel me-2"></i>
							Exporter les créneaux char à voile</h4>
					</div>
					<div class="card-body">
						<p class="text-muted">
							Génère un fichier Excel de tous les créneaux praticables sur la période choisie :
							une ligne par séance, et les jours sans créneau sont indiqués.
							Les valeurs ci-dessous sont pré-remplies depuis
							<strong>Paramètres du site</strong> et modifiables pour cet export.
						</p>

						{% if erreur %}
							<div class="alert alert-danger">{{ erreur }}</div>
						{% endif %}

						{# action explicite : ouvert depuis le menu EasyAdmin, la page peut être
						   servie sous /admin?... ; sans action, le formulaire y renverrait. #}
						<form method="get" action="{{ path('exportSeancesMois') }}" class="row g-3">
							<input type="hidden" name="export" value="1">

							<div class="col-md-3">
								<label class="form-label" for="du">Du</label>
								<input type="date" class="form-control" id="du" name="du"
								       value="{{ saisie.du }}" min="{{ borneBasse }}" max="{{ borneHaute }}" required>
							</div>
							<div class="col-md-3">
								<label class="form-label" for="au">Au</label>
								<input type="date" class="form-control" id="au" name="au"
								       value="{{ saisie.au }}" min="{{ borneBasse }}" max="{{ borneHaute }}" required>
							</div>
							<div class="col-12">
								<div class="form-text mt-0">
									<i class="fas fa-info-circle me-1"></i>
									Prévisions disponibles du {{ borneBasse|date('d/m/Y') }} au {{ borneHaute|date('d/m/Y') }},
									{{ joursMax }} jours maximum par export.
								</div>
							</div>

							<div class="col-md-6">
								<label class="form-label" for="site">Site</label>
								{% if sites is not empty %}
									<select class="form-select" id="site" name="site">
										{% for s in sites %}
											<option value="{{ s.site_id }}" {% if s.site_id == saisie.site %}selected{% endif %}>{{ s.site_name }}</option>
										{% endfor %}
									</select>
								{% else %}
									<input type="text" class="form-control" id="site" name="site" value="{{ saisie.site }}">
									<div class="form-text">Liste des sites indisponible : saisissez l'identifiant.</div>
								{% endif %}
							</div>

							<div class="col-12">
								<hr class="my-2">
							</div>

							<div class="col-md-3">
								<label class="form-label" for="hauteurMax">Hauteur max (m)</label>
								<input type="number" class="form-control" id="hauteurMax" name="hauteurMax"
								       min="0" max="20" step="0.1" value="{{ saisie.hauteurMax }}" required>
							</div>
							<div class="col-md-3">
								<label class="form-label" for="duree">Durée (min)</label>
								<input type="number" class="form-control" id="duree" name="duree"
								       min="5" max="600" step="5" value="{{ saisie.duree }}" required>
							</div>
							<div class="col-md-3">
								<label class="form-label" for="battement">Battement (min)</label>
								<input type="number" class="form-control" id="battement" name="battement"
								       min="0" max="600" step="5" value="{{ saisie.battement }}" required>
							</div>
							<div class="col-md-3"></div>

							<div class="col-md-3">
								<label class="form-label" for="heureMin">Pas avant</label>
								<input type="time" class="form-control" id="heureMin" name="heureMin"
								       step="900" value="{{ saisie.heureMin }}" required>
							</div>
							<div class="col-md-3">
								<label class="form-label" for="heureMax">Pas après</label>
								<input type="time" class="form-control" id="heureMax" name="heureMax"
								       step="900" value="{{ saisie.heureMax }}" required>
							</div>

							<div class="col-12 mt-4 d-flex gap-2">
								<button type="submit" class="btn blue text-white">
									<i class="fas fa-download me-1"></i>
									Télécharger le fichier Excel
								</button>
								<a href="{{ path('maree') }}" class="btn btn-outline-secondary">
									<i class="fas fa-water me-1"></i>
									Voir la page Marée et Vent
								</a>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}