{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        {{ "Users"|trans }}
    {% endblock %}


    {% block body %}

        <a class="loader" data-action="{{ path('user_new') }}">
            <button type="submit" class="btn btn-primary">
                Create user
                <div class="ripple-container"></div>
            </button>
        </a>

        {% if filterForm %}
            {{ form_start(filterForm, {'attr':{'data-remote':'true', 'data-url':filterForm.vars.action,'data-method':'GET', 'data-replacecontent':'true' }}) }}
            <div id="App_user">
                <div class="row">
                    <div class="col-md-6">
                        {{ form_row(filterForm.user) }}
                    </div>
                    <div class="col-md-6">
                        {{ form_row(filterForm.roles) }}
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-6">
                        {{ form_row(filterForm.concessionarie) }}
                    </div>
                    <div class="col-md-6" >
                        {{ form_row(filterForm.offices) }}
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <button class="btn-success btn" type="submit">Buscar</button>
                    </div>
                </div>
            </div>
            {{ form_end(filterForm) }}
        {% endif %}


        <div class="card-content table-responsive">
            <table class="table table-hover" data-toggle="table" data-search="true" data-show-columns="true">
                <thead>
                <tr>
                    <th data-sortable="true">Id</th>
                    <th data-sortable="true">Nombre</th>
                    <th data-sortable="true">Usuario</th>
                    <th data-sortable="true">Email</th>
                    <th>Grupos</th>
                    <th>Concesionarios</th>
                    <th>Oficinas</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for user in users %}
                    <tr class="{{ user.enabled ? 'success' : 'warning' }}">
                        <td><a>{{ user.id }}</a></td>
                        <td>{{ user.person.fullName|default('')|raw }}</td>
                        <td>{{ user.username }}</td>
                        <td>{{ user.person.email|default("Sin correo") }}</td>
                        <td>{{ user.rolesTitles|join(', ') }}</td>
                        <td>{{ user.concessionaries|asArray('getName')|join(', ') }}</td>
                        <td>{{ user.offices|asArray('getName')|join(', ') }}</td>
                        <td>
                            <a class="loadinmodal" data-action="{{ path('user_show', { 'id': user.id }) }}"><i class="fa fa-eye"></i></a>
                            <a class="loader" data-action="{{ path('user_edit', { 'id': user.id })}}"><i class="fa fa-edit"></i></a>
                            {% if is_granted("ROLE_SUPER_ADMIN") %}
                                <a href="{{ app.request.getBaseURL() }}/?_want_to_be={{user.username}}"><i class="fa fa-sign-in"></i></a>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
                <tfoot>
                <tr>
                    <td colspan="8">
                        <i class="fa fa-square" style="color: green"></i> Habilitado
                        <i class="fa fa-square" style="color: yellow"></i> Deshabilitado
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>

    {% endblock %}