{% extends "formation/formation.html.twig" %}
{% block title %}
	Gestion des Stages | BO
{% endblock %}

{% block section %}


	<div class="tab-pane fade show active" role="tabpanel">
		<div class="card">
			<div class="card-header row">
				<div class="col-md-6">
					<h5 class="card-title">Les Stages</h5>
				</div>
				<div class="col-md-6 text-end">
					<a href="{{path('stages_gestion')}}" class="btn btn-warning">
						<i class="align-middle me-2" data-feather="refresh-ccw"></i>
						Vider le formulaire</a>
				</div>
			</div>
			<div class="card-body">
				<!-- search form -->
				<!--TODO-->
					<form action="{{path('stages_gestion')}}" method="POST"> <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" placeholder="Recherche un orga" {% if libelle is defined %} value={{libelle}} {% endif %}>
								<option value=" ">Tous</option>
								{% for o in orgas %}
									<option value="{{o.aenId}}" {% if eveOrga is defined and eveOrga == o.aenId %} 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]" class=" form-control" id="input-search-eveDate" {% if eveStartDate is defined %} value={{eveStartDate}} {% 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 eveEndDate is defined %} value={{eveEndDate}} {% endif %}>
						</div>
					</div>
					<div class="mb-3 row">
						<label for="select-search-fstEveEveVil" class="col-form-label col-sm-4 text-sm-right ps-5">Rechercher par Ville :</label>
						<div class="col-sm-8">
							<select id="select-search-fstEveEveVil" name="form[fstEve.eveVil]" class="form-control" placeholder="Cherchez la ville ...">
								{% if vil is defined and vil != null %}
									<option value="{{vil.vilId}}">{{vil.vilDescription}}</option>
								{% endif %}
							</select>
						</div>
					</div>
					<div class="mb-3 row">
						<div class="col-md-12 text-end">
							<input type="hidden" name="research" value="oui">
							<button class="btn btn-success btn-lg" type="submit">
								Chercher !
							</button>
						</div>
					</div>
				</form>


				<table>
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Organisateur</th>
								<th>Date Début</th>
								<th>Date Fin</th>
								<th>Libellé</th>
								<th>Ville</th>
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							{% if stages is defined and stages|length > 0  %}
								{% for s in stages %}
									<tr>
										<td>
											{% if s.fstEve.aenOrganisateurs is defined %}
												{% for orga in s.fstEve.aenOrganisateurs %}

													{{orga.aenLibelle}}
												{% endfor %}

											{% endif %}
										</td>
										<td>{{s.fstEve.eveDate|date('d-m-Y')}}</td>
										<td class="text-center">
											{% if s.fstDateFin is defined %}
												{{s.fstDateFin|date('d-m-Y')}}</td>
										{% else %}
											X
										{% endif %}
										<td class="text-center">
											{% if s.fstEve.eveLibelle is defined %}
												{{s.fstEve.eveLibelle}}
											{% else %}
												X
											{% endif %}
										</td>
										<td>{{s.fstEve.eveVil.vilNom}}</td>
										<td class="table-action">
											<a href="{{path('formation_stage_editer', {id: s.fstId})}}">
												<i class="align-middle text-primary" data-feather="edit-2"></i>
											</a>
											<a href="{{path('formation_stage_delete', {id: s.fstId})}}">
												<i class="align-middle text-danger" data-feather="trash"></i>
											</a>
										</td>
									</tr>
								{% endfor %}
							{% else %}
								<tr class="table-warning">
									<td>
										Il n'y a aucun résultat à votre recherche.
									</td>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							{% endif %}
						</tbody>
					</tbody>
				</table>


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