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

{% import '/admin/components/helpers_macro.html.twig' as helpers %}


{% block title %}
    Roles
{% endblock %}


{% block content %}
    <div class="card card-outline card-primary">
        <div class="card-header card-header-compressed">
            <strong class="font-20">Roles</strong>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                <tr>
                    <th style="width: 10px"></th>
                    <th>Name</th>
                    <th>Description</th>
                    <th>Code</th>
                </tr>
                </thead>
                <tbody>
                {% for role in roles %}
                    <tr>
                        <td class="bg-{{ role.color }}"></td>
                        <td>{{ role.label }}</td>
                        <td>{{ role.description }}</td>
                        <td>{{ role.name }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}