{% extends 'base.html.twig' %}

{% block headtitle %}
	{{ parent() }}
	- Liste des séances
{% endblock %}
{% block title %}
	{{ parent() }}
	- Liste des séances
{% endblock %}
{% block fildariane %}
	{{ parent() }}
	- Liste des séances
{% endblock %}

{% block headerlinks %}
	<a href="{{ path('app_seance_new') }}">
		<button type="button" class="btn btn-success mt-60">
			<i class="icon wb-plus" aria-hidden="true"></i>
			Ajouter une seance</button>
	</a>
{% endblock %}

{% block body %}
	<div class="row">
		<h1 class="m-4">Gestion des séances</h1>
		<div class="col-sm-12">
			<div class="card">
				<div class="card-header row mx-1">
					<h5 class="col-8">Liste des seances</h5>
					<div class="col-4">
						<div class="btn-group float-end">
							<a href="{{ path('app_seance_new') }}" id="addRow" class="btn btn-primary">
								Ajouter une seance
								<i class="fa fa-plus"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="card-body">
					<div class="table-responsive">
						<table class="display" id="basic-1">
							<thead>
								<tr>
									<th>Libellé</th>
									<th>Type</th>
									<th>Date de Début</th>
									<th>Heure de Début</th>
									<th>Date de Fin</th>
									<th>Heure de fin</th>
									<th>Support</th>
									<th>Lien</th>
									<th>Module</th>
									<th>Etat</th>
									<th class="not-export-column">Actions</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<th>Libellé</th>
									<th>Type</th>
									<th>Date de Début</th>
									<th>Heure de Début</th>
									<th>Date de Fin</th>
									<th>Heure de fin</th>
									<th>Support</th>
									<th>Lien</th>
									<th>Module</th>
									<th>Etat</th>
									<th>Actions</th>
								</tr>
							</tfoot>
							<tbody>
								{% for seance in seances %}
									<tr>
										<td>{{ seance.libele }}</td>
										<td>{{ seance.type }}</td>
										<td>{{ seance.dateTimeDebut ? seance.dateTimeDebut|date('d/m/Y') : '' }}</td>
										<td>{{ seance.heureDebut }}</td>
										<td>{{ seance.dateTimeFin ? seance.dateTimeFin|date('d/m/Y') : '' }}</td>
										<td>{{ seance.heureFin }}</td>
										<td>{{ seance.support }}</td>
										<td>
											<a href="{{ seance.lien }}">Cliquer ici</a>
										</td>
										<td>{{ seance.engagement }}</td>
										<td>{{ seance.etat | realiseOuNon  }}</td>
										<td>
											<a href="{{ path('app_seance_edit', {'id': seance.id}) }}" class="btn btn-sm btn-icon btn-pure btn-primary my-1 d-inline-block p-2 my-1 d-inline-block p-2" data-toggle="tooltip" data-original-title="Modifier">
												<i class="fa fa-edit" aria-hidden="true"></i>
											</a>
											<a href="{{ path('app_seance_rappel', {'id': seance.id}) }}" class="btn btn-sm btn-icon btn-pure btn-primary my-1 d-inline-block p-2 my-1 d-inline-block p-2">
												<i class="fa fa-duotone fa-retweet" aria-hidden="true"></i>
											</a>
											<a class="btn btn-sm btn-icon btn-pure btn-warning my-1  d-inline-block p-2" href="{{ path('app_seance_show', {'id': seance.id}) }}">
												<i class="fa fa-eye" aria-hidden="true"></i>
											</a>

											{# <a onclick="$(this).parent('form').submit()" href="javascript:;" class="btn btn-sm btn-icon btn-pure btn-danger my-1  d-inline-block p-2 my-1  d-inline-block p-2" data-toggle="tooltip" data-original-title="Supprimer">
																																													<i class="fa fa-trash-o" aria-hidden="true"></i>
																																													<form class="inline-block" method="post" action="{{ path('app_seance_delete', {'id': seance.id}) }}" onsubmit="return confirm('Êtes-vous sûr de bien vouloir supprimer cet élément?');">
																																														<input type="hidden" name="_method" value="DELETE">
																																														<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ seance.id) }}"></form>
																																												</a> #}
											<form class="inline-block" method="post" action="{{ path('app_seance_delete', {'id': seance.id}) }}" onsubmit="return confirm('Êtes-vous sûr de bien vouloir supprimer cet élément?');">
												<input type="hidden" name="_method" value="DELETE">
												<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ seance.id) }}">
												<a onclick="$(this).parent('form').submit()" href="javascript:;" class="btn btn-sm btn-icon btn-pure btn-danger" data-toggle="tooltip" data-original-title="Supprimer">
													<i class="fa fa-trash-o" aria-hidden="true"></i>
												</form>
											</a>
											<br>
										</td>
									</tr>
								{% else %}
									<tr>
										<td colspan="9">Pas de Seance trouvé</td>
									</tr>
								{% endfor %}
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>

{% endblock %}