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

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

	<div class="{% if not is_granted("ROLE_ENTRAINEUR") %} hide {% endif %} jc-c">
		{% include "entraineur/chooseTeam.html.twig" %}
	</div>
	<div class="{% if not is_granted("ROLE_ENTRAINEUR") %} hide {% endif %} jc-c">


		<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 class="row" id="row-notation">
			<p>Notation :
			</p>
			<div id="notation-vert" class="notation" couleur="vert"></div>
			<div id="notation-orange" class="notation" couleur="orange"></div>
			<div id="notation-rouge" class="notation" couleur="rouge"></div>
		</div>
	</div>


	<div id="resultat-fiche" class="row"></div>
	{% if is_granted("ROLE_ENTRAINEUR") %}
		<input type="hidden" id="role" value="entraineur">
		<input type="hidden" id="email" value="{{idJoueur }}">
	{% else %}
		<input type="hidden" id="role" value="joueur">
		<input type="hidden" id="email" value="{{app.user.email}}">
	{% endif %}
{% endblock %}
{% block javascripts %}
	{{ parent() }}
	<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
	{# main  #}
	<script type="text/javascript" src="{{ asset('assets/js/ficheJoueur/initFicheJoueur.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/ficheJoueur/ficheJoueur.js?v=<?= time() ?>') }}"></script>
	<script type="text/javascript" src="{{ asset('assets/js/ficheJoueur/ajaxFicheJoueur.js?v=<?= time() ?>') }}"></script>
{% endblock %}