{# @description The controls one contributor carries for someone who may manage the record: move up, move down, edit and remove. The move buttons are left out while a search is narrowing the list, or when there is nothing to move past. #}
{# @prop entry:text | description:"One contributor on a record, as the Contributors tab describes them." #}
{# @prop list_url:text | description:"The address of the record's Contributors tab." #}
{# @prop movable:boolean | description:"Whether the move buttons are offered." #}
{# @prop removable:boolean | default:True | description:"Whether the remove link is offered." #}
{% load i18n %}
<c-vars entry list_url movable :removable="True" />
<div class="flex items-center gap-1">
  {% if movable %}
    <form method="post" action="{{ list_url }}{{ entry.contribution.pk }}/move/" class="flex gap-1">
      {% csrf_token %}
      <button type="submit" name="direction" value="up" class="btn btn-ghost btn-sm btn-square" {% if entry.first %}disabled{% endif %}
              aria-label="{% blocktranslate with name=entry.contributor %}Move {{ name }} up{% endblocktranslate %}">
        <c-icon name="chevron-up" aria-hidden="true" />
      </button>
      <button type="submit" name="direction" value="down" class="btn btn-ghost btn-sm btn-square" {% if entry.last %}disabled{% endif %}
              aria-label="{% blocktranslate with name=entry.contributor %}Move {{ name }} down{% endblocktranslate %}">
        <c-icon name="chevron-down" aria-hidden="true" />
      </button>
    </form>
  {% endif %}
  <a href="{{ list_url }}{{ entry.contribution.pk }}/edit/" class="btn btn-sm">
    {% translate "Edit" %}<span class="sr-only"> {{ entry.contributor }}</span>
  </a>
  {% if removable %}
    <a href="{{ list_url }}{{ entry.contribution.pk }}/remove/" class="btn btn-sm btn-ghost">
      {% translate "Remove" %}<span class="sr-only"> {{ entry.contributor }}</span>
    </a>
  {% endif %}
</div>