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

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/admin/adminDashboard.js') }}"></script>
    <script src="{{ asset('js/select_pl/select2.min.js') }}?{{ random() }}"></script>
    <script src="{{ asset('js/home/multiselect.js') }}?{{ random() }}"></script>
    <script src="{{ asset('js/home/menu.js') }}?{{ random() }}"></script>


{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/admin/dashboard.css') }}">
    <link rel="stylesheet" href="{{ asset('css/select_pl/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/home/menus.css') }}">
{% endblock %}

{% block body %}
    <div id="body" class="p-3">
        <div class="row py-3">
            <div class="col-12">
                <div class="row">
                    <div class="col-2 offset-10">
                        <input type="text" class="form-control" id="search-input" placeholder="Rechercher des utilisateurs..."
                               aria-label="Rechercher" aria-describedby="basic-addon2">
                    </div>
                </div>
            </div>
        </div>
        <div id='user-list' class="container-fluid user-container">
            <div class="row">
                {% for user in users|filterUsersByPL(plId, users) %}
                    {% if user is defined and user.nomPrenom is defined and user.nomPrenom != "" %}
                        <div class="col-md-4">
                            <div class="card mb-4">
                                <div class="card-body">
                                    <h5 class="card-title">{{ user.nomPrenom }}</h5>
                                    <p class="card-text">
                                        {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_SUPER_ADMIN') %}
                                            {% if user.isAdmin is defined %}
                                                {% if user.isAdmin %}
                                                    <a class="{{ currentUserId != user.id ? 'link-delete' : 'link-disabled' }}"
                                                       href="#"
                                                       onclick="delUserRole('{{ user.id }}', '{{ plId }}', 'ROLE_ADMIN');">Admin</a>
                                                {% else %}
                                                    <a class="link" href="#"
                                                       onclick="setUserRole('{{ user.id }}', '{{ plId }}', 'ROLE_ADMIN');">Admin</a>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}

                                        {% if is_granted('ROLE_SUPER_ADMIN') %}
                                            {% if user.isSuperAdmin is defined %}
                                                {% if user.isSuperAdmin %}
                                                    <a class="{{ currentUserId != user.id ? 'link-delete' : 'link-disabled' }}"
                                                       href="#"
                                                       onclick="delUserRole('{{ user.id }}', '{{ plId }}', 'ROLE_SUPER_ADMIN');">Superadmin</a>
                                                {% else %}
                                                    <a class="link" href="#"
                                                       onclick="setUserRole('{{ user.id }}', '{{ plId }}', 'ROLE_SUPER_ADMIN');">Superadmin</a>
                                                {% endif %}
                                            {% endif %}
                                        {% endif %}
                                    </p>
                                </div>
                            </div>
                        </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>

{% endblock %}