{% extends "layout/default.html" %}
{% block title %}{% trans ou=ou %}group {{ ou }}{% endtrans %}{% endblock %}
{% block content %}
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th scope="col">{% trans %}uid{% endtrans %}</th>
                        <th scope="col">{% trans %}cn{% endtrans %}</th>
                        <th scope="col">{% trans %}remove member{% endtrans %}</th>
                    </tr>
                </thead>
                <tbody>
{% for member in members|sort %}
                    <tr>
                        <th scope="row">{{ member["uid"] }}</th>
                        <td>{{ member["cn"] }}</td>
                        <td>
                            <form action="{{ url_for("group_edit", ou=ou) }}" method="post">
                                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
                                <input type="hidden" name="remove" value="{{ member["uid"] }}">
                                <input type="submit" value="{% trans %}remove{% endtrans %}" class="btn btn-danger">
                            </form>
                        </td>
                    </tr>
{% endfor %}
                </tbody>
            </table>
            <form action="{{ url_for("group_edit", ou=ou) }}" method="post" class="row g-3 needs-validation">
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
                <fieldset>
                    <legend>{% trans %}add user to group{% endtrans %}</legend>

                    <div class="row mb-3">
                        <label for="add" class="form-label col-sm-2">user</label>
                        <div class="col-sm-10">
                            <select name="add" id="add" class="form-select">
                                <option value="" selected>{% trans %}select user{% endtrans %}</option>
{% for user in other_users|sort %}
                                <option value="{{ user["uid"] }}">{{ user["cn"] }} ({{ user["uid"] }})</option>
{% endfor %}
                            </select>
                        </div>
                    </div>

                    <input type="submit" value="{% trans %}add user to group{% endtrans %}" class="btn btn-primary mb-3"><br>
                </fieldset>
            </form>
{% endblock %}