{% load i18n %}
{% load attribute %}

{% for attribute, values in attribute_values_list %}

    <div class="form-group">

        {% include "includes/attribute-label.html" with attribute=attribute only %}

        <div class="controls">
        {% if attribute.multi_value %}
            {% for value in values %}
            <div class="multivalue-input-group">
                {% include "includes/attribute-input.html" with attribute=attribute value=value is_admin=is_admin new_resource=new_resource only %}
                {% if is_admin or not attribute.readonly_by_self %}
                <span class="input-remove">&#x2296;</span>
                {% endif %}
            </div>
            {% empty %}
            <div class="multivalue-input-group">
                {% include "includes/attribute-input.html" with attribute=attribute value="" is_admin=is_admin new_resource=new_resource only %}
                {% if is_admin or not attribute.readonly_by_self %}
                <span class="input-remove">&#x2296;</span>
                {% endif %}
            </div>
            {% endfor %}
    
            {% if is_admin or not attribute.readonly_by_self %}
            <div class="button-round input-add"
                data-attribute="{{ attribute.id }}"
                data-size="{{ values|length }}"
                data-required="{% if attribute.required %}yes{% endif %}">{% trans 'Add Input' %}</div>
            {% endif %}

        {% else %}
            {% include "includes/attribute-input.html" with attribute=attribute value=values.0 is_admin=is_admin new_resource=new_resource only %}
        {% endif %}

        {% translate_description attribute as description %}
        {% if description %}<p class="attribute-description">{{ description }}</p>{% endif %}
        
        </div>

    </div>

{% endfor %}