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

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

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

	<div class="jc-c">
		<h3>Consultation :</h3>
	</div>
	<div class="row jc-c">
		<label for="dates">Dates :
		</label><input id="dates" type="text" class="form-control"/>
	</div>
	<div class="row jc-c">
		<label for="select-groupe-consultation">Groupe :
		</label>
		<select class="form-select select-groupe" id="select-groupe-consultation" >
			<option>Choisir...</option>
			{% for groupe in groupes %}
				<option value="{{groupe.id}}">{{groupe.libelle}}</option>
			{% endfor %}
		</select>
		<label>Effectif du groupe :
		</label>
		<div id="nbJoueur">{{nbJoueur}}</div>
	</div>
	<div id="container-consultation"></div>

	<div id="div-table" class="jc-c"></div>

	<div class="jc-c">
		<button id="btn-download" class="btn btn-secondary">Export CSV</button>
	</div>
	<div class="jc-c">
		<button id="btn-download-musculation" class="btn btn-secondary">Export CSV Muscu</button>
	</div>
	<div class="jc-c">
		<button id="btn-download-total" class="btn btn-secondary">Export CSV TOTAL</button>
	</div>

	<div id="container-canvas" width="500" height="500">
		<canvas id="line"></canvas>
	</div>
{% endblock %}
{% block javascripts %}
	{{ parent() }}
	<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
	<script type="text/javascript" src="{{ asset('assets/js/consultation/initConsultation.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/consultation/consultation.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/consultation/ajaxConsultation.js?v=<?= time() ?>') }}"></script>
{% endblock %}