{% extends "admin_app.html" %}
{% from "library.j2" import form_button, standard_button, value_or_hint, custom_form_button %}
{% block content %}
<h1>{% trans circle_name=(target_circle | circle_name) %}Edit circle {{ circle_name }}{% endtrans %}</h1>
<form method="POST">
{{- form.csrf_token -}}
<div class="form layout-expanded">
	<h2 class="form-title">{% trans %}Circle information{% endtrans %}</h2>
	<div class="f-ebox">
		{{ form.name.label }}
		{{ form.name }}
	</div>
	<div class="f-bbox">
		{%- call standard_button("back", url_for(".circles"), class="secondary") -%}
			{% trans %}Back{% endtrans %}
		{%- endcall -%}
		{%- call form_button("done", form.action_save, class="primary") %}{% endcall -%}
	</div>
	<h3 class="form-title">{% trans %}Delete circle{% endtrans %}</h3>
	<p class="form-desc">{% trans %}Deleting a circle does not delete any users in the circle.{% endtrans %}</p>
	<div class="f-bbox">
		{%- call form_button("done", form.action_delete, class="secondary danger") %}{% endcall -%}
	</div>
</div>
<h2>{% trans %}Circle members{% endtrans %}</h2>
{%- if circle_members -%}
<div class="el-2 elevated"><table>
	<thead>
		<th>Login name</th>
		<th class="collapsible">Display name</th>
		<th>Actions</th>
	</thead>
	<tbody>
{%- for member in circle_members -%}
		<tr>
			<td>{{ member.localpart }}</td>
			<td class="collapsible">{% call value_or_hint(member.display_name) %}{% endcall %}</td>
			<td class="nowrap">
				{%- call custom_form_button("remove", form.action_remove_user.name, member.localpart, class="primary danger", slim=True) -%}
					{% trans username=member.localpart %}Remove user {{ username }} from circle{% endtrans %}
				{%- endcall -%}
			</td>
		</tr>
{%- endfor -%}
	</tbody>
</table></div>
{%- else -%}
<p>{% trans %}This circle currently has no members.{% endtrans %}</p>
{%- endif -%}
<h3>{% trans %}Invite more members{% endtrans %}</h3>
{%- if form.user_to_add.choices -%}
<div class="form layout-expanded">
	<h4 class="form-title">{% trans %}Add existing user{% endtrans %}</h4>
	<div class="f-ebox">
		{{- form.user_to_add.label -}}
		<div class="select-wrap">{{ form.user_to_add }}</div>
	</div>
	<div class="f-bbox">
		{%- call form_button("add", form.action_add_user, class="primary") %}{% endcall -%}
	</div>
</div>
{%- else -%}
<div class="box hint el-2">
	<header>{% trans %}No users left{% endtrans %}</header>
	<p>{% trans %}All users on this service are already in this circle.{% endtrans %}</p>
</div>
{%- endif -%}
</form>
{%- include "admin_create_invite_form.html" -%}
{% endblock %}