{% extends "formation/formation.html.twig" %}
{% block title %}
	{% if session is defined %}
		Edition
	{% else %}
		Creation
	{% endif %}
	Session | BO
{% endblock %}

{% block section %}
	<div class="tab-pane fade show active" role="tabpanel">
		<div class="card">
			<div class="card-header">
				<div class="row">
					<div class="col-md-6 text-start">
						<h5 class="card-title">
							{% if session is defined %}
								Editer
							{% else %}
								Créer
							{% endif %}
							une Session</h5>
					</div>
					<div class="col-md-6 text-end">
						<a href="{{path('formation_stage_editer', {id:idStage})}}" class="btn btn-warning btn-lg">
							Retourner Au stage >>>
						</a>
					</div>
				</div>
			</div>
			<div class="card-body">
				<form {% if session is defined %} action="{{path('formation_session_editer', {"idStage":session.fssFst.fstId, id:session.fssId})}}" {% else %} action="{{path('formations_session_creer', {"idStage":idStage})}}" {% endif %} method="POST">
					<div class="mb-3 row">
						<label for="select-fssFod" class="col-form-label col-sm-4 text-sm-right ps-5">Discipline :
						</label>
						<div class="col-sm-8 ">
							<select name="form[fssFod]" class="form-select" id="select-fssFod">
								{% for d in disciplines %}
									<option value="/formation_disciplines/{{d.fodId}}" {% if session.fssFod is defined and session.fssFod.fodId == d.fodId %} selected {% endif %}>{{d.fodNom}}</option>
								{% endfor %}
							</select>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-fssSoustitre" class="col-form-label col-sm-4 text-sm-right ps-5">Sous Titre :</label>
						<div class="col-sm-8 ">
							<input type="text" name="form[fssSoustitre]" class="form-control" id="input-fssSoustitre" {% if session.fssSoustitre is defined %} value="{{session.fssSoustitre}}" {% endif %} placeholder="Sous Titre de la session ..."/>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-fssDateDebut" 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[fssDateDebut]" class=" form-control" id="input-fssDateDebut" {% if session.fssDateDebut is defined %} value="{{session.fssDateDebut|date('Y-m-d')}}" {% else %} value="{{stage.fstEve.eveDate|date('Y-m-d')}}" {% endif %}>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-fssDateFin" 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[fssDateFin]" class=" form-control" id="input-fssDateFin" {% if session.fssDateFin is defined %} value={{session.fssDateFin|date('Y-m-d')}} {% elseif stage.fstDateFin is defined %} value="{{stage.fstDateFin|date('Y-m-d')}}" {% else %} value="{{stage.fstEve.eveDate|date('Y-m-d')}}" {% endif %}>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-fssHeureDebut" class="col-form-label col-sm-4 text-sm-right ps-5">Heure de début :
						</label>
						<div class="col-sm-8 ">
							<input type="time" name="form[fssHeureDebut]" class=" form-control" id="input-fssHeureDebut" {% if session.fssHeureDebut is defined %} value={{session.fssHeureDebut|format_datetime('none', 'short', locale='fr')}} {% elseif stage.fstEve.eveHeure is defined %} value="{{stage.fstEve.eveHeure|format_datetime('none', 'short', locale='fr')}}" {% endif %}>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-fssHeureFin" class="col-form-label col-sm-4 text-sm-right ps-5">Heure de fin :
						</label>
						<div class="col-sm-8 ">
							<input type="time" name="form[fssHeureFin]" class=" form-control" id="input-fssHeureFin" {% if session.fssHeureFin is defined %} value={{session.fssHeureFin|format_datetime('none', 'short', locale='fr')}} {% 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[fssVil]" placeholder="Cherchez la ville ..." autocomplete="on">
								{% if session.fssVil is defined %}
									<option value="{{session.fssVil.vilId}}" selected>{{session.fssVil.vilDescription}}
									</option>
								{% else %}
									<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[fssPla]" placeholder="Cherchez la place ..." autocomplete="on">
								<option value="">Aucune</option>
								{% if session.fssVil is defined and session.fssVil.places|length > 0 and session.fssPla is defined %}
									{% for place in session.fssVil.places %}
										<option value="{{place.plaId}}" {% if session.fssPla is defined and session.fssPla.plaId == place.plaId %} selected {% endif %}>{{place.plaLibelle}}
										</option>
									{% endfor %}
								{% elseif 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-fssDescription" class="col-form-label col-sm-4 text-sm-right ps-5">Description</label>
						<div class="col-sm-8">
							<textarea name="form[fssDescription]" class="form-control" id="input-fssDescription">
								{% if session.fssDescription is defined %}
									{{session.fssDescription}}
								{% elseif stage.fstDescription is defined %}
									{{stage.fstDescription}}
								{% endif %}
							</textarea>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-fssAcces" 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[fssAcces]" class="form-control" id="input-fssAcces">
								{% if session.fssAcces is defined %}
									{{session.fssAcces}}
								{% elseif stage.fstAcces is defined %}
									{{stage.fstAcces}}
								{% endif %}
							</textarea>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-fssTarifs" 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[fssTarifs]" class="form-control" id="input-fssTarifs">
								{% if session.fssTarifs is defined %}
									{{session.fssTarifs}}
								{% elseif stage.fstTarifs is defined %}
									{{stage.fstTarifs}}
								{% endif %}
							</textarea>
						</div>
					</div>

					<div class="mb-3 row">
						<div class="col-md-12 text-center">
							<input type="hidden" name="form[fssFst]" value="/formation_stages/{{idStage}}">
							<button class="btn btn-success btn-lg" type="submit">
								Enregistrer les modifications
							</button>
						</div>
					</div>

				</form>
			</div>
		</div>

		{% if session is defined %}
			<div class="card">
				<div class="card-header">
					<div class="row">
						<div class="col-md-4">
							<h5 class="card-title">
								Animateurs de la Session
							</h5>
						</div>
						<div class="col-md-8">
							<form action="{{path('formations_session_add_animateur', {"idStage":session.fssFst.fstId, idSession:session.fssId})}}" method="POST">
								<div class="input-group">
									<select id="select-animateurs-to-session" name="form[animateurs]" required placeholder="Chercher l'animateur"></select>
									<button type="submit" class="btn btn-success">Ajouter</button>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="card-body">
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Animateurs</th>
								<th class="text-center">Actions</th>
							</tr>
						</thead>
						<tbody>
							{% if session.animateurs is defined and session.animateurs|length > 0  %}
								{% for a in session.animateurs %}
									<tr>
										<td>{{a.aenLibelle}}</td>
										<td class="table-action text-center">
											<a href="{{path('formations_session_delete_animateur', {"idStage":session.fssFst.fstId, "idSession":session.fssId, "idAnimateur": a.aenId})}}">
												<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 animateur de programmé pour le moment.
									</td>
									<td></td>
								</tr>
							{% endif %}
						</tbody>
					</table>
				</div>
			</div>
		{% endif %}

	</div>
{% endblock %}