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

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

{% block body %}
	{{parent()}}

	{% include "entraineur/chooseTeam.html.twig" %}
	<div id="popupContainer" class="popup">
		<div class="popup-content" class="popup">
			<div class="entete-pop-up" id="entete-pop-up">
				<div id="container-libelle-groupe"></div>
				<div id="popup-close-button" class="btn btn-danger popup-close-button">
					<i class="fas fa-times"></i>
				</div>
			</div>
			<div id="content-popup" class="jc-c"></div>
		</div>
	</div>
	<div id="main" class="col-md-12">
		<div class="col-md-1"></div>
		<div class="col-md-11" id="div-autre">
			<div class="row col-md-12 ml0" id="div-entete">
				<ul class="nav nav-tabs">
					<li class="nav-item">
						<a class="nav-link active tab-groupe" aria-current="page" action="joueurs">Liste joueur</a>
					</li>
					<li class="nav-item">
						<a class="nav-link tab-groupe" action="groupes">Groupes</a>
					</li>
					<li class="nav-item">
						<a class="nav-link tab-groupe" action="equipes">Equipes</a>
					</li>
				</ul>
			</div>
			<div class="col-md-12 row jc-c" id="div-select-groupe">
				<label for="select-groupe">Groupe :
				</label>
				<select class="form-select select-groupe" id="select-groupe">
					{% for groupe in groupes %}
						<option value="{{groupe.id}}" {% if groupe.libelle|slice(0,'Tous'|length) == 'Tous' %} selected {% endif %}>{{groupe.libelle}}</option>
					{% endfor %}
					<option value="0">Toute l'équipe</option>
					<option value="-1">Joueurs sans groupe</option>
				</select>
			</div>
			<div class="col-md-12 row div-view" id="div-view-joueurs"></div>
			<div class="col-md-12 div-view div-view-groupes width100" id="div-view-groupes">
				{% include 'entraineur/administration/administrationGroupes.html.twig' %}
			</div>
			<div class="col-md-12 div-view div-view-equipes width100" id="div-view-equipes">
				{% include 'entraineur/administration/administrationEquipes.html.twig' %}
			</div>
		</div>

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