{% load static %}
{% load i18n %}
{% if op == 'add' %}
  <form class="form-box" method="POST" action="{{ group_member_add_url }}">
    <h3>{% trans 'Add Members' %}</h3>
    {% include '_components/multi_valued_input.html' with title=_('Member') attribute='member'  %}
    {% include '_components/select_backends.html' with backends=resource.backends %}
    {% csrf_token %}
    <button>{% trans 'Add' %}</button>
  </form>
{% elif op == 'delete' and resource.members %}
  <form class="form-box" method="POST" action="{{ group_member_delete_url }}">
    <h3>{% trans 'Delete Members' %}</h3>
    <div class="multi-valued-input">
      <div class="resource-attribute">
        <span>{% trans 'Member' %}</span>
      </div>
      <div class="resource-values">
        {% for member in resource.members %}
          <div class="input-group">
            <div class="delete-members">
              <input type="checkbox" name="member" value="{{ member }}">
              <input type="text" value="{{ member }}" readonly>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
    {% include '_components/select_backends.html' with backends=resource.backends %}
    {% csrf_token %}
    <button>{% trans 'Delete' %}</button>
  </form>
{% endif %}