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

{% block content %}

    <section>
        <h1>Gestion des rôles de l'application</h1>
    </section>
    <section>
        <div class="mb-3 d-flex align-items-stretch">
            <div class="col-auto">
                {% if is_granted("create", "roles") %}
                    <a href="{{ path('admin_polaris_role_new') }}" class="text-success my-auto" data-toggle="tooltip" data-position='right' title="Ajouter un rôle"><i class="text-success polaris-icon polaris-icon-hierarchical-add" style="font-size: 4rem;"></i></a>
                {% endif %}
            </div>
            <hr>
        </div>
        <div class="container-fluid">            
            <table class="table">
                <thead>
                    <tr>
                        <th>Nom</th>
                        {% if is_granted('view', "roles") %}
                            <th class="text-center">Droits</th>
                        {% endif %}
                        <th class="text-center">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for app_role in app_roles %}
                        <tr>
                            <td class="align-middle">
                                {{ app_role.name|upper }}
                            </td>
                            {% if is_granted('view', "roles") %}
                                <td class="align-middle">
                                    <table class="table table-sm">
                                        {% for rightCategoryName, rights in app_role.rights %}
                                        <tr class="{{ loop.first ? "border-top-0" }} {{ loop.last ? "border-bottom-0" }}">
                                            <th class="text-center {{ loop.first ? "border-top-0" }} {{ loop.last ? "border-bottom-0" }}">{{rightCategoryName}}</th>
                                            <td class="text-center {{ loop.first ? "border-top-0" }} {{ loop.last ? "border-bottom-0" }}">{% for right in rights %} {{right}} {{loop.last ? '': ','}}{% endfor %}</td>
                                        </tr>
                                        {% endfor %}
                                    </table>
                                </td>
                            {% endif %}
                            {% if is_granted(["edit", "delete"], "roles") %}
                                <td class="align-middle text-center">
                                    <div class="d-flex justify-content-around">
                                         {% if is_granted("edit", "roles") %}
                                            <a class="text-secondary no-decorate-on-hover" href="{{ path('admin_polaris_role_edit', {'id': app_role.id}) }}" data-toggle="tooltip" data-position="top" title="Editer"><i class="icon icon-pencil" style="font-size: 1.5rem;"></i></a>
                                        {% endif %}
                                        {% if is_granted("delete", "roles") %}
                                            {{ include('role/_delete_form.html.twig') }}
                                        {% endif %}
                                    </div>
                                   
                                </td>
                            {% endif %}
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="3" class="text-center text-danger">Pas de rôle défini</td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </section>
    <table class="table table-sm">
        
    </table>
    <div class="d-flex justify-content-center">
        <div class="col-md-8 col-lg-6">
            
        </div>
    </div>
{% endblock %}