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

{% block title %}{{ 'Liste des joueurs'|trans }}{% endblock %}

{% block body %}
<h1>{{ 'Liste des joueurs'|trans }}</h1>

<div id="middle" class="p-0 bg-white">

    <div class="table-responsive">
        <table id="players-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 players %}
                <tr>
                    <td>{{ player.name }}</td>
                    <td>{{ player.level }}</td>
                    <td>
                        {% if player.level == settings.get("max_level") %}
                        <strong>{{ 'Niveau max atteint !'|trans }}</strong>
                        {% else %}
                        <b>{{ player.exp }}</b>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% if serveur_statut is defined and serveur_statut == false %}
    <div class="p-3">
        <div class="alert alert-warning text-dark">
            {{ "Le serveur est hors ligne, la liste des joueurs est temporairement désactivée."|trans }}
        </div>
    </div>
    {% endif %}

</div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script>
    $(document).ready(function () {
        if (!$.fn.DataTable.isDataTable('#players-table')) {
            $('#players-table').DataTable({
                language: {
                    search: "Search player:" // ✅ C'est bien ici !
                },
                paging: false,
                info: false
            });
        }
    });
</script>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
{% endblock %}