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

{% block title %}Taux de réponse
{% endblock %}
{% block stylesheets %}
	{{parent()}}
	<link rel="stylesheet" href="{{ asset('assets/css/tauxReponse.css?v=<?= time() ?>')}}"/>
{% endblock %}
{% block body %}

	{% include 'entraineur/chooseTeam.html.twig' %}

	<div id="global" class="container">
		<div class="col-md-12 jc-c">
			<h4>Taux de réponse (à partir du 22/10/2024) :
			</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-joueurs">Choisir un joueur :</label>
			<select id="liste-joueurs" class="form-select">
				<option>Choisir...</option>
				{% for joueur in listeJoueur %}
					<option value="{{joueur.email}}" nomprenom="{{joueur.prenom}} {{joueur.nom}}">{{joueur.prenom}}
						{{joueur.nom}}</option>
				{% endfor %}
			</select>
			<label for="liste-groupes">Choisir un groupe :</label>
			<select id="liste-groupes" class="form-select select-groupe">
				<option>Choisir...</option>
				{% for groupe in listeGroupe %}
					<option value="{{groupe.id}}">{{groupe.libelle}}</option>
				{% endfor %}
			</select>
		</div>
		{% include 'entraineur/dependances/tauxReponseDep.html.twig' %}


	</div>


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