{% extends base_template %}
{% load debusine %}
{% block content %}
    {% ui resource as resource_ui %}
    <p id="intro">
        {% if workspace %}
            This page lists all groups that you can access in the <b>{{ workspace.name }}</b> workspace.
        {% else %}
            This page lists all groups that you can access in scope <b>{{ scope }}</b>.
        {% endif %}
    </p>
    <h2>Groups</h2>
    {% if groups %}
        <table class="table table-sm table-hover table-striped" id="group-list">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Members</th>
                    <th>Ephemeral</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for g in groups %}
                    {% ui g as group_ui %}
                    <tr>
                        <td>
                            {% if workspace %}
                                {% widget group_ui.place.as_link variant="name" %}
                            {% else %}
                                {% widget group_ui.place.as_link %}
                            {% endif %}
                        </td>
                        <td>{{ g.count_users }}</td>
                        <td>{{ g.ephemeral|yesno:"yes,no" }}</td>
                        <td>
                            {% if group_ui.can_delete %}
                                {% widget group_ui.place_delete.as_button btn_type="danger sm" %}
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
            {% if resource_ui.can_create_groups %}
                <tfoot>
                    <tr>
                        <td colspan="4">
                            <div class="btn-group" role="group" aria-label="Group actions">
                                {% widget resource_ui.place_group_create.as_button %}
                            </div>
                        </td>
                    </tr>
                </tfoot>
            {% endif %}
        </table>
    {% else %}
        <p id="no-groups-message">There are no visible groups.</p>
        {% if resource_ui.can_create_groups %}
            <div class="btn-group" role="group" aria-label="Group actions">
                {% widget resource_ui.place_group_create.as_button %}
            </div>
        {% endif %}
    {% endif %}
{% endblock %}