{#
  Reorder grip handle. Include with:
    {% with reorder_url="/focus/reorder", item_id=item.id %}
    {% include 'partials/reorder_arrows.html' %}
    {% endwith %}

  Required context vars:
    reorder_url  - POST endpoint for the reorder action
    item_id      - ID of the current item
  Optional:
    extra_fields - dict of extra hidden fields (e.g. {"focus_date": "2026-03-03"})
#}
<span class="reorder-grip">
    <form action="{{ reorder_url }}" method="post">
        <input type="hidden" name="item_id" value="{{ item_id }}">
        <input type="hidden" name="direction" value="up">
        {% if extra_fields %}{% for k, v in extra_fields.items() %}
        <input type="hidden" name="{{ k }}" value="{{ v }}">
        {% endfor %}{% endif %}
        <button type="submit" class="grip-btn" title="Move up">⠛</button>
    </form>
    <form action="{{ reorder_url }}" method="post">
        <input type="hidden" name="item_id" value="{{ item_id }}">
        <input type="hidden" name="direction" value="down">
        {% if extra_fields %}{% for k, v in extra_fields.items() %}
        <input type="hidden" name="{{ k }}" value="{{ v }}">
        {% endfor %}{% endif %}
        <button type="submit" class="grip-btn" title="Move down">⠓</button>
    </form>
</span>