{% extends "evenement/evenement.html.twig" %}

{% block section %}
	{{ encore_entry_script_tags('event_ens') }}

	<div class="card">
		<div class="card-header pb-0">
			<h5 class="card-title mb-0">Editer l'ensemble d'évènement

			</h5>
		</div>
		<div class="card-body">
			<form action="{{path('evenement_ensemble_editer', {id:ensemble.eesId})}}" method="POST">
				<div class="mb-3 row">
					<label for="input-eesLibelle" class="col-form-label col-sm-4 text-sm-right ps-5">Libellé :</label>
					<div class="col-sm-8 ">
						<input type="text" name="form[eesLibelle]" class="form-control" id="input-eesLibelle" {% if ensemble.eesLibelle is defined %} value="{{ensemble.eesLibelle}}" {% endif %} placeholder="Le libellé de l'ensemble ..."/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-eesFacebook" class="col-form-label col-sm-4 text-sm-right ps-5">Page Facebook :</label>
					<div class="col-sm-8 ">
						<input type="text" name="form[eesFacebook]" class="form-control" id="input-eesFacebook" {% if ensemble.eesFacebook is defined %} value="{{ensemble.eesFacebook}}" {% endif %} placeholder="URL de la page FB ..."/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-eesSite" class="col-form-label col-sm-4 text-sm-right ps-5">Site Web :</label>
					<div class="col-sm-8 ">
						<input type="text" name="form[eesSite]" class="form-control" id="input-eesSite" {% if ensemble.eesSite is defined %} value="{{ensemble.eesSite}}" {% endif %} placeholder="URL du site ..."/>
					</div>
				</div>
				<div class="card-header pb-0">
					<h5 class="card-title mb-0">Ensemble Parents
					</h5>
				</div>
				<div class="mb-3 row">
					<label for="select-eveEnsPeres" class="col-form-label col-sm-4 text-sm-right ps-5">
						Ensembles parents :
					</label>
					<div class="col-sm-8">
						<select id="select-eveEnsPeres" name="form[eveEnsPeres][]" multiple placeholder="Cherchez les ensembles parents..." autocomplete="on">
							{% if ensemble.eveEnsPeres is defined %}
								{% for ens in ensemble.eveEnsPeres %}
									<option value="{{ens.eesId}}" selected>{{ens.eesLibelle}}</option>
								{% endfor %}
							{% endif %}
						</select>
					</div>
				</div>
				<div class="card-header pb-0">
					<h5 class="card-title mb-0">Ensemble Enfants
					</h5>
				</div>
				<div class="mb-3 row">
					<label for="select-eveEnsFils" class="col-form-label col-sm-4 text-sm-right ps-5">
						Ensembles Enfants :
					</label>
					<div class="col-sm-8">
						<select id="select-eveEnsFils" name="form[eveEnsFils][]" multiple placeholder="Cherchez les ensembles enfants..." autocomplete="on">
							{% if ensemble.eveEnsFils is defined %}
								{% for ens in ensemble.eveEnsFils %}
									<option value="{{ens.eesId}}" selected>{{ens.eesLibelle}}</option>
								{% endfor %}
							{% endif %}
						</select>
					</div>
				</div>

				<div class="card-header pb-0">
					<h5 class="card-title mb-0">Evenement Enfants
					</h5>
				</div>

				<div class="mb-3 row">
					<div class="input-group mb-2">
						<select class="form-select" id="select-dpr">
							{% for d in domaines %}
								<option value="{{d.dprId}}">{{d.dprNom}}</option>
							{% endfor %}
						</select>
						<input type="date" class="form-control" id="date-to-find-event">
						<button class="btn btn-success" id="search-date-btn" type="button">Chercher</button>
					</div>
					<div class="col-md-5">
						<select id="select-research" class="form-select" multiple></select>
					</div>
					<div class="col-md-2 text-center">
						<button type="button" class="btn-outline-success btn mx-2" id="add-event-btn">Ajouter</button>
						<button type="button" class="btn-outline-danger btn my-2" id="remove-event-btn">Supprimer</button>
					</div>
					<div class="col-md-5">
						<select id='target-depose' multiple name="form[evenements][]" class="form-select">
							{% if ensemble.evenements is defined and ensemble.evenements|length >0 %}
								{% for event in ensemble.evenements %}
									<option class="btn d-block btn-outline-primary my-1" id="event-{{event.eveId}}" value="/evenements/{{event.eveId}}" selected>
										{{event.eveTev.tevLibelle}}
										à
										{{event.eveVil.vilNom}}
										le
										{{event.eveDate|date('d-m-Y')}}
									</option>

								{% endfor %}
							{% endif %}
						</select>
						<input id="hidden-event-input" type="hidden" name="form[evenementsString]" {% if ensemble.evenements is defined and ensemble.evenements|length >0 %} value="{% for event in ensemble.evenements %}/evenements/{{event.eveId}};{% endfor %}" {% endif %}/>
					</div>
				</div>

				<div class="mb-3 row">
					<div class="col-md-12 text-center">
						<button class="btn btn-success btn-lg" type="submit">
							Enregistrer les modifications
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>
{% endblock %}