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

{% block title %}
	Modifications d'évènements
{% endblock %}

{% block section %}
	<div class="card flex-fill w-100">
		<div class="card-header">
			<h5 class="card-title mb-0">Voici les dates à modifier:
			</h5>
		</div>
		<div class="card-body ">
			{% if liste_modifs|length >0 %}
				{% for propal in liste_modifs %}
					<div class="card-header pb-0">
						<h5 class="card-title mb-0">Modification pour une date le
							{{propal.eprDate|date('d-m-y')}}

							<a data-bs-target="#div-propals-{{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-propals-{{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>
						<a href="{{path('evenement_modification_finish', {idProp: propal.eprId})}}" class="btn btn-success">
							Marquer Comme traitée !</a>
					</div>
				{% endfor %}
			{% else %}
				<div class="alert alert-success col-md-10 mx-auto" role="alert">
					<div class="alert-message">
						<h4 class="alert-heading">Well done!</h4>
						<p>Aww yeah, Tout semble calme ! Good job</p>
						<hr>
						<p>Tout est traité ! You make Great Work
							{{app.session.get('user').firstname}}
							{{app.session.get('user').name}}</p>
					</div>
				</div>

			{% endif %}
		</div>
	</div>
{% endblock %}