// Favoritter — minimal JavaScript for HTMX configuration and form helpers.
// SPDX-License-Identifier: AGPL-3.0-or-later

(function () {
    "use strict";

    // Auto-include the CSRF token in all HTMX requests.
    document.body.addEventListener("htmx:configRequest", function (event) {
        var csrfCookie = getCookie("csrf_token");
        if (csrfCookie) {
            event.detail.headers["X-CSRF-Token"] = csrfCookie;
        }

        // For the tag search input, send the current value of the last
        // comma-separated segment as the 'q' parameter.
        var elt = event.detail.elt;
        if (elt && elt.id === "tags") {
            var val = elt.value;
            var parts = val.split(",");
            var lastPart = parts[parts.length - 1].trim();
            event.detail.parameters["q"] = lastPart;
        }
    });

    // Focus management after HTMX content swaps for accessibility.
    document.body.addEventListener("htmx:afterSwap", function (event) {
        var target = event.detail.target;
        if (target) {
            var autoFocus = target.querySelector("[autofocus]");
            if (autoFocus) {
                autoFocus.focus();
            }
        }
    });

    // After a successful HTMX DELETE, redirect if the element has a data-redirect attribute.
    document.body.addEventListener("htmx:afterRequest", function (event) {
        if (event.detail.successful && event.detail.verb === "delete") {
            var redirect = event.detail.elt.getAttribute("data-redirect");
            if (redirect) {
                window.location.href = redirect;
            }
        }
    });

    // Tag autocomplete: add a selected tag to the tag input.
    window.addTag = function (element, tagName) {
        var input = document.getElementById("tags");
        if (!input) return;

        var parts = input.value.split(",").map(function (s) { return s.trim(); });
        // Replace the last (incomplete) segment with the selected tag.
        parts[parts.length - 1] = tagName;
        // Add a trailing separator so the user can keep typing.
        input.value = parts.join(", ") + ", ";
        input.focus();

        // Clear suggestions by removing all child elements.
        var suggestions = document.getElementById("tag-suggestions");
        if (suggestions) {
            while (suggestions.firstChild) {
                suggestions.removeChild(suggestions.firstChild);
            }
        }
    };

    function getCookie(name) {
        var match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
        return match ? match[2] : null;
    }
})();