{% extends 'Admin/admin.html.twig' %}

{% block title %}{{"Liste des personnages"|trans}}{% endblock %}

{% block body %}
<div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">{{'Liste des personnages'|trans}}</h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">

            <table class="ladder table py-3">
                <thead>
                    <nav aria-label="Pagination de la liste des personnages">
                        <ul class="pagination p-3 overflow-auto">
                            {% for i in 0..total_page %}
                                <li class="page-item {% if page_actuel == i %}active{% endif %}">
                                    <a class="page-link" href="{{ path('admin.character.list', {'page': i}) }}">{{ i + 1 }}</a>
                                </li>
                            {% endfor %}
                        </ul>
                    </nav>
                    <tr>
                        <th>ID</th>
                        <th>{{"Nom"|trans}}</th>
                        <th>{{"Niveau"|trans}}</th>
                        <th>{{"Classe"|trans}}</th>
                        <th>{{"Map"|trans}}</th>
						<th>{{"MapId"|trans}}</th>
                        <th>{{"Position"|trans}}</th>
						<th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {% for character in items %}
                        <tr>
                            <td>{{ character.Id }}</td>
                            <td>{{ character.Name }}</td>
                            <td>{{ character.Level }}</td>
                            <td>{{ character.ClassName }}</td>
                            <td>{{ character.MapName }}</td>
							<td>{{ character.MapId }}</td>
                            <td>{{ character.X }}, {{ character.Y }}</td>
							 <td>
                                <a class="btn btn-primary"
                                    href="{{ path('admin.character.detail', {'character': character.Id}) }}">Détail</a>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>

            <nav aria-label="Pagination bas">
                <ul class="pagination p-3 overflow-auto">
                    {% for i in 0..total_page %}
                        <li class="page-item {% if page_actuel == i %}active{% endif %}">
                            <a class="page-link" href="{{ path('admin.character.list', {'page': i}) }}">{{ i + 1 }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </nav>

        </div>
    </div>
</div>
{% endblock %}