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

{% block title %}Questionnaire joueur
{% endblock %}
{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('assets/css/joueur.css') }}?v={{ "now"|date('U') }}"/>

{% endblock %}

{% block body %}
	{% set hideDuJour = 0 %}
	{{ parent() }}
	{% if is_granted("ROLE_ENTRAINEUR") %}
		{% include 'entraineur/chooseTeam.html.twig' %}
	{% endif %}
	<div id="main" class="container">
		<div id="container-joueur" class="container">
			<div class="jc-c row fz12px {% if not is_granted('ROLE_ENTRAINEUR') %}hide{% endif %}" id="div-user">
				<label for="idJoueur">Qui êtes-vous :</label>
				<select class="form-select" id="idJoueur">
					<option>Choisir...</option>
					{% for users in allUsers %}
						<option {% if users.id == user.id %} selected {% endif %} value="{{ users.id }}">{{ users.prenom }}
							{{ users.nom }}</option>
					{% endfor %}
				</select>
			</div>
			<div class="row jc-c fz12px" id="div-poids">
				<label for="poids">Votre poids (en KG) :</label>
				<input type="number" class="form-control" id="poids" value="{{ poids }}">
			</div>
			<div class="row jc-c fz12px">
				<div class="btn btn-warning {% if dateDebutMalade %} hide {% endif %}" id="btn-malade">Malade</div>
				<div class="btn btn-warning {% if not dateDebutMalade %} hide {% endif %}" id="btn-plus-malade">Plus Malade</div>
			</div>
			<div class="row jc-c fz12px {% if not dateDebutMalade %} hide {% endif %}" id="div-malade">

				<div class="row">
					<input type="checkbox" class="malade" id="malade_partiel" {% if maladePartiel %} checked {% endif %} gravite="partiel">
					<label for="malade_partiel">Au dessus du cou (mignaines, éternuments...)</label>
				</div>
				<div class="row">
					<input type="checkbox" class="malade" id="malade_total" {% if maladeTotal %} checked {% endif %} gravite="total">
					<label for="malade_total">Corps total (coubartures, éternuments...)</label>
				</div>

			</div>

			<div class="row jc-c fz12px hide" id="btn-confirme-malade">
				<button id="declare-malade" class="btn btn-secondary">Déclarer malade</button>
			</div>
			{# <div class="row jc-c">
									<button class="btn btn-danger {% if dateDebutRegles %} hide {% endif %} fz12px" id="btn-regles">Cliquez pour déclarer une période de menstruation</button>
								</div>
								<div class="row jc-c {% if not dateDebutRegles %} hide {% endif %} fz12px" id="div-regles">
									<label for="dateDebutRegles">Date de début des menstruations :</label>
									<input type="date" class="form-control" id="dateDebutRegles" value="{{ dateDebutRegles }}">
									<button class="btn btn-primary {% if not dateDebutRegles %} hide {% endif %}" id="btn-confirmer-regles">Confirmer</button>
									<button class="btn btn-secondary" id="btn-arret-regles">Arrêt total des saignements</button>
						
								</div> #}

			{% if matchAjd or listeEntrainements %}
				<ul class="nav nav-tabs" id="entrainementTabs" role="tablist">
					{% set i = 0 %}
					{% set j = 0 %}
					{% set k = 0 %}
					{% for matchAjd in hooper %}
						{% set i = i + 1 %}
						<li class="nav-item" role="presentation">
							<a class="nav-link {% if i == 1 %}active{% endif %}" id="etat-forme-tab-{{matchAjd.idQuestionnaire }}" href="#etat-forme-{{ matchAjd.idQuestionnaire }}" data-bs-toggle="tab" href="#etat-forme" role="tab" aria-controls="etat-forme" aria-selected="true">Etat de forme N°
								{{i }}</a>
							{# <a class="nav-link {% if i == 1 and not matchAjd %}active{% endif %}" id="entrainement-tab-{{ entrainement.id }}" data-bs-toggle="tab" href="#entrainement-{{ entrainement.id }}" role="tab" aria-controls="entrainement-{{ entrainement.id }}" aria-selected="{% if loop.first and not matchAjd %}true{% else %}false{% endif %}">Entrainement N°{{ i }}</a> #}
						</li>
					{% endfor %}

					{% for temporalite, entrainements in listeEntrainements %}
						{% if temporalite == "ajd" or not matchAjd %}
							{% for entrainement in entrainements %}
								{% set j = j + 1 %}
								<li class="nav-item" role="presentation">
									<a class="nav-link {% if j == 1 and not matchAjd %}active{% endif %}" id="entrainement-tab-{{ entrainement.id }}" data-bs-toggle="tab" href="#entrainement-{{ entrainement.id }}" role="tab" aria-controls="entrainement-{{ entrainement.id }}" aria-selected="{% if loop.first and not matchAjd %}true{% else %}false{% endif %}">
										{% if entrainement.nomSeance is defined %}
											{{entrainement.nomSeance }}
										{% else %}
											Entrainement N°{{ j }}
										{% endif %}
									</a>
								</li>
							{% endfor %}
						{% endif %}
					{% endfor %}
				</ul>
				<div class="tab-content" id="entrainementTabsContent">
					{% set i = 0 %}
					{% for matchAjd in hooper %}
						{% set k = k + 1 %}

						<div class="tab-pane fade {% if k == 1 %} show active {% endif %}" id="etat-forme-{{matchAjd.idQuestionnaire}}" role="tabpanel" aria-labelledby="etat-forme-tab-{{matchAjd.idQuestionnaire}}" available="etat-de-forme" identrainement="{{matchAjd.idQuestionnaire}}">
							<div class="jc-c">
								{% if is_granted('ROLE_ENTRAINEUR') %}
									<div class="grid">
										<button id="btn-delete-entrainement-{{ matchAjd.idQuestionnaire }}" identrainement="{{ matchAjd.idQuestionnaire }}" val="0" class="btn-delete-entrainement btn btn-danger fz12px">Cliquez pour supprimer l'entraînement</button>

										<button id="btn-bloque-entrainement-{{ matchAjd.idQuestionnaire }}" identrainement="{{ matchAjd.idQuestionnaire }}" val="0" class="btn-action-entrainement btn btn-warning fz12px">Cliquez pour bloquer l'entraînement</button>
										<button id="btn-debloque-entrainement-{{ matchAjd.idQuestionnaire }}" identrainement="{{ matchAjd.idQuestionnaire }}" val="1" class="btn-action-entrainement btn btn-warning fz12px">Cliquez pour débloquer l'entraînement</button>
									</div>
								{% endif %}
							</div>
							<div id="entrainement-{{ matchAjd.idQuestionnaire }}" class="div-entrainement">
								<div class="row jc-c ">
									<div class="div-entrainement-day jc-c">
										<h4>Etat de forme
											{{matchAjd.dateHeure|date('d/m/Y') }}
										</h4>
									</div>
								</div>


								<div class="jc-c">
									<label class="bold">Etat général physique</label>
								</div>
								<div class="slider">
									<div class="slider-container">
										<div class="gradient-bar"></div>
										<div context="physique" idquestionnaire="{{matchAjd.idQuestionnaire }}" class="slider-thumb" id="slider-physique-{{matchAjd.idQuestionnaire }}" value="4" reponse="{{matchAjd.etatPhysique }}"></div>
									</div>
								</div>
								<div class="jc-c">
									<label class="bold">Etat général psychologique</label>
								</div>
								<div class="slider">
									<div class="slider-container">
										<div class="gradient-bar"></div>
										<div context="psychologique" idquestionnaire="{{matchAjd.idQuestionnaire }}" class="slider-thumb" id="slider-psychologique-{{matchAjd.idQuestionnaire }}" value="4" reponse="{{matchAjd.etatPsychologique }}"></div>
									</div>
								</div>
								<div class="jc-c">
									<button class="btn btn-primary btn-envoi-data btn-envoi-data-hooper" id="btn-envoi-hooper-{{ matchAjd.idQuestionnaire  }}-ajd" context="hooper-jauge" temporalite="ajd" idcontext="{{ matchAjd.idQuestionnaire }}">Envoyer</button>
								</div>
							</div>
							{# ANCIENNE VERSION #}
							{# <div class="div-hooper">
																					{% for libelle, select in listeSelectHooper %}
																						<div class="row jc-c">
																							<label id="label-{{ libelle }}-{{ matchAjd.idQuestionnaire  }}" for="{{ libelle }}-{{ matchAjd.idQuestionnaire }}" class="col-form-libelle">{{ libelle }}
																								:</label>
																							<select label="{{ libelle }}" temporalite="ajd" id="{{ libelle }}-{{ matchAjd.idQuestionnaire }}" idcontext="{{ matchAjd.idQuestionnaire }}" class="{{ matchAjd.idQuestionnaire }}-ajd select-hooper form-select select-hooper-ajd-{{ matchAjd.idQuestionnaire }}" context="hooper" value="">
																								<option>Choisir...</option>
																								{% for value in select %}
																									<option value="{{ value.id }}" {% if value.id == matchAjd[libelle|lower|replace({'é': 'e'} )] %} selected {% endif %}>{{ value.libelle }}</option>
																								{% endfor %}
																							</select>
																						</div>
																					{% endfor %}
																				</div> 
																
																					<div class="jc-c">
																						<button class="btn btn-primary btn-envoi-data btn-envoi-data-hooper" id="btn-envoi-hooper-{{ matchAjd.idQuestionnaire  }}-ajd" context="hooper" temporalite="ajd" idcontext="{{ matchAjd.idQuestionnaire }}">Envoyer</button>
																					</div>
																					#}

						</div>
					{% endfor %}
					{% for temporalite, entrainements in listeEntrainements %}

						{% if temporalite == "ajd" or not matchAjd %}
							{% set i = 0 %}
							{% for entrainement in entrainements %}
								{% set k = k + 1 %}
								{% set i = i + 1 %}
								<div available="{{entrainement.available}}" identrainement="{{entrainement.id }}" class="tab-pane fade {% if k == 1 and not matchAjd %}show active{% endif %}" id="entrainement-{{ entrainement.id }}" role="tabpanel" aria-labelledby="entrainement-tab-{{ entrainement.id }}">
									<div class="jc-c">
										{% if is_granted('ROLE_ENTRAINEUR') %}
											<div class="grid">
												<button id="btn-delete-entrainement-{{ entrainement.id }}" identrainement="{{ entrainement.id }}" val="0" class="btn-delete-entrainement btn btn-danger fz12px">Cliquez pour supprimer l'entraînement</button>

												<button id="btn-bloque-entrainement-{{ entrainement.id }}" identrainement="{{ entrainement.id }}" val="0" class="btn-action-entrainement btn btn-warning fz12px">Cliquez pour bloquer l'entraînement</button>
												<button id="btn-debloque-entrainement-{{ entrainement.id }}" identrainement="{{ entrainement.id }}" val="1" class="btn-action-entrainement btn btn-warning fz12px">Cliquez pour débloquer l'entraînement</button>
											</div>
										{% endif %}
									</div>
									<div class="jc-c" id="container-entrainement-{{entrainement.id }}">

										{% if entrainement %}
											<div class="div-entrainement-global" id="div-entrainement-{{ entrainement.id }}" identrainement="{{ entrainement.id }}">
												{% if entrainement.isInstant == 0 and temporalite == "ajd" %}
													{% set dateHeure = entrainement.dateHeure|date("d/m/Y - H:i") %}
													{% if hideDuJour == 0 %}
														{% set hideDuJour = 1 %}
														<div class="row jc-c ">
															<div class="div-entrainement-day jc-c">
																<h4 class="fz20px">Entraînement du jour</h4>
															</div>
														</div>
													{% endif %}
													{% if entrainement.lieu == "En salle" %}
														<div class="jc-c ">
															<div class="bc-orange div-entrainement-day typeSeance">
																<h4 class="fz20px">Musculation</h4>
																<h4>{{ dateHeure }}</h4>
															</div>
														</div>
													{% else %}
														<div class="jc-c ">
															<div class="bc-green div-entrainement-day typeSeance">
																<h4 class="fz20px">Rugby</h4>
																<h4>{{ dateHeure }}</h4>
															</div>
														</div>
													{% endif %}
												{% else %}
													{% set dateHeure = "" %}
													<div class="row jc-c ">
														<div class="div-entrainement-day jc-c">
															<h4 class="fz20px">Etat de forme</h4>
														</div>
													</div>
												{% endif %}
												{% if entrainement.document %}
													<a target="_blank" href="upload/entrainement/{{entrainement.document}}">
														<div class="btn btn-primary">Document de séance</div>
													</a>
												{% endif %}
												{% if entrainement.isInstant == 0 and temporalite == "ajd" %}
													<span class="jc-c row">Votre charge d'entraînement prévue est de
														{{ entrainement.chargeEntrainement }}.</span>

													{% if entrainement.listeExercice %}
														{% if not isMobile %}
															<p class="jc-c non-mobile">Ne vous inquiétez pas, une fois qu'une ligne est complétée, les données sont sauvegardées.</p>
															<div id="table-container" class="non-mobile">
																<table id="table" class="table table-striped table-bordered">
																	<thead>
																		<tr>
																			<th scope="col">Exercice</th>
																			<th scope="col">Uni / bi</th>
																			<th scope="col">Nombre de sets demandés</th>
																			<th scope="col">Nombre de répétitions demandées</th>
																			<th scope="col">Nombre de séries demandées</th>
																			<th scope="col">Pourcentage demandé</th>
																			<th scope="col">Illustration de l'exercice</th>
																			<th scope="col">Nombre de répétitions effectuées</th>
																			<th scope="col">Nombre de séries effectuées</th>
																			<th scope="col">Poids moyen utilisé</th>
																			<th scope="col">Temps de repos entre chaque séries</th>
																			<th scope="col">Temps de repos après la dernière série</th>
																			<th scope="col">Exercice de récupération</th>
																			<th scope="col">Commentaire</th>
																		</tr>
																	</thead>
																	<tbody>
																		{% for circuit, exercices in entrainement.listeExercice %}
																			<tbody>
																				<tr>
																					{% set infosCircuit = exercices[0]["infosCircuit"] %}
																					{% if infosCircuit %}
																						{% set enchainement = infosCircuit["enchainement"] %}
																						{% set commentaire = infosCircuit["commentaire"] %}
																					{% else %}
																						{% set enchainement = 0 %}
																						{% set commentaire = 0 %}
																					{% endif %}

																					<td colspan="14" class="circuit" id="circuit-{{ circuit }}">
																						{% if enchainement %}
																							<h4>Circuit
																								{{ circuit }}</h4>
																						{% else %}
																							<h4>Exercices</h4>
																						{% endif %}
																						{% if commentaire %}
																							<h4>Commentaire :
																								{{ commentaire }}</h4>
																						{% endif %}
																					</td>
																				</tr>
																			</tbody>
																			<tbody></tbody>
																			<tbody></tbody>
																			<tbody></tbody>
																			<tbody>
																				{% for exercice in exercices %}
																					<tr idexercice="{{ exercice.id }}" identrainement="{{ entrainement.id }}" class="ligne-exercice-{{ entrainement.id }}">
																						<td>{{ exercice.libelle }}</td>
																						<td>{{ exercice.uni_bi }}</td>
																						<td>{{ exercice.nbr_set }}</td>
																						<td>{{ exercice.nbReps }}</td>
																						<td>{{ exercice.nbSeries }}</td>
																						<td>{{ exercice.valueExercice }}</td>
																						{% if exercice.listeFichier %}
																							<td>
																								{% for fichier in exercice.listeFichier %}

																									{% if fichier matches '/\.(mp4|avi|mov|wmv|flv|mkv|webm|mpeg|mpg|m4v|3gp|ogv|ts|f4v|mxf|vob|rm|rmvb|divx)$/i' %}
																										<!-- Afficher un lecteur vidéo si le fichier est une vidéo -->
																										<video id="video-{{ fichier }}" controls width="320">
																											<source class="illustrationExercice" src='{{ asset('upload/exercices') }}/{{ fichier }}' type="video/{{ fichier|split('.')|last }}">
																											Votre navigateur ne supporte pas le format vidéo.
																										</video>
																									{% else %}
																										<!-- Afficher une image si le fichier est une image -->
																										<img class="illustrationExercice" id="img-{{ fichier }}" src='{{ asset('upload/exercices') }}/{{ fichier }}' alt="{{ fichier }}"/>
																									{% endif %}
																								{% endfor %}
																							{% else %}
																								<td>Il n'y a pas d'illustration</td>
																							{% endif %}
																							<td><input id="nbReps-{{ exercice.id }}" min="1" identrainement="{{ entrainement.id }}" class="input-{{ exercice.id }} input-exercice input-exercice-{{ entrainement.id }}" value="{% if exercice.dataExercice %}{{ exercice.dataExercice.nbReps }}{% endif %}" type="number"></td>
																							<td><input id="nbSeries-{{ exercice.id }}" min="1" identrainement="{{ entrainement.id }}" class="input-{{ exercice.id }} input-exercice input-exercice-{{ entrainement.id }}" value="{% if exercice.dataExercice %}{{ exercice.dataExercice.nbSeries }}{% endif %}" type="number"></td>
																							<td><input id="poids-{{ exercice.id }}" min="1" identrainement="{{ entrainement.id }}" class="input-{{ exercice.id }} input-exercice input-exercice-{{ entrainement.id }}" value="{% if exercice.dataExercice %}{{ exercice.dataExercice.poids }}{% endif %}" type="number"></td>
																							<td>{{ exercice.repos }}</td>
																							<td>{{ exercice.reposEnd }}</td>
																							<td>
																								{% if exercice.exoRepos %}
																									{{ exercice.exoRepos }}{% else %}Aucun
																								{% endif %}
																							</td>
																							<td>
																								{% if exercice.commentaire %}
																									{{ exercice.commentaire }}{% else %}Aucun
																								{% endif %}
																							</td>
																						</tr>
																					{% endfor %}
																				</tbody>
																			{% endfor %}
																		</tbody>
																	</tbody>
																</table>
															</div>
														{% else %}
															<div id="table-container" class="mobile">
																<div id="exercice-nav-{{ entrainement.id }}" class="exercice-nav">
																	<img id="prev-btn-{{ entrainement.id }}" identrainement="{{ entrainement.id }}" class="prev-btn" src="{{ asset('assets/img/precedent.png') }}">
																	<span id="circuit-counter-{{ entrainement.id }}" class="circuit-counter"></span>
																	<img id="next-btn-{{ entrainement.id }}" identrainement="{{ entrainement.id }}" class="next-btn" src="{{ asset('assets/img/suivant.png') }}">
																</div>
																<div id="exercice-container">
																	{% for circuit, exercices in entrainement.listeExercice %}
																		<div class="circuit" id="circuit-{{ circuit }}" identrainement="{{ entrainement.id }}" style="display: {% if loop.first %}block{% else %}none{% endif %};">
																			{% if exercices[0]["infosCircuit"] %}
																				{% if exercices[0]["infosCircuit"]["commentaire"] %}
																					<h4>Commentaire :
																						{{ exercices[0]["infosCircuit"]["commentaire"] }}</h4>
																				{% endif %}
																				<input type="hidden" id="enchainement-{{ entrainement.id }}-{{ loop.index0 }}" value="{{ exercices[0]["infosCircuit"]["enchainement"] }}">
																			{% endif %}
																			{% set i = 1 %}
																			{% for exercice in exercices %}
																				<div class="col-md-2 jc-c">
																					<svg xmlns="http://www.w3.org/2000/svg" width="212" height="4" viewbox="0 0 412 4" fill="none">
																						<path d="M2 1.67349L409.506 1.67349" stroke="#1E1E1E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
																					</svg>
																				</div>
																				<div idexercice="{{ exercice.id }}" identrainement="{{ entrainement.id }}" class="ligne-exercice-{{ entrainement.id }} exercice">
																					{% include 'default/exercice.html.twig' with { 'exercice': exercice, 'entrainement': entrainement } %}
																				</div>
																				{% set i = i + 1 %}
																			{% endfor %}
																		</div>
																	{% endfor %}
																</div>
															</div>
														{% endif %}
													{% endif %}
												{% endif %}
												<div id="entrainement-{{ temporalite }}-{{ entrainement.id }}" class="div-entrainement">
													{% for label, select in listeSelectEntrainement[temporalite] %}
														<div class="row jc-c">
															<label id="label-{{ label }}-{{ entrainement.id }}" for="{{ label }}-{{ entrainement.id }}" class="col-form-label">{{ label }}
																:</label>
															<select temporalite="{{ temporalite }}" id="{{ label }}-{{ entrainement.id }}" label="{{ label }}" idcontext="{{ entrainement.id }}" class="{{ entrainement.id }}-{{ temporalite }} form-select select-entrainement select-entrainement-{{ temporalite }}-{{ entrainement.id }} {{ temporalite }}" context="entrainement" temporalite="{{ temporalite }}" value="">
																<option>Choisir...</option>
																{% for value in select %}
																	<option value="{{ value.id }}" {% if value.id == entrainement[label|lower|replace({'é': 'e'} )] %} selected {% endif %}>{{ value.libelle }}</option>
																{% endfor %}
															</select>
														</div>
													{% endfor %}
													<div class="container-btn">
														<button class="btn btn-primary btn-block btn-envoi-data" id="btn-envoi-entrainement-{{ entrainement.id }}-{{ temporalite }}" context="entrainement" idcontext="{{ entrainement.id }}" temporalite="{{ temporalite }}">Envoyer</button>
													</div>
												</div>
											</div>
										{% endif %}
									</div>
								</div>
							{% endfor %}
						{% endif %}
					{% endfor %}
				</div>
			{% endif %}
		</div>
		{% if not listeEntrainements and not hooper %}
			<p>Vous n'avez plus aucun questionnaire aujourd'hui.</p>
		{% endif %}
	</div>
{% endblock %}
{% block javascripts %}
	{{ parent() }}
	<script type="text/javascript" src="{{ asset('assets/js/joueur/initJoueur2.js') }}?v={{ "now"|date('U') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/joueur/joueur.js') }}?v={{ "now"|date('U') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/joueur/ajaxJoueur.js') }}?v={{ "now"|date('U') }}"></script>
{% endblock %}