{% extends "wagtailadmin/generic/inspect.html" %}
{% load wagtailadmin_tags %}
{% block main_content %}
    <div class="w-mt-8">
        <h2 class="w-relative w-h1">{{ object.name }}</h2>
        {% fragment as permissions %}
            <table class="listing listing--dashboard listing-page">
                <thead class="w-sr-only">
                    <tr>
                        <th class="title">Permissions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for permission in permissions %}
                        <tr>
                            <td class="title">
                                <div class="title-wrapper">{{ permission }}</div>
                            </td>
                            {% if can_edit_role %}
                                <td class="actions-container">
                                    <ul class="actions">
                                        <li>
                                            {% dropdown toggle_icon="dots-horizontal" toggle_aria_label=_("Actions") %}
                                                <a href="{% url 'remove_permission' role_pk=object.pk permission_pk=permission.pk %}">
                                                    {% icon name="bin" classname="icon w-w-4 w-h-4" %}
                                                    Remove permission
                                                </a>
                                            {% enddropdown %}
                                        </li>
                                    </ul>
                                </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        {% endfragment %}
        {% include "wagtailadmin/shared/panel.html" with heading="Permissions" id_prefix="permissions" classname="w-panel--dashboard" children=permissions %}
    </div>
{% endblock main_content %}