{% extends 'Application/' ~ settings.get("theme") ~'/base.html.twig' %}

{% block title %}{{ 'Liste des Joueurs connectés'|trans }}{% endblock %}

{% block body %}
<h1>{{ 'Liste des Joueurs connectés'|trans }}</h1>


<div id="middle" class="p-0">
	{% if joueurs is defined and joueurs >= 1%}
	<div class="table-responsive">
		<table class="table table-hover text-center">
			<thead class="text-center bg-table">
				<tr class="text-center">
					<th class="text-center">{{ 'Nom'|trans }}</th>
					<th class="text-center">{{ 'Niveau'|trans }}</th>
					<th class="text-center">{{ 'Exp'|trans }}</th>
				</tr>
			</thead>
			<tbody>
				{% for player in joueurs %}
				<tr>
					<td>{{ player.name }}</td>
					<td class="c">{{ player.level }}</td>
					<td class="r">
						{% if player.level == settings.get("max_level") %}
						<strong>{{'Niveau max atteint !'|trans}}</strong>
						{% else %}
						<b>{{ player.exp }}/{{player.expNext }}</b>
						{% endif %}
					</td>
				</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>

	{% else %}
	<div class="p-3">
		<div class="alert alert-info text-dark shadow">
			{{"Aucun joueur connecté."|trans}}
		</div>
	</div>
	{% endif %}

</div>
{% endblock %}