{% load i18n %}
<hr>
<div class="small">

<div id="iam-subgroups" class="cv-scroll-anchor"></div>
<table class="table table-hover table-bordered table-sm">
    <colgroup><col style="width:30%"><col style="width:30%"><col></colgroup>
    <tr class="table-success">
        <th><strong>{% translate 'Subgroups' %}</strong></th>
        <th><strong>{% translate 'Display name' %}</strong></th>
        <th><strong>{% translate 'Description' %}</strong></th>
    </tr>
    {% for g in iam_subgroups %}
    <tr>
        <td><a href="{% url 'app_data:instance_detail' g.id %}">{{ g.keyname }}</a></td>
        <td>{{ g.displayname }}</td>
        <td>{{ g.description }}</td>
    </tr>
    {% empty %}
    <tr><td colspan="3" class="text-muted">{% translate 'No subgroups' %}</td></tr>
    {% endfor %}
</table>

<div id="iam-users" class="cv-scroll-anchor"></div>
<table class="table table-hover table-bordered table-sm">
    <colgroup><col style="width:18%"><col style="width:10%"><col style="width:20%"><col style="width:22%"><col style="width:15%"><col></colgroup>
    <tr class="table-warning">
        <th><strong>{% translate 'Users' %}</strong></th>
        <th><strong>{% translate 'Type' %}</strong></th>
        <th><strong>{% translate 'Display name' %}</strong></th>
        <th><strong>{% translate 'Email' %}</strong></th>
        <th><strong>{% translate 'Mobile' %}</strong></th>
        <th><strong>{% translate 'Last login' %}</strong></th>
    </tr>
    {% for u in iam_users %}
    <tr>
        <td><a href="{% url 'app_data:instance_detail' u.id %}">{{ u.keyname }}</a></td>
        <td>{{ u.kind }}</td>
        <td>{{ u.displayname }}</td>
        <td>{{ u.email }}</td>
        <td>{{ u.mobile }}</td>
        <td>{{ u.last_login }}</td>
    </tr>
    {% empty %}
    <tr><td colspan="6" class="text-muted">{% translate 'No users' %}</td></tr>
    {% endfor %}
</table>

</div>