{% load sortable %}
{% comment %}
Convenience wrapper for the most common case: a vertical list with a
drag-handle on the left and a per-item template injected via ``item_template``.

Usage::

    {% include "conjunto/sortable/_list.html" with items=meeting.agendas.all reorder_url=reorder_url item_template="myapp/_agenda_item.html" %}

For custom markup (cards, table rows, …), use ``{% sortable_attrs %}`` and
``{% sortable_item %}`` directly instead of this wrapper.
{% endcomment %}
<ul {% sortable_attrs reorder_url=reorder_url %}>
  {% for item in items %}
    <li class="d-flex align-items-center mb-2">
      {% sortable_item item %}
      <span class="handle me-2 text-muted" style="cursor: grab;">
        <i class="ti ti-grip-vertical"></i>
      </span>
      <div class="flex-fill">
        {% include item_template %}
      </div>
    </li>
  {% endfor %}
</ul>