{# templates/superadmin_v2/users/sa_users_list.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Utilisateurs - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}

    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">
                {{ include('superadmin_v2/layout/sa_paginator.html.twig') }}

                <div class="table-responsive table--no-card m-b-30">
                    {% if nb_pages >= page %}
                    <table class="table table-borderless table-striped table-earning">
                        <thead>
                            <tr>
                                <th class="width-5">ID</th>
                                <th class="width-5">Photo</th>
                                <th class="width-15">Prénom</th>
                                <th class="width-15">Nom</th>
                                <th>Login</th>
                                <th class="width-12">Dernière<br>connexion</th>
                                <th class="width-15">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for k,row in listing %}
                            <tr>
                                <td class="text-center"><b>{{ row.id }}</b></td>
                                <td><img src="{{ asset('superadmin_v2/images/users/' ~ row.avatar) }}" style="width:35px;height:35px;border-radius:3px;" alt=""></td>
                                <td>{{ row.prenom }}</td>
                                <td>{{ row.nom }}</td>
                                <td>{{ row.username }}</td>
                                <td class="text-center">{% if row.derniereConnexion is not null %}{{ row.derniereConnexion|date('d-m-Y H:i') }}{% endif %}</td>
                                <td>
                                    <div class="table-data-feature">
                                        <!--button class="item primary">
                                            <i class="zmdi zmdi-edit"></i>
                                        </button-->
                                        {% if 4 in roles %}
                                            <button
                                                    id="activated_{{ row.id }}"
                                                    onclick="activerUser({{ row.id }}, '{{ path('superadmin_users_activer', {'id' : row.id}) }}');"
                                                    title="{% if row.active == 1 %}Désactiver{% else %}Activer{% endif %}"
                                                    class="item {% if row.active == 1 %}success{% else %}danger{% endif %}">
                                                <i class="zmdi {% if row.active == 1 %}zmdi-lock-open{% else %}zmdi-lock{% endif %}"></i>
                                            </button>
                                            <a class="item warning" href="{{ path('superadmin_users_roles', {'id' : row.id}) }}">
                                                <i class="zmdi zmdi-settings"></i>
                                            </a>
                                        {% endif %}
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>

                {% if nb_pages >= page %}{{ include('superadmin_v2/layout/sa_paginator.html.twig') }}{% endif %}
            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

    });

    function activerUser(id, url) {
        $.ajax({
            url: url,
            dataType: 'json',
            success: (response) => {
                if (response.code === 200) {
                    if (response.message === 'active') {
                        $(`#activated_${id}`).replaceWith(`<button id="activated_${id}" onclick="activerUser(${id}, '${url}');" title="Désactiver" class="item success"><i class="zmdi zmdi-lock-open"></i></button>`);
                    } else if (response.message === 'inactive') {
                        $(`#activated_${id}`).replaceWith(`<button id="activated_${id}" onclick="activerUser(${id}, '${url}');" title="Activer" class="item danger"><i class="zmdi zmdi-lock"></i></button>`);
                    }
                }
            },
            error: (e) => {
                console.error(e)
            }
        });
    }
    // ]]>
    </script>
{% endblock %}