{%- import 'apostrophe-ui:components/buttons.html' as buttons -%}
{% for item in data.choices %}
  {% set choice = item.item or item %}
  {# SVG Sprites have no relationship fields at current but leaving this here to extend if needed #}
  {% set relationship = item.relationship %}
  <div class="apos-chooser-choice">
    {% include data.choiceTemplate %}
    <div class="apos-button apos-button--in-context apos-button--group apos-chooser-controls">
      {{ buttons.inGroup('', { icon: 'arrow-up', action: 'raise-item', value: choice._id}) }}
      {{ buttons.inGroup('', { icon: 'arrow-down', action: 'lower-item', value: choice._id }) }}
      {%- if data.relationship -%}
        {{ buttons.inGroup('', { icon: 'crop', action: 'relate-item' , value: choice._id }) }}
        {% if data.hints.focalPoint %}
          {{ buttons.inGroup('', { icon: 'eye', action: 'focal-point-item' , value: choice._id }) }}
        {% endif %}
      {%- endif -%}
      {%- if item._edit or item.item._edit -%}
        {{ buttons.inGroup('', { icon: 'pencil', action: 'edit-item', value: choice._id}) }}
      {%- endif -%}
      {{ buttons.inGroup('', { icon: 'trash', action: 'delete-item', value: choice._id }) }}
    </div>
  </div>
{% endfor %}