{% 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 %}
<div class="form-group" id="last-property">
  {% 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">
    <div style="display: flex;">
      <input class="form-control"
             placeholder="e.g. http://www.w3.org/2000/01/rdf-schema#seeAlso"
             id="new-property-input" />
      <div class="fa-solid fa-circle-arrow-right add-button"
           title="Add new property with this URI"
           onclick="new_property('new-property-input', 'last-property')"></div>
    </div>
  </div>
</div>