{% load i18n %}
<div id="optionDiv">
  <div
    class="oh-input__group pt-3"
    id="{{ current_hx_target }}"
    style="display: flex"
  >
    {{field_html}}
    <a
      hx-get="{% url 'add-remove-options-field' %}"
      class="oh-btn oh-btn--danger-outline oh-btn--light-bkg"
      hx-target="#{{ current_hx_target }}"
      hx-swap="outerHTML"
      id="delete-link"
    >
      <ion-icon name="trash-outline"></ion-icon>
    </a>
  </div>
  <div id="{{ next_hx_target }}" style="text-align: end">
    <a
      hx-target="#{{ next_hx_target }}"
      hx-swap="outerHTML"
      hx-post="{% url 'add-remove-options-field' %}"
      role="button"
      style="color: green"
      id="addMoreOptions"
      >{% trans "Add more option.." %}</a
    >
  </div>
</div>