{% load crispy_forms_tags django_tables2 %}

<div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="modal-title mb-0">{{ DLUX_STRINGS.group_members_label|default:"Members" }} — {{ group.name }}</h5>
    <button type="button" class="btn btn-secondary rounded-pill js-group-nav" data-url="{% url 'manage_groups' %}">
        <i class="bi bi-arrow-right me-1"></i> {{ DLUX_STRINGS.back_to_list|default:"Back to List" }}
    </button>
</div>

<form id="groupMembersForm" class="dlux-form js-group-form" data-url="{% url 'save_group_members' group_id %}">
    {% csrf_token %}
    {% crispy form %}
</form>

<hr>
<h6 class="text-muted">{{ DLUX_STRINGS.group_membership_history|default:"Membership History" }}</h6>
{% render_table table %}