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

{% block atoTitle %} {{ parent() }} - Rôles {% endblock %}

{% block atoContent %}
    <section class="container-fluid">
        <div class="table-responsive"></div>
        <table class="table table-sm">
            <thead>
            <tr>
                <th class="text-center align-middle" style="width: 15%">Nom</th>
                <th class="col-9 text-center">Droits</th>
            </tr>
            </thead>
            <tbody>
            {% for role in roles %}
            <tr>
                <th class="text-center align-middle">{{ role.name }}</th>
                <td class="text-center align-middle table-responsive">
                    <table class="table-sm w-100">
                        <tbody class="w-100">
                            {% for rightCategoryName, rights in role.rights %}
                                <tr class="{{ loop.first ? "border-top-0" }} {{ loop.last ? "border-bottom-0" }} w-100">
                                    <th class="text-left {{ loop.first ? "border-top-0" }} {{ loop.last ? "border-bottom-0" }}">{{rightCategoryName}}</th>
                                    <td class="text-left {{ loop.first ? "border-top-0" }} {{ loop.last ? "border-bottom-0" }}">{% for right in rights %} {{right}} {{loop.last ? '': ','}}{% endfor %}</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </section>
{% endblock %}