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


{% block body %}
    <div class="container">

        <div class="row">
            <div class="col">
                <a href="{{ path('new_user') }}" class="btn btn-outline-secondary float-right"><i class="fas fa-user-plus"></i> Ajouter</a>
            </div>
        </div>
        <table class="table" style="margin-top: 25px;">
            <div class="row">
                <div class="col text-center">
                    <h4>Utilisateurs Actifs : </h4>
                </div>
            </div>
            <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Email</th>
                <th scope="col">Firstname</th>
                <th scope="col">Lastame</th>
                <th scope="col">Password</th>
                <th scope="col">Role</th>
                <th scope="col" colspan="2"></th>
            </tr>
            </thead>
            <tbody>
            {# @var user \App\Entity\User #}
            {% for user in activeUsers %}
                <tr>
                    <th scope="row">{{ user.id }}</th>
                    <td>{{ user.email }}</td>
                    <td>{{ user.firstName }}</td>
                    <td>{{ user.lastName }}</td>
                    <td>********</td>
                    <td>{{ user.mainRole }}</td>
                    <td>
                        <a href="{{ path('edit_user',{'userId':user.id}) }}" class="btn btn-outline-primary"><i class="fas fa-user-edit"></i></a>
                        <a href="{{ path('inactive_user',{'userId':user.id}) }}" class="btn btn-outline-danger"><i class="fas fa-trash-alt"></i></a>

                    </td>
                </tr>
            {% endfor %}

            </tbody>
        </table>

        {% if disabledUsers is not empty %}

        <table class="table" style="margin-top: 25px;">
            <div class="row">
                <div class="col text-center">
                    <h4>Utilisateurs Désactivés :</h4>
                </div>
            </div>
            <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Email</th>
                <th scope="col">Firstname</th>
                <th scope="col">Lastname</th>
                <th scope="col">Password</th>
                <th scope="col">Role</th>
                <th scope="col"></th>
            </tr>
            </thead>
            <tbody>
            {# @var user \App\Entity\User #}
            {% for user in disabledUsers %}
                <tr>
                    <th scope="row">{{ user.id }}</th>
                    <td>{{ user.email }}</td>
                    <td>{{ user.firstName }}</td>
                    <td>{{ user.lastName }}</td>
                    <td>********</td>
                    <td>{{ user.mainRole }}</td>
                    <td>
                        <a href="{{ path('edit_user',{'userId':user.id}) }}" class="btn btn-outline-primary"><i class="fas fa-user-edit"></i></a>
                        <a href="{{ path('enable_user',{'userId':user.id}) }}" class="btn btn-outline-success"><i class="fas fa-trash-restore-alt"></i></a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        {% endif %}
    </div>


{% endblock %}