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

{% block title %}ManiEduc - Les exercices
{% endblock %}

{% block content %}
	<div class="container mt-4">
		<h2>Les exercices disponibles</h2>
		<p>Voici les exercices disponibles, vous pouvez les intégrer dans vos séances.</p>
		<p>
			<a href="{{ path('seance') }}">Retour aux gestionnaires des séances</a>
		</p>
		<hr>
		<form method="GET">
			<div class="row mb-2 align-items-end">
				<div class="col-md-3">
					<label>Rechercher nom</label>
					<input type="text" value="" class="form-control rounded" name="name" placeholder="Nom de l'exercice" aria-label="Search" aria-describedby="search-addon">
				</div>
				<div class="col-md-3">
					<label>Rechercher par catégorie</label>
					<select class="form-control" name="category">
						<option value="{{ filters.category is defined ? filters.category : '' }}">{{ filters.category is defined ? filters.category : 'Toutes les catégories' }}</option>
						{% for category in allCategory %}
							<option value="{{ category.id }}">{{ category.name }}</option>
						{% endfor %}
					</select>
				</div>
				<div class="col-md-3">
					<label>Rechercher par type</label>
					<select class="form-control" name="type">
						<option value="{{ filters.type is defined ? filters.type : '' }}">{{ filters.type is defined ? filters.type : 'Tous les types' }}</option>
						<option value="Echauffement">Echauffement</option>
						<option value="Motricité générale">Motricité générale</option>
						<option value="Motricité spécifique">Motricité spécifique</option>
						<option value="Exercice technique">Exercice technique</option>
						<option value="Situation tactique">Situation tactique</option>
						<option value="Jeu à thème">Jeu à thème</option>
					</select>
				</div>
				<div class="col-md-3">
					<label>Rechercher par joueurs</label>
					<input type="text" value="" class="form-control rounded" name="numberPlayer" placeholder="Nbr de joueurs minimum" aria-label="Search" aria-describedby="search-addon">
				</div>
				<div class="col-md-3 mt-2">
					<button type="submit" class="btn btn-outline-primary">Rechercher</button>
					<a href="{{ path('exercices_view') }}" class="btn btn-outline-warning">Annuler</a>
				</div>
			</div>
		</form>
		{% if exercicePage|length == 0 %}
			<hr>
			<p>Aucun exercice n'a encore été crée.</p>
		{% else %}


			<div>
				<div id="result-search"></div>
			</div>

			<table class="table">
				<thead>
					<tr>
						<th scope="col"><img class="svgnav" src="{{ asset('assets/images/form/fi-bs-comment-info.svg') }}" alt="icon nom">
							Nom de l'exercice</th>
						<th scope="col"><img class="svgnav" src="{{ asset('assets/images/form/fi-bs-user.svg') }}" alt="icon owner">
							Ajouté par</th>
						<th scope="col"><img class="svgnav" src="{{ asset('assets/images/form/fi-bs-time-forward-ten.svg') }}" alt="icon type">
							Type</th>
							<th scope="col"><img class="svgnav" src="{{ asset('assets/images/form/fi-bs-time-forward-ten.svg') }}" alt="icon catégorie">
							Catégorie</th>
						<th scope="col"><img class="svgnav" src="{{ asset('assets/images/form/fi-bs-cursor-finger.svg') }}" alt="icon voir">
							Actions</th>
					</tr>
				</thead>
				<tbody>

					{% for exercice in exercicePage %}
						<tr>
							<th scope="row">
								<span class="badge badge-secondary">{{ exercice.nameexercice }}</span>
							</th>
							<td>{{ exercice.user.firstname }}</td>
							<td>{{ exercice.type }}
							</td>
<td> {% for category in exercice.category %}
<span class="badge badge-primary">
{{ category.name }}
</span>
	
{% endfor %} </td>
							<td>
								
								{% if app.user.id == exercice.user.id %}
								<span class="badge badge-danger">
								<a class="text-white" href="{{ path('one_exercice_view', {"id": exercice.id}) }}">Modifier</a>
								</span>
								{% endif %}
								<span class="badge badge-warning">
									<a class="notext" href="{{ path('exercice_view', {"id": exercice.id}) }}">Voir</a>
								</span>
							</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>
		{% endif %}

		{{ knp_pagination_render(exercicePage) }}
		{% block script %}{% endblock %}

	{% endblock %}