{% load i18n %}
<div class="row justify-content-center">
  <div class="accordion accordion-flush col-md-6" id="target-box-{{target.id}}">
    <div class="accordion-item dashboard-item my-2 border border-primary rounded dashboard-target">
      <h2 class="accordion-header rounded" id="target-box-header-{{target.id}}">
	<button class="accordion-button rounded target-header" type="button" data-bs-toggle="collapse" data-bs-target="#target-body-item-{{target.id}}" aria-expanded="false" aria-controls="target-body-item-{{target.id}}">
	  <div class="text-dark fw-bold">{{ target.name }}</div>
	</button>
      </h2>
      <div id="target-body-item-{{target.id}}" class="accordion-collapse collapse" aria-labelledby="target-box-header-{{target.id}}" data-bs-parent="#target-box-{{target.id}}">
	<div class="accordion-body row">
	  <div class="btn-group-vertical col-md" role="group" aria-label="{{target.name}} menu">
	    <a href="{% url 'users' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'List users' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'user_add' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Add a user' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'bulk_users' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Bulk operation for users' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'user_password_without_name' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Change a password of a user' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'user_confirm_without_name' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Change status of a user' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'user_rename_without_name' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Rename a user' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'groups' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'List groups' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'group_add' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Add a group' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'bulk_groups' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Bulk operation for groups' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'group_confirm_without_name' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Change status of a group' %}</p>
	      </button>
	    </a>
	    <a href="{% url 'group_rename_without_name' target=target.id %}" class="w-100">
	      <button type="button" class="btn btn-outline-primary w-100 my-1">
		<p class="text-dark text-start fw-bold my-1">{% trans 'Rename a group' %}</p>
	      </button>
	    </a>
	  </div>
	</div>
      </div>
    </div>
  </div>
</div>