(function () {
  function initSortable() {
    var list = document.getElementById("journal-category-list");
    if (!list || typeof Sortable === "undefined") return;

    Sortable.create(list, {
      handle: ".drag-handle",
      animation: 150,
      forceFallback: true, // iOS Safari는 네이티브 HTML5 D&D 터치 지원이 불안정해서 자체 포인터 시뮬레이션을 강제한다
      fallbackTolerance: 3,
      onEnd: function () {
        var ids = Array.from(list.children)
          .map(function (el) { return el.getAttribute("data-category-id"); })
          .filter(Boolean)
          .map(Number);

        fetch("/api/journal/categories/reorder", {
          method: "POST",
          headers: { "Content-Type": "application/json" },
          body: JSON.stringify({ category_ids: ids }),
        });
      },
    });
  }

  document.addEventListener("DOMContentLoaded", initSortable);
})();