console.log("Asdas");
document.addEventListener("DOMContentLoaded", function () {
    var passwordInputs = document.querySelectorAll("input[type='password']");
    passwordInputs.forEach(function (input) {
        var span = document.createElement("span");
        const parent = input.parentElement;
        const siblings = parent.querySelectorAll("input");
        let hasSiblingInputs = false;
        siblings.forEach((subIn) => {
            if (input !== subIn) {
                hasSiblingInputs = true;
            }
        });
        if(hasSiblingInputs) {
            var wrapper = document.createElement("div");
            wrapper.classList.add("field-relative");
            input.parentNode.insertBefore(wrapper, input);
            wrapper.appendChild(input);
        }
        span.setAttribute("toggle", "#" + input.id);
        span.classList.add("eye-open", "field-icon", "toggle-password");
        span.addEventListener("click", function () {
            this.classList.toggle("eye-open");
            this.classList.toggle("eye-close");
            var targetInput = document.querySelector(
                this.getAttribute("toggle"),
            );
            if (targetInput.getAttribute("type") === "password") {
                targetInput.setAttribute("type", "text");
            } else {
                targetInput.setAttribute("type", "password");
            }
        });
        input.parentNode.insertBefore(span, input.nextSibling);
    });
});