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

{% block title %}Puissance / poids
{% endblock %}
{% block stylesheets %}
	{{parent()}}
	<link rel="stylesheet" href="{{ asset('assets/css/poidsPuissance.css?v=<?= time() ?>')}}"/>
{% endblock %}
{% block body %}
	{% include 'entraineur/chooseTeam.html.twig' %}

	<div class="col-md-12 jc-c">
		<h4>Puissance / poids :</h4>
	</div>
	<div class="col-md-12 jc-c">
		<svg xmlns="http://www.w3.org/2000/svg" width="412" 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 class="jc-c">
		<label for="liste-semaine">Choisir une semaine :</label>
		<select id="liste-semaine" class="form-select">
			<option>Choisir...</option>
			{% for semaine in semaines %}
				<option value="{{semaine.id}}">Semaine N°{{semaine.numero}} {{semaine.annee }}</option>
			{% endfor %}
		</select>
		<label for="liste-joueurs">Choisir un joueur :</label>
		<select id="liste-joueurs" class="form-select">
			<option>Choisir...</option>
			{% for joueur in listeJoueur %}
				<option value="{{joueur.email}}" idjoueur="{{joueur.id}}" nomprenom="{{joueur.prenom}} {{joueur.nom}}">{{joueur.prenom}}
					{{joueur.nom}}</option>
			{% endfor %}
		</select>
	</div>


	<div class="jc-c container" id="reponseAjax"></div>


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