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

{% block title %}
	Editer un Stage
{% endblock %}

{% block section %}
	<div class="card">
		<div class="card-header pb-0">
			<h5 class="card-title mb-0">Editer le Stage
			</h5>
		</div>
		<div class="card-body">
			<form action="{{path('formation_stage_editer', {"id":stage.fstId})}}" method="POST">
				<div class="mb-3 row">
					<label for="input-fstEve.eveLibelle" class="col-form-label col-sm-4 text-sm-right ps-5">Libellé du Stage :</label>
					<div class="col-sm-8 ">
						<input type="text" name="form[fstEve.eveLibelle]" class="form-control" id="input-fstEve.eveLibelle" {% if stage.fstEve.eveLibelle is defined %} value="{{stage.fstEve.eveLibelle}}" {% endif %} placeholder="Libelle du stage ..."/>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-fstEve.aenOrganisateurs" class="col-form-label col-sm-4 text-sm-right ps-5">Organisateur :
					</label>
					<div class="col-sm-8 ">
						<select name="form[fstEve.aenOrganisateurs]" class="form-select" id="input-fstEve.aenOrganisateurs">
							<option value=" ">Non spécifié</option>
							{% for o in orgas %}
								<option value="/annuaire_entrees/{{o.aenId}}" {% if stage.fstEve.aenOrganisateurs|length > 0 and stage.fstEve.aenOrganisateurs[0].aenLibelle == o.aenLibelle %} selected {% endif %}>{{o.aenLibelle}}</option>
							{% endfor %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-search-fstEve.eveDate" class="col-form-label col-sm-4 text-sm-right ps-5">Date de début :
					</label>
					<div class="col-sm-8 ">
						<input type="date" name="form[fstEve.eveDate]" required class=" form-control" id="input-search-eveDate" {% if stage.fstEve.eveDate is defined %} value={{stage.fstEve.eveDate|date('Y-m-d')}} {% endif %}>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-search-fstDateFin" class="col-form-label col-sm-4 text-sm-right ps-5">Date de Fin :
					</label>
					<div class="col-sm-8 ">
						<input type="date" name="form[fstDateFin]" class=" form-control" id="input-search-fstDateFin" {% if stage.fstDateFin is defined %} value={{stage.fstDateFin|date('Y-m-d')}} {% endif %}>
					</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[fstEve.eveVil]" required placeholder="Cherchez la ville ..." autocomplete="on">
							{% if stage.fstEve.eveVil is defined %}
								<option value="{{stage.fstEve.eveVil.vilId}}" selected>{{stage.fstEve.eveVil.vilDescription}}
								</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[fstEvePla]" placeholder="Cherchez la place ..." autocomplete="on">
							<option value="">Aucune</option>
							{% if stage.fstEve.eveVil is defined and stage.fstEve.eveVil.places|length > 0 %}
								{% for place in stage.fstEve.eveVil.places %}
									<option value="{{place.plaId}}" {% if stage.fstEve.evePla is defined and stage.fstEve.evePla.plaId == place.plaId %} selected {% endif %}>{{place.plaLibelle}}
									</option>
								{% endfor %}
							{% endif %}
						</select>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-fstDescription" class="col-form-label col-sm-4 text-sm-right ps-5">Description</label>
					<div class="col-sm-8">
						<textarea name="form[fstDescription]" class="form-control" id="input-fstDescription">
							{% if stage.fstDescription is defined %}
								{{stage.fstDescription}}
							{% endif %}
						</textarea>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-fstAcces" class="col-form-label col-sm-4 text-sm-right ps-5">Information sur l'accès</label>
					<div class="col-sm-8">
						<textarea name="form[fstAcces]" class="form-control" id="input-fstAcces">
							{% if stage.fstAcces is defined %}
								{{stage.fstAcces}}
							{% endif %}
						</textarea>
					</div>
				</div>
				<div class="mb-3 row">
					<label for="input-fstTarifs" class="col-form-label col-sm-4 text-sm-right ps-5">Informations sur les tarifs</label>
					<div class="col-sm-8">
						<textarea name="form[fstTarifs]" class="form-control" id="input-fstTarifs">
							{% if stage.fstTarifs is defined %}
								{{stage.fstTarifs}}
							{% endif %}
						</textarea>
					</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>
	<div class="card">
		<div class="card-header pb-0">
			<div class="row">
				<div class="col-md-6 text-start">
					<h5 class="card-title mb-0">Gérer les Sessions du stage
					</h5>
				</div>
				<div class="col-md-6 text-end">
					<a href="{{path('formations_session_creer', {idStage:stage.fstId})}}" class="btn btn-primary btn-lg">
						Ajouter une session
					</a>
				</div>
			</div>
		</div>
		<div class="card-body">
			<table class="table table-striped">
				<thead>
					<tr>
						<th>Date Début</th>
						<th>Date Fin</th>
						<th>Discipline</th>
						<th>Animateurs</th>
						<th>Actions</th>
					</tr>
				</thead>
				<tbody>
					{% if stage.sessions is defined and stage.sessions|length > 0  %}
						{% for s in stage.sessions %}
							<tr>
								<td>{{s.fssDateDebut|date('d-m-Y')}}</td>
								<td>
									{% if s.fssDateFin is defined %}
										{{s.fssDateFin|date('d-m-Y')}}
									{% else %}
										X
									{% endif %}
								</td>
								<td>{{s.fssFod.fodNom}}
								</td>
								<td>
									{% if s.animateurs is defined and s.animateurs|length > 0  %}
										{% for anim in s.animateurs %}
											{{anim.aenLibelle}}<br>
										{% endfor %}
									{% endif %}
								</td>
								<td class="table-action">
									<a href="{{path('formation_session_editer', { idStage: stage.fstId, id: s.fssId})}}">
										<i class="align-middle text-primary" data-feather="edit-2"></i>
									</a>

									<a href="{{path('formations_session_delete', { idStage: stage.fstId, idSession: s.fssId})}}">
										<i class="align-middle text-danger" data-feather="trash"></i>
									</a>
								</td>
							</tr>
						{% endfor %}
					{% else %}
						<tr class="table-warning">
							<td>
								Il n'y a aucune session de programmée pour le moment.
							</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
					{% endif %}
				</tbody>
			</table>
		</div>
	</div>
	{% include "components/_logsUniqueEntity.html.twig" %}

{% endblock %}