{% extends 'base.html.twig' %}
{% block body %}
    {% block body_head %} 
        <h1> Tableau de bord </h1>
        <h2> Utilisateur en attente de validation </h2>
    {% endblock %}  
    <style>
        table{
            border:solid 5px black; 
            background-color: #FFF5; 
        }
         th {
            border:solid 2px black; 
            padding:15px;
        }
         td{
            border:solid 1px black; 
            padding:5px;
        }
    </style>
    <table>
        <tr>
            <th>Id</th>
            <th>Nom</th>
            <th>Email</th>
            <th>Role</th>
            <th>Date</th>
            <th>Etat</th>
            <th>Actions</th>
        </tr>
        {% for dem in demandes %}   
            <tr>
                <td>{{ dem.user.username }}</td>
                <td>{{ dem.user.nom|capitalize }} {{ dem.user.prenom|capitalize }}</td>
                <td>{{ dem.user.email }}</td>
                <td>{{ dem.role }}</td>
                <td>{{ dem.date|date("d/m/Y") }}</td>
                <td>{{ dem.getEtatToString }}</td>
                <td>
                    <a class="btn btn-success" href="{{ path('validation_action', { 'id': dem.id, 'action':'valider'}) }}">
                        <span class="glyphicon glyphicon-ok"></span>
                    </a>
                    &nbsp;    
                    <a class="btn btn-danger" href="{{ path('validation_action', { 'id': dem.id, 'action':'refuser'}) }}">
                        <span class="glyphicon glyphicon-remove"></span>
                    </a>
                </td>
            </tr>
        {% endfor %}
    </table>
{% endblock %}