{% load heliport %}
{% comment %}
SPDX-FileCopyrightText: 2022 Helmholtz-Zentrum Dresden-Rossendorf (HZDR)

SPDX-License-Identifier: GPL-3.0-or-later
{% endcomment %}
{% comment %}
NOTE: This template uses Bootstrap 4. This is due to the fact that it is rendered into
      a Django REST Framework API view which still uses Bootstrap 4.
{% endcomment %}
{% for rendered_field, error in field.render_form_inputs|zip_dict:field.errors %}
  <div class="form-group {% if field.errors %}has-error{% endif %}">
    {% if field.label %}
      <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
    {% endif %}
    <div class="col-sm-10">
      <dif style="display: flex;">
      {{ rendered_field }}
      {% if forloop.last %}
        <div class="fa-solid fa-plus add-button"
             title="Add new value for same attribute"
             onclick="new_input('{{ field.field_name | escapejs }}')"></div>
      {% endif %}
      </dif>
      {% if error %}
        {% for e in error %}<span class="help-block">{{ e }}</span>{% endfor %}
      {% endif %}
    </div>
  </div>
{% endfor %}
<div data-new-input="{{ field.field_name }}" style="display: none;">
  <div class="form-group">
    {% if field.label %}
      <label class="col-sm-2 control-label {% if style.hide_label %}sr-only{% endif %}">{{ field.label }}</label>
    {% endif %}
    <div class="col-sm-10">{{ field.render_new_input }}</div>
  </div>
</div>