<li id="collection-{{ collection.pk }}">
  <a href="{% url 'atlas:collection_detail' pk=collection.pk %}">{{ collection.name }}</a>
  {% if can_edit %}
    <button class="btn btn-sm btn-outline-danger remove-button"
            hx-post="{% url 'atlas:remove_case_from_collection' case.pk collection.pk %}"
            hx-target="#collection-{{ collection.pk }}"
            hx-swap="outerHTML"
            hx-confirm="Are you sure you want to remove this case from the collection?">
      Remove
    </button>
  {% endif %}
</li>
