{% load i18n %}

<div class="row justify-content-center">
  <div class="col-xl-10 m-2 p-3 shadow rounded rounded-3 border border-primary">
    <form method="POST" action="{{ group_member_add_url }}">
      <div class="row justify-content-center">
	<h2 class="col text-center fw-bold">{% trans 'Add Members' %}</h2>
      </div>
      <div class="row justify-content-end">
	<div class="col-xl-8">
	  {% include "includes/member-input-add.html" with id='add_member' %}
	</div>
      </div>
      <div class="row justify-content-center">
	<div class="col-xl-11">
	  {% include '_components/select_backends.html' with backends=resource.backends operation='add_members' default_select=resource.default_select %}
	</div>
      </div>
      {% csrf_token %}
      <div class="row justify-content-center">
	<div class="col-md-2">
	  {% include '_components/sub_menu/button.html' with type='resource_confirm_add_member'%}
	</div>
      </div>
    </form>
  </div>
</div>