{% extends "wagtailadmin/generic/base.html" %}
{% load wagtailadmin_tags %}
{% block main_content %}
    {{ block.super }}
    <div class="w-mt-8">
        {% fragment as ownership %}
            <table class="listing listing--dashboard listing-page">
                <thead class="w-sr-only">
                    <tr>
                        <th class="title">Group name</th>
                    </tr>
                </thead>
                <tbody>
                    {% for ownership in ownerships %}
                        {% include "wagtail_group_permissions/includes/tables/table_row_group_membership.html" with membership=ownership %}
                    {% endfor %}
                </tbody>
            </table>
        {% endfragment %}
        {% if ownerships %}
            {% include "wagtailadmin/shared/panel.html" with heading="Groups you manage" id_prefix="managed_groups" classname="w-panel--dashboard" children=ownership %}
        {% endif %}
        {% fragment as membership %}
            <table class="listing listing--dashboard listing-page">
                <thead class="w-sr-only">
                    <tr>
                        <th class="title">Group name</th>
                    </tr>
                </thead>
                <tbody>
                    {% for membership in memberships %}
                        {% include "wagtail_group_permissions/includes/tables/table_row_group_membership.html" with membership=membership %}
                    {% endfor %}
                </tbody>
            </table>
        {% endfragment %}
        {% if memberships %}
            {% include "wagtailadmin/shared/panel.html" with heading="Groups you are a member of" id_prefix="member_groups" classname="w-panel--dashboard" children=membership %}
        {% endif %}
    </div>
{% endblock main_content %}