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

{% block section %}

	<div class="card">
		{% if event.eveEpr is defined and event.eveEpr|length > 0 %}
			{% for propal in event.eveEpr %}
				{% if propal.eprModif == 0 %}
					<div class="card-header pb-0">
						<h5 class="card-title mb-0">Proposition Associée
							<a data-bs-target="#div-propals" id="" data-bs-toggle="collapse" class="text-decoration-none collapsed fw-bold text-primary">
								Afficher
							</a>
						</h5>
					</div>
					<div class="card-body collapse" id="div-propals">
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Date de la proposition
							</label>
							<div class="col-sm-8">
								{{propal.eprCreadate|date('d-m-y')}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Type D'évènement
							</label>
							<div class="col-sm-8">
								{{propal.eprTev.tevLibelle}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Groupes
							</label>
							<div class="col-sm-8">
								{% for aen in propal.aenParticipants %}
									{{aen.aenLibelle}}
									<span class="fw-bold text-warning">
										{{aen.aenId}},
									</span>
								{% endfor %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Date et Heure :
							</label>
							<div class="col-sm-8">
								Le
								{{propal.eprDate|date('d-m-y')}}
								{% if propal.eprHeure is defined %}
									à
									{{propal.eprHeure}}
								{% endif %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Lieu
							</label>
							<div class="col-sm-8">
								{{propal.eprLieu}}
								{% if propal.eprLieudesc is defined %}
									<br>
									{{propal.eprLieudesc}}
								{% endif %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Description
							</label>
							<div class="col-sm-8">
								{{propal.eprDescription}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Prix
							</label>
							<div class="col-sm-8">
								{% if propal.eprPrix is defined and propal.eprPrix != "" %}
									{{propal.eprPrix}}
								{% else %}
									<span class="text-danger">
										Le prix n'est pas défini
									</span>
								{% endif %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Contact
							</label>
							<div class="col-sm-8">
								{{propal.eprNom}},
								<a href="mailto:{{propal.eprEmail}}">{{propal.eprEmail}}</a>,
								{{propal.eprTelephone}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Notes
							</label>
							<div class="col-sm-8">
								{% if propal.eprNotes is defined and propal.eprNotes|length > 0 %}
									{% for note in propal.eprNotes %}
										{{note.enoMessage  | raw}}
										le
										<span class="text-warning">{{note.enoHeure|format_datetime('short', 'short', locale='fr')}}</span>
										<br>
									{% endfor %}
								{% else %}
									<span class="text-warning">
										Il n'y a pas encore de notes sur cette proposition.
									</span>
								{% endif %}
							</div>
						</div>
						<form action="{{path('add_epr_note', {idProp: propal.eprId})}}" method="post">
							<div class="mb-3 row">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Ajouter une note ..." name="form[enoMessage]" required/>
									<button type="submit" class="btn btn-success">Ajouter Ma Note</button>
								</div>
							</div>
						</form>
					</div>
				{% endif %}
				{% if propal.eprModif == 1 %}
					<div class="card-header pb-0">
						<h5 class="card-title mb-0">Modification apportée -
							<a data-bs-target="#div-modifs-{{propal.eprId}}" id="" data-bs-toggle="collapse" class="text-decoration-none collapsed fw-bold text-primary">
								Afficher
							</a>
						</h5>
					</div>
					<div class="card-body collapse" id="div-modifs-{{propal.eprId}}">
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Date de la proposition
							</label>
							<div class="col-sm-8">
								{{propal.eprCreadate|date('d-m-y')}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Type D'évènement
							</label>
							<div class="col-sm-8">
								{{propal.eprTev.tevLibelle}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Groupes
							</label>
							<div class="col-sm-8">
								{% for aen in propal.aenParticipants %}
									{{aen.aenLibelle}}
									<span class="fw-bold text-warning">
										{{aen.aenId}},
									</span>
								{% endfor %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Date et Heure :
							</label>
							<div class="col-sm-8">
								Le
								{{propal.eprDate|date('d-m-y')}}
								{% if propal.eprHeure is defined %}
									à
									{{propal.eprHeure}}
								{% endif %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Lieu
							</label>
							<div class="col-sm-8">
								{{propal.eprLieu}}
								{% if propal.eprLieudesc is defined %}
									<br>
									{{propal.eprLieudesc}}
								{% endif %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Description
							</label>
							<div class="col-sm-8">
								{{propal.eprDescription}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Prix
							</label>
							<div class="col-sm-8">
								{% if propal.eprPrix is defined and propal.eprPrix != "" %}
									{{propal.eprPrix}}
								{% else %}
									<span class="text-danger">
										Le prix n'est pas défini
									</span>
								{% endif %}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Contact
							</label>
							<div class="col-sm-8">
								{{propal.eprNom}},
								<a href="mailto:{{propal.eprEmail}}">{{propal.eprEmail}}</a>,
								{{propal.eprTelephone}}
							</div>
						</div>
						<div class="mb-3 row">
							<label class="col-form-label col-sm-4 text-sm-right ps-5">
								Notes
							</label>
							<div class="col-sm-8">
								{% if propal.eprNotes is defined and propal.eprNotes|length > 0 %}
									{% for note in propal.eprNotes %}
										{{note.enoMessage  | raw}}
										le
										<span class="text-warning">{{note.enoHeure|format_datetime('short', 'short', locale='fr')}}</span>
										<br>
									{% endfor %}
								{% else %}
									<span class="text-warning">
										Il n'y a pas encore de notes sur cette modification.
									</span>
								{% endif %}
							</div>
						</div>
						<form action="{{path('add_epr_note', {idProp: propal.eprId})}}" method="post">
							<div class="mb-3 row">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Ajouter une note ..." name="form[enoMessage]" required/>
									<button type="submit" class="btn btn-success">Ajouter Ma Note</button>
								</div>
							</div>
						</form>
					</div>
				{% endif %}

			{% endfor %}
		{% endif %}
		<div class="card-header pb-0">
			<div class="row">
				<div class="col-md-6">
					<h5 class="card-title mb-0">Editer l'evènement
					</h5>
				</div>
				{% if event.eveAnnule == 1 %}
					<div class="col-md-6 text-end">
						<div class="rounded bg-danger p-2 fw-bold text-light text-center">Cet évènement est annulé !</div>
					</div>
				{% elseif event.eveValide == 0 %}
					<div class="col-md-6 text-end">
						<div class="rounded bg-warning p-2 fw-bold text-light text-center">Cet évènement n'est pas validé !</div>
					</div>
				{% endif %}
			</div>
		</div>
		<div class="card-body">
			<form action="{{path('evenement_editer', {"id":event.eveId})}}" method="POST">
				<div class="mb-3 row">
					<label for="select-event-orgas" class="col-form-label col-sm-4 text-sm-right ps-5">
						Organisateur(s)
					</label>
					<div class="col-sm-8">
						<select id="select-event-orgas" name="form[aenOrganisateurs][]" minlength="2" multiple placeholder="Cherchez les organisateurs ..." autocomplete="on">
							{% if event.aenOrganisateurs is defined %}

								{% for orga in event.aenOrganisateurs %}
									<option value="{{orga.aenId}}" selected>{{orga.aenLibelle}}</option>
								{% endfor %}

							{% endif %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-eveDate" class="col-form-label col-sm-4 text-sm-right ps-5">Date et Heure :</label>
					<div class="col-sm-4 ">
						<input type="date" name="form[eveDate]" class="form-control" id="input-eveDate" {% if event.eveDate is defined %} value="{{event.eveDate|date('Y-m-d')}}" {% endif %} placeholder="La date ..."/>
					</div>
					<div class="col-sm-4 ">
						<input type="text" name="form[eveHeure]" class="form-control" id="input-eveHeure" {% if event.eveHeure is defined %} value="{{event.eveHeure}}" {% endif %} placeholder="L'heure ..."/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-eveTev" class="col-form-label col-sm-4 text-sm-right ps-5">Type D'évènement :</label>
					<div class="col-sm-8 ">
						<select class="form-select" name="form[eveTev]">
							{% for t in tevs %}
								<option value="/evenement_type_evenements/{{t.tevId}}" {% if event.eveTev.tevId == t.tevId %} selected {% endif %}>
									{{t.tevDpr.dprNom}}
									-->
									{{t.tevLibelle}}
								</option>
							{% endfor %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-eveEcs" class="col-form-label col-sm-4 text-sm-right ps-5">Cadre :</label>
					<div class="col-sm-8">
						<select class="form-select" name="form[eveEcs]">
							<option value="">
								Selectionner un cadre
							</option>
							{% for csc in cadresSc %}
								<option value="/evenement_cadre_souscategories/{{csc.ecsId}}" {% if event.eveEcs is defined and event.eveEcs.ecsId == csc.ecsId %} selected {% endif %}>
									{{csc.ecsEcc.eccLibelle}}
									-->
									{{csc.ecsLibelle}}
								</option>
							{% endfor %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="select-event-ensPere" class="col-form-label col-sm-4 text-sm-right ps-5">
						Ensembles parents :
					</label>
					<div class="col-sm-8">
						<select id="select-event-ensPere" name="form[ensembles][]" multiple placeholder="Cherchez les ensembles parents..." autocomplete="on">
							{% if event.ensembles is defined %}
								{% for ens in event.ensembles %}
									<option value="{{ens.eesId}}" selected>{{ens.eesLibelle}}</option>
								{% endfor %}

							{% endif %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="textarea-eveLibelle" class="col-form-label col-sm-4 text-sm-right ps-5">Libellé :</label>
					<div class="col-sm-8 ">
						{% if event.eveLibelle is defined %}
							<textarea name="form[eveLibelle]" id="textarea-eveLibelle" class="form-control" cols="50" rows="4">{{event.eveLibelle}}</textarea>
						{% else %}
							<textarea name="form[eveLibelle]" id="textarea-eveLibelle" class="form-control" cols="50" rows="4"></textarea>
						{% endif %}
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-evePrixPleinTarif" class="col-form-label col-sm-4 text-sm-right ps-5">Prix en euro :</label>
					<div class="col-sm-8 ">
						<input type="number" name="form[evePrixPleinTarif|float]" class="form-control" id="input-evePrixPleinTarif" {% if event.evePrixPleinTarif is defined %} value="{{event.evePrixPleinTarif}}" {% endif %} placeholder="Prix en euros sans la devise ..."/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-evePrixLibelle" class="col-form-label col-sm-4 text-sm-right ps-5">Prix détails :</label>
					<div class="col-sm-8 ">
						<input type="text" name="form[evePrixLibelle]" class="form-control" id="input-evePrixLibelle" {% if event.evePrixLibelle is defined %} value="{{event.evePrixLibelle}}" {% endif %} placeholder="Surcharge l'affichage du prix ..."/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-eveUrlReservation" class="col-form-label col-sm-4 text-sm-right ps-5">URL pour réservation :</label>
					<div class="col-sm-8 ">
						<input type="text" name="form[eveUrlReservation]" class="form-control" id="input-eveUrlReservation" {% if event.eveUrlReservation is defined %} value="{{event.eveUrlReservation}}" {% endif %} placeholder="l'adresse url pour une éventuelle résa..."/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="select-edit-eveVil" class="col-form-label col-sm-4 text-sm-right ps-5">Ville :</label>
					<div class="col-sm-8">
						<select id="select-edit-eveVil" name="form[eveVil]" placeholder="Cherchez la ville ..." autocomplete="on">
							{% if event.eveVil is defined %}
								<option value="/geolocale_villes/{{event.eveVil.vilId}}" selected>{{event.eveVil.vilNom}}
									{{event.eveVil.vilSub1.subNom}}
									{{event.eveVil.vilSub2.subNom}}
									{{event.eveVil.vilPay.payNom}}
								</option>
							{% endif %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="select-edit-evePla" class="col-form-label col-sm-4 text-sm-right ps-5">Place :</label>
					<div class="col-sm-8">
						<select id="select-edit-evePla" name="form[evePla]" placeholder="Cherchez la place ..." autocomplete="on">
							<option value="">Aucune</option>
							{% if event.eveVil is defined and event.eveVil.places|length > 0 %}
								{% for place in event.eveVil.places %}
									<option value="/geolocale_places/{{place.plaId}}" {% if event.evePla is defined and event.evePla.plaId == place.plaId %} selected {% endif %}>{{place.plaLibelle}}
									</option>
								{% endfor %}
							{% endif %}

						</select>
					</div>
				</div>
				{% if event.eveVil.vilTelephone is defined %}
					<div class="mb-3 row">
						<label class="col-form-label col-sm-4 text-sm-right ps-5">Telephone Mairie :</label>
						<div class="col-sm-8">
							{{event.eveVil.vilTelephone}}
						</div>
					</div>
				{% endif %}
				<div class="mb-3 row">
					<label class="col-form-label col-sm-4 text-sm-right ps-5">Date Annulée :</label>
					<div class="col-sm-8">
						<div class="form-check form-switch">
							<input class="form-check-input align-self-center" type="checkbox" name="form[eveAnnule|int]" value="1" {% if event.eveAnnule == 1 %} checked {% endif %}>
							Annulé
						</div>
					</div>
				</div>

				<div class="mb-3 row">
					<label class="col-form-label col-sm-4 text-sm-right ps-5">Date Validée :</label>
					<div class="col-sm-8">
						<div class="form-check form-switch">
							<input class="form-check-input  align-self-center" type="checkbox" name="form[eveValide|int]" value="1" {% if event.eveValide == 1 %} checked {% endif %}>
							Validé
						</div>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-eveNbentrees" class="col-form-label col-sm-4 text-sm-right ps-5">Nombre d'entrées :</label>
					<div class="col-sm-8">
						<input class="form-control" id="input-eveNbentrees" type="number" name="form[eveNbentrees|int]" {% if event.eveNbentrees is defined %} value="{{event.eveNbentrees}}" {% endif %} placeholder="nombre d'entrée">
					</div>
				</div>

				<div class="mb-3 row">
					<label class="col-form-label col-sm-4 text-sm-right ps-5">Pass Sanitaire :</label>
					<div class="col-sm-8">
						<div class="form-check form-switch">
							<input class="form-check-input align-self-center" type="checkbox" name="form[evePassSanitaire|int]" value="1" {% if event.evePassSanitaire == 1 %} checked {% endif %}>
							Obligatoire
						</div>
					</div>
				</div>
				<div class="mb-3 row">
					<label class="col-form-label col-sm-4 text-sm-right ps-5">Pass Vaccinal :</label>
					<div class="col-sm-8">
						<div class="form-check form-switch">
							<input class="form-check-input align-self-center" type="checkbox" name="form[evePassVaccinal|int]" value="1" {% if event.evePassVaccinal == 1 %} checked {% endif %}>
							Obligatoire
						</div>
					</div>
				</div>

				<div class="mb-3 row">
					<label for="select-event-participants" class="col-form-label col-sm-4 text-sm-right ps-5">Groupes et Artistes :</label>
					<div class="col-sm-8">
						<select id="select-event-participants" name="form[aenParticipants][]" multiple placeholder="Cherchez les participants ...">
							{% if event.aenParticipants is defined %}

								{% for p in event.aenParticipants %}
									<option value="{{p.aenId}}" selected>{{p.aenLibelle}}</option>
								{% endfor %}

							{% endif %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="textarea-eveHorsBase" class="col-form-label col-sm-4 text-sm-right ps-5">Artistes et Groupes hors bases :</label>
					<div class="col-sm-8 ">
						{% if event.eveHorsBase is defined %}
							<textarea name="form[eveHorsBase]" id="textarea-eveHorsBase" class="form-control" cols="50" rows="2">{{event.eveHorsBase}}</textarea>
						{% else %}
							<textarea name="form[eveHorsBase]" id="textarea-eveHorsBase" class="form-control" cols="50" rows="2"></textarea>
						{% endif %}
						Séparer par un point virgule les artistes et groupes ;
					</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>
	{% include "components/_logsUniqueEntity.html.twig" %}

{% endblock %}