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

{% block title %}Présence
{% endblock %}
{% block stylesheets %}
	{{parent()}}
	<link rel="stylesheet" href="{{ asset('assets/css/tempsDeJeu.css?v=<?= time() ?>')}}"/>
{% endblock %}
{% block body %}


	{% include "entraineur/chooseTeam.html.twig" %}
	<div class="col-md-12 jc-c">
		<h4>Présence aux entrainements :</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="questionnaire">Choisir un entrainement :</label>
		<select id="questionnaire" class="form-select">
			<option>Choisir...</option>
			{% for entrainement in listeEntrainement %}
				<option value="{{entrainement.id}}">{{entrainement.nomSeance}} - Entraînement N°{{entrainement.id }}
					{{entrainement.dateHeure| date('d/m/y')}} à {{entrainement.dateHeure| date('H:i')}}</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}}" 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/presence/initPresence.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/presence/presence.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/presence/ajaxPresence.js?v=<?= time() ?>') }}"></script>
{% endblock %}