(function (window) {
  "use strict";

  window.ls.container.get("view").add({
    selector: "data-forms-show-secret",
    controller: function (element, document) {
      let button = document.createElement("a");
      button.type = "button";
      button.className = "icon-eye";
      button.innerHTML = "show/hide";
      button.style.cursor = "pointer";
      button.style.fontSize = "10px";

      if (element.attributes.getNamedItem("data-forms-show-secret-above")) {
        element.insertAdjacentElement("beforebegin", button);
      } else {
        element.parentNode.insertBefore(button, element.nextSibling);
      }

      const toggle = function (event) {
        switch (element.type) {
          case "password":
            element.type = "text";
            break;
          case "text":
            element.type = "password";
            break;
          default:
            console.warn(
              "data-forms-show-secret: element.type NOT text NOR password"
            );
        }
      };

      button.addEventListener("click", toggle);
    },
  });
})(window);