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

{% block title %}
	Résultats entraîneur
{% endblock %}
{% block stylesheets %}
	{{ parent() }}
	<link rel="stylesheet" href="{{ asset('assets/css/entraineur.css?v=<?= time() ?>') }}"/>
	<link rel="stylesheet" href="{{ asset('assets/css/exercices.css?v=<?= time() ?>') }}"/>
{% endblock %}

{% block body %}
	{{ parent() }}
	<div id="container-exercice">
		<div class="row">
			<label for="liste-exercice">Exercice :</label>
			<select id="liste-exercice" class="form-select">
				<option>Choisir...</option>
				{% for exercice in exercices %}
					<option groupe-muscu="{{ exercice.groupe_musculaire }}" classification="{{ exercice.classification }}" libelle="{{ exercice.libelle }}" value="{{ exercice.id }}">{{ exercice.libelle }}</option>
				{% endfor %}
			</select>
			<button class="btn btn-danger" id="btn-delete">Supprimer</button>
		</div>


		<div class="row">
			<div class="form-group col-md-3">
				<label for="maj-text">Mise à jour de la dénomination :</label>
				<input id="maj-text" type="text" class="form-control"/>
			</div>
			<div class="form-group col-md-3">
				<label for="select-groupe-muscu">Mise à jour du groupe musculaire :</label>
				<select id="select-groupe-muscu" class="form-select">
					{% for groupeMuscu in listeGroupeMusculaireFromExercice %}
						<option>{{ groupeMuscu }}</option>
					{% endfor %}
				</select>
			</div>
			<div class="form-group col-md-3">
				<label for="select-groupe-muscu">Mise à jour du groupe musculaire :</label>
				<select id="select-groupe-muscu" class="form-select">
					{% for groupeMuscu in listeGroupeMusculaireFromExercice %}
						<option>{{ groupeMuscu }}</option>
					{% endfor %}
				</select>
			</div>

			<div class="form-group col-md-3">
				<label for="maj-text">Mise à jour du weight factor :</label>
				<input id="maj-weightFactor" type="number" class="form-control"/>
			</div>
			<button class="btn btn-primary" id="btn-modify">Modifier</button>
		</div>


		<form id="div-import" class="div-import-files" action="uploadFile" method="POST" enctype="multipart/form-data">
			<div class="row">Déposer ici le fichier correspondant à l'exercice
				<div id="labelExerciceForm"></div>
				<i id="svgUpload" class="fas fa-upload"></i>
			</div>

			<input type="hidden" value="exercices" id="storeFolder" name="storeFolder"/>
			<input type="hidden" value="" id="fichier" name="fichier"/>
			<input type="hidden" value="" id="idExercice" name="idExercice"/>
		</form>
		<div class="fileList" id="fileList"></div>


		<div class="row" id="row-new-exercice">
			<div class="form-group col-md-3">
				<label for="text-exercice-new">Dénomination nouvel exercice :</label>
				<input id="text-exercice-new" type="text" class="form-control"/>
			</div>
			<div class="form-group col-md-3">

				<label for="select-classification-new">Classification du nouvel exercice :</label>
				<select id="select-classification-new" class="form-select">
					{% for classification in listeClassificationFromExercice %}
						<option>{{ classification }}</option>
					{% endfor %}
				</select>
			</div>
			<div class="form-group col-md-3">

				<label for="select-groupe-muscu-new">Groupe musculaire du nouvel exercice :</label>
				<select id="select-groupe-muscu-new" class="form-select">
					{% for groupeMuscu in listeGroupeMusculaireFromExercice %}
						<option>{{ groupeMuscu }}</option>
					{% endfor %}
				</select>
			</div>

			<div class="form-group col-md-3">
				<label for="text-exercice-new">Weight Factor :</label>
				<input id="new-weightFactor" type="number" class="form-control"/>
			</div>
			<button class="btn btn-primary" id="btn-create">Créer</button>
		</div>
		<div id="type-travail" class="row">
			<label for="liste-exercice">Type de travail :</label>
			<select id="liste-type-seance" class="form-select">
				<option>Choisir...</option>
				{% for  type in typesSeance %}
					<option value="{{ type.id }}">{{ type.libelle }}</option>
				{% endfor %}
			</select>
			<button class="btn btn-danger" id="btn-delete-type-seance">Supprimer</button>

			<div class="form-group">
				<label for="text-exercice-new">Dénomination nouveau type de séance :</label>
				<input id="text-type-seance-new" type="text" class="form-control"/>
			</div>
			<button class="btn btn-primary" id="btn-create-type-seance">Créer</button>
		</div>


	</div>

{% endblock %}


{% block javascripts %}
	{{ parent() }}
	<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
	<script type="text/javascript" src="{{ asset('assets/js/exercice/initExercice.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/exercice/exercice.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/exercice/ajaxExercice.js?v=<?= time() ?>') }}"></script>
{% endblock %}