{% extends 'base.html' %}
{% load ui_extras %}

{% block content %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/">Home</a></li>
        <li class="breadcrumb-item active">Roles</li>
    </ol>
</nav>

<div class="d-flex align-items-center mb-1">
    <h3>Role{{ object_list|length|pluralize }} ({{ object_list|length }})</h3>

    <div class="ms-auto">
        {% if perms.auth.add_group %}
            {% url 'accounts:create_group' as url %}
            {% button 'CREATE' url "Create a new role" %}
        {% endif %}
    </div>
</div>

<div class="table-responsive mb-3">
    <table class="table table-striped align-middle table-hover">
    <thead>
        <th>Name</th>
        {% if perms.accounts.view_user %}
        <th>Users</th>
        <th>Service accounts</th>
        {% endif %}
        {% if perms.realms.view_rolemapping %}
        <th>Role mappings</th>
        {% endif %}
        <th style="width:15%"></th>
    </thead>
    <tbody>
        {% for group in object_list %}
        <tr class="data-row">
        <td>
            <a href="{% url 'accounts:group' group.pk %}">{{ group }}</a>
        </td>
        {% if perms.accounts.view_user %}
        <td>
            {{ group.user_count }}
        </td>
        <td>
            {{ group.service_account_count }}
        </td>
        {% endif %}
        {% if perms.realms.view_rolemapping %}
        <td>
            {{ group.role_mapping_count }}
        </td>
        {% endif %}
        <td class="text-end py-0">
            {% if perms.auth.change_group %}
                {% url 'accounts:update_group' group.pk as url %}
                {% button 'UPDATE' url "Edit role" %}
            {% endif %}
            {% if perms.auth.delete_group %}
                {% url 'accounts:delete_group' group.pk as url %}
                {% button 'DELETE' url "Delete role" %}
            {% endif %}
        </td>
        </tr>
        {% endfor %}
    </tbody>
    </table>
</div>
{% endblock %}