{% load i18n %}
<div id="{{ attribute.id }}_input_multivalue" class="px-0">
{% with input_group_class="d-flex align-items-center justify-content-between px-0 my-2" %}
{% for value in values %}
  <div id="{{ attribute.id }}_{{ forloop.counter0 }}" class="{{ input_group_class }}">
    <div class="flex-grow-1">
      {% include "includes/attribute-input.html" with attribute=attribute value=value is_admin=is_admin new_resource=new_resource only %}
    </div>
    {% if is_admin or not attribute.readonly_by_self %}
      <button type="button" class="btn-close input-remove" aria-label="Close" data-attribute="{{ attribute.id }}"></button>
    {% endif %}
  </div>
{% empty %}
  <div id="{{ attribute.id }}_0" class="{{ input_group_class }}">
    <div class="flex-grow-1">
      {% include "includes/attribute-input.html" with attribute=attribute value="" is_admin=is_admin new_resource=new_resource only %}
    </div>
    {% if is_admin or not attribute.readonly_by_self %}
      <button type="button" class="btn-close input-remove" aria-label="Close" data-attribute="{{ attribute.id }}"></button>
    {% endif %}
  </div>
{% endfor %}
{% endwith %}
</div>
{% if is_admin or not attribute.readonly_by_self %}
<div class="d-flex">
  <button id="{{ attribute.id }}_input_add"
          type="button"
          class="btn btn-primary rounded-pill my-2 shadow button-round input-add"
          data-attribute="{{ attribute.id }}"
          data-required="{% if attribute.required %}yes{% endif %}">
    {% trans 'Add Input' %}
  </button>
</div>
{% endif %}