{% if idEquipe == 0 %}
	<div class="jc-c col-md-12" id="noTeam">
		<h4>Attention ce joueur n'appartient à aucune équipe</h4>
	</div>
{% endif %}
<div id="main" class="col-md-12 row">

	<div>
		<div class="form-container">
			<div class="jc-c">
				<h4>Modification fiche
					{{joueur.prenom }}
					{{joueur.nom }}
				</h4>
			</div>
			<div class="jc-c">
				{% if joueur.photo %}
					<img src="{{ asset('upload/joueurs/') }}{{ joueur.photo }}" alt="photo de {{joueur.prenom}} {{joueur.nom}}" class="photo-joueur">
				{% else %}
					<h6>Aucune photo pour ce joueur</h6>
				{% endif %}
			</div>
			{% if is_granted("ROLE_ENTRAINEUR") %}
				<div class="jc-c">
					<div class="btn btn-info" id="exportBtn">Exporter la fiche</div>
				</div>
			{% endif %}
			<form id="formFiche" class="col-md-12">
				<div class="row">
					<div class="col-md-6">
						<div class="form-group">
							<label for="email">Email :
							</label>
							<input type="email" class="form-control" id="email" name="email" value="{{ joueur.email }}">
						</div>
						<div class="form-group">
							<label for="nom">Nom :
							</label>
							<input type="text" class="form-control" id="nom" name="nom" value="{{ joueur.nom }}">
						</div>
						<div class="form-group">
							<label for="prenom">Prénom :
							</label>
							<input type="text" class="form-control" id="prenom" name="prenom" value="{{ joueur.prenom }}">
						</div>
						<div class="form-group">
							<label for="objectif">Objectif :
							</label>
							<textarea class="form-control" id="objectif" name="objectif">{{ joueur.objectif }}</textarea>
						</div>
						<div class="form-group">
							<label for="metier">Métier :
							</label>
							<input type="text" class="form-control" id="metier" name="metier" value="{{ joueur.metier }}">
						</div>
						<div class="form-group">
							<label for="epaule">Force épaule :
							</label>
							<input type="number" class="form-control notable {% if notations['epaule'] is defined %}bcc-{{notations['epaule']['notation'] }}{% endif %}" id="epaule" name="epaule" value="{{ joueur.epaule }}">
						</div>
						<div class="form-group">
							<label for="nuque">Force nuque :
							</label>
							<input type="number" class="form-control notable {% if notations['nuque'] is defined %}bcc-{{notations['nuque']['notation'] }}{% endif %}" id="nuque" name="nuque" value="{{ joueur.nuque }}">
						</div>
						<div class="form-group">
							<label for="ouverture">Ouverture :
							</label>
							<input type="number" class="form-control notable {% if notations['ouverture'] is defined %}bcc-{{notations['ouverture']['notation'] }}{% endif %}" id="ouverture" name="ouverture" value="{{ joueur.ouverture }}">
						</div>
						<div class="form-group">
							<label for="extraversion">Extraversion :
							</label>
							<input type="number" class="form-control notable {% if notations['extraversion'] is defined %}bcc-{{notations['extraversion']['notation'] }}{% endif %}" id="extraversion" name="extraversion" value="{{ joueur.extraversion }}">
						</div>
						<div class="form-group">
							<label for="conscienciosite">Conscienciosité :
							</label>
							<input type="number" class="form-control notable {% if notations['conscienciosité'] is defined %}bcc-{{notations['conscienciosité']['notation'] }}{% endif %}" id="conscienciosité" name="conscienciosite" value="{{ joueur.conscienciosite }}">
						</div>
						<div class="form-group">
							<label for="yoyo">Yoyo :
							</label>
							<input type="number" class="form-control notable {% if notations['yoyo'] is defined %}bcc-{{notations['yoyo']['notation'] }}{% endif %}" id="yoyo" name="yoyo" value="{{ joueur.yoyo }}">
						</div>
						<div class="form-group">
							<label for="dateNaissance">Date de naissance :
							</label>
							<input type="date" class="form-control" id="dateNaissance" name="dateNaissance" value="{{ joueur.dateNaissance }}">
						</div>

					</div>
					<div class="col-md-6" id="div-gauche">
						<div class="form-group">
							<label for="age">Âge :
							</label>
							<input type="number" class="form-control" id="age" name="age" value="{{ joueur.age }}">
						</div>
						<div class="form-group">
							<label for="poids">Poids (en KG):
							</label>
							<input type="number" class="form-control" id="poids" name="poids" value="{{ joueur.poids }}">
						</div>
						<div class="form-group">
							<label for="taille">Taille (en CM) :
							</label>
							<input type="number" class="form-control" id="taille" name="taille" value="{{ joueur.taille }}">
						</div>

						<div class="form-group">
							<label for="antecedentBlessure">Antécédents de Blessure :
							</label>
							<textarea class="form-control" id="antecedentBlessure" name="antecedentBlessure">{{ joueur.antecedentBlessure }}</textarea>
						</div>
						<div class="form-group">
							<label for="quadriceps">Force quadriceps :
							</label>
							<input type="number" class="form-control notable {% if notations['quadriceps'] is defined %}bcc-{{notations['quadriceps']['notation'] }}{% endif %}" id="quadriceps" name="quadriceps" value="{{ joueur.quadriceps }}">
						</div>
						<div class="form-group">
							<label for="ischio">Force Ischio-jambiers :
							</label>
							<input type="number" class="form-control notable {% if notations['ischio'] is defined %}bcc-{{notations['ischio']['notation'] }}{% endif %}" id="ischio" name="ischio" value="{{ joueur.ischio }}">
						</div>
						<div class="form-group">
							<label for="nervosite">Nervosite :
							</label>
							<input type="number" class="form-control notable {% if notations['nervosite'] is defined %}bcc-{{notations['nervosite']['notation'] }}{% endif %}" id="nervosite" name="nervosite" value="{{ joueur.nervosite }}">
						</div>
						<div class="form-group">
							<label for="agreabilite">Agreabilité :
							</label>
							<input type="number" class="form-control notable {% if notations['agreabilite'] is defined %}bcc-{{notations['agreabilite']['notation'] }}{% endif %}" id="agreabilite" name="agreabilite" value="{{ joueur.agreabilite }}">
						</div>
						<div class="form-group">
							<label for="profil">Profil :
							</label>
							<select class="form-select" id="profil" name="profil">
								<option {% if joueur.profil == "Interne" %} selected {% endif %}>Interne</option>
								<option {% if joueur.profil == "Externe" %} selected {% endif %}>Externe</option>
							</select>
						</div>
						<div class="form-group">
							<label for="puissanceMusculaire">Puissance musculaire :
							</label>
							<input type="number" class="form-control notable {% if notations['puissanceMusculaire'] is defined %}bcc-{{notations['puissanceMusculaire']['notation'] }}{% endif %}" id="puissanceMusculaire" name="puissanceMusculaire" value="{{ joueur.puissanceMusculaire }}">
						</div>
						<div class="form-group">
							<label for="poste">Poste :
							</label>
							<input type="text" class="form-control" id="poste" name="poste" value="{{ joueur.poste }}">
						</div>
						{% if joueur.idEquipe == 76 or joueur.idEquipe == 81 %}
							<div class="form-group">
								<label for="poste">Age biologique :
								</label>
								<input type="number" class="form-control" id="ageBiologique" name="ageBiologique" value="{{ joueur.ageBiologique }}">
							</div>
						{% endif %}
					</div>


				</div>
			</form>
			<div class="container jc-c">

				<div class="form-group">
					<label for="file">Choisir la photo</label>
					<input type="hidden" value='{{idJoueur}}' id="idJoueur" name="idJoueur">
					<input type="file" id="file" name="file[]" multiple class="form-control">
				</div>
			</div>
			<div class="jc-c">
				<button class="btn btn-primary" id="buttonEnvoi">Envoyer</button>
			</div>
		</div>

		<div class="card mb-4" id="card-evolution-poids">
			<div class="card-header">
				<h2>Evolution du poids</h2>
			</div>
			<div class="card-body jc-c">
				<canvas id="myChart-poids" width="400" height="200"></canvas>
			</div>
		</div>
		<div class="card mb-4" id="card-evolution-puissance">
			<div class="card-header">
				<h2>Evolution de la puissance</h2>
			</div>
			<div class="card-body jc-c">
				<canvas id="myChart-puissance" width="400" height="200"></canvas>
			</div>
		</div>


	</div>
	<div class="col-md-12">
		<div class="card mb-4" id="card-tauxReponse">
			<div class="card-header">
				<h2>Taux de réponse (à partir du 22/10/2024)</h2>
			</div>
			<div class="card-body jc-c">
				{% include 'entraineur/dependances/tauxReponseDep.html.twig' %}
			</div>
		</div>
		<div class="row row-card">
			<div class="card mb-4 jc-c">
				<div class="card-header">
					<h2>Présence</h2>
				</div>
				<div class="card-body">
					{% include 'entraineur/dependances/tableauPresence.html.twig' %}
				</div>
			</div>
			<div class="card mb-4 jc-c">
				<div class="card-header">
					<h2>Temps de jeu</h2>
				</div>
				<div class="card-body overflow-mobile">
					{% include 'entraineur/dependances/tableauTempsDeJeu.html.twig' %}
				</div>
			</div>
		</div>


		<div class="row row-card">
			<div class="card mb-4 jc-c">
				<div class="card-header">
					<h2>Résultats</h2>
				</div>
				<div class="card-body overflow-mobile">
					{% include 'entraineur/consultation/table/table_consultation.html.twig' %}
				</div>
			</div>


			<div class="card mb-4 jc-c">
				<div class="card-header ">
					<h2>Puissance/Poids</h2>
				</div>
				<div class="card-body overflow-mobile overflow">
					{% include 'entraineur/dependances/tableauPoidsPuissance.html.twig' %}
				</div>
			</div>

		</div>
		<div class="row row-card">
			<div class="card mb-4" id="card-evolution-poids">
				<div class="card-header">
					<h2>Evolution du rapport puissance/poids</h2>
				</div>
				<div class="card-body jc-c">
					<canvas id="myChart-puissancePoids" width="400" height="200"></canvas>
				</div>
			</div>

		</div>
		<div class="row row-card">
			<div class="card mb-4" id="card-evolution-intensite">
				<div class="card-header">
					<h2>Evolution de l'intensité</h2>
				</div>
				<div class="card-body jc-c">
					<canvas id="myChart-intensite" width="400" height="200"></canvas>
				</div>
			</div>
		</div>
	</div>
</div>