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

{% block title %}Listado de Usuarios{% endblock %}

{% block body %}
    <h1>Listado de Usuarios</h1>

    <table class="table table-border table-hover">
        <thead class="thead-dark">
            <tr>
                <th>Acciones</th>
                <th>Id</th>
                <th>Nombre</th>
                <th>Apellido</th>
                <th>Username</th>                
                <th>Email</th>               
                <th>Habilitado?</th>                                
                <th>Ultimo Login</th> 
                {% if is_granted('ROLE_GERENCIA') %}
                    <th>Sucursal</th>
                {% endif %}
                <th>Roles</th>
            </tr>
        </thead>
        <tbody>
        {% for usuario in usuarios %}
            <tr>
                <td>
                    <a class="btn btn-sm btn-info" href="{{ path('usuario_show', {'id': usuario.id}) }}"><span class="fa fa-info-circle"> Ver</a>
                    <a class="btn btn-sm btn-primary" href="{{ path('usuario_edit', {'id': usuario.id}) }}"><span class="fa fa-edit"></span> Editar</a>
                </td>
                <td>{{ usuario.id }}</td>
                <td>{{ usuario.nombre }}</td>
                <td>{{ usuario.apellido }}</td>
                <td>{{ usuario.email }}</td>
                <td>{{ usuario.username }}</td>                                
                <td>{{ usuario.enabled ? "<span class='fa fa-check-circle' style='color:green'></span>" : "<span style='color:red' class='fa fa-times-circle'></span>" }}</td>                
                <td>{{ usuario.lastLogin ? usuario.lastLogin|date('d/m/Y H:i') : '' }}
                    </br>
                    Ultimo Login: {{ usuario.passwordRequestedAt ? usuario.passwordRequestedAt|date('d/m/Y H:i') : '' }}
                </td>                
                {% if is_granted('ROLE_ADMIN') %}
                    <td>
                        {% for sucursal in usuario.sucursales %} 
                            <li> {{ sucursal }} </li>
                            
                        {% endfor %}
                    </td>
                {% endif %}
                <td>
                    
                    {% if usuario.roles|length %}
                        <ul>
                        {% for rol in usuario.getRolesString %}
                            <li>{{ rol }}</li>
                        {% endfor %}
                        </ul>
                    {% endif %}
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="15">No existen usuarios</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <a class="btn btn-primary " href="{{ path('usuario_new') }}"><span class="fa fa-plus-square"></span> Nuevo Usuario</a>
{% endblock %}