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

{% block title %}App | Activité
{% endblock %}

{% block body %}
	{{ include("Admin/partials/title.html.twig", {'name':'Activité'} ) }}

	
	<div class="row">
		<div class="col-12">
			<div class="card" style="overflow: hidden;">
				<div class="card-body">
					<h4 class="card-title">Liste des Activités <a href="{{ path('app_activite_creer')}}" class="btn btn-secondary" style="float: right;"> Créer une activité</a></h4> <br>
					<div class="table-responsive" style="overflow-x: auto;">
                        <table class="table table-striped table-bordered text-inputs-searching">
							<thead>
								<tr class="text-center">
									<th>Nom du projet</th>
									<th>Thématique</th>
									<th>Nom de l'activité</th>
									<th>Participant</th>
									<th>Homme/Femme</th>
									<th>Age (+ 35ans / - 35ans)</th>
									<th>Psh</th>
									<th>Cible</th>    
									<th>Date de debut</th>
									<th>Date de fin</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
							{% for activite in activites %}
								<tr class="text-center">
									<td>{{activite.projet.nom}}</td>
									<td>
										{% for thematique in activite.thematique %}
											{{thematique.label}}
										{% endfor %}
									</td>
									<td>{{activite.label}}</td>
									<td class="text-center">{{activite.participant}}</td>
									<td class="text-center">{{activite.homme}}/{{activite.femme}}</td>
									<td class="text-center">{{activite.agePlus}}/{{activite.ageMoins}}</td>
									<td>{{activite.psh}}</td>
									<td>{{activite.siege|upper}}</td>
									<td>{{activite.datedebut}}</td>
									<td>{{activite.datefin}}</td>
									<td style="display: inline-block;">
										<a href="{{ path('liste_zone_intervention', {'id': activite.id}) }}" class="btn btn-primary" style="display: inline-block;">Zone d'intervention</a>
										<a href="{{ path('liste_zone_intervention_participant', {'id': activite.id}) }}" class="btn btn-success" style="display: inline-block;">Gerer la participant</a>
									</td>
								</tr>
							{% endfor %}
							</tbody>
							<tfoot>
								<tr>
									<th>Nom du projet</th>
									<th>Thématique</th>
									<th>Nom de l'activité</th>
									<th>Participant</th>
									<th>Homme/Femme</th>
									<th>Age (+ 35ans / - 35ans)</th>
									<th>Psh</th>
									<th>Cible</th>    
									<th>Date de debut</th>
									<th>Date de fin</th>
									<th>Action</th>
								</tr>
							</tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="{{asset('../../assets/libs/jquery/dist/jquery.min.js')}}"></script>
    <script src="{{asset('../../assets/extra-libs/DataTables/datatables.min.js')}}"></script>
    <script src="{{asset('../../dist/js/pages/datatable/datatable-api.init.js')}}"></script>
{% endblock %}