(function () {
  var LOGIN_FALLBACK = "https://agat.agatmusic.com/";

  function isMobileViewport() {
    return window.matchMedia && window.matchMedia("(max-width: 991px)").matches;
  }

  function whenJQuery(fn) {
    if (isMobileViewport()) return;
    if (window.jQuery && window.jQuery.fn) {
      fn(window.jQuery);
      return;
    }
    var attempts = 0;
    var timer = setInterval(function () {
      if (window.jQuery && window.jQuery.fn) {
        clearInterval(timer);
        fn(window.jQuery);
      } else if (++attempts >= 120) {
        clearInterval(timer);
      }
    }, 50);
  }

  function showFormFallback(container) {
    if (!container) return;
    container.innerHTML =
      '<div class="form-group text-center">' +
      '<a class="btn btn-primary" href="' +
      LOGIN_FALLBACK +
      '" target="_blank" rel="nofollow noopener">เข้าระบบ</a>' +
      "</div>";
  }

  function boot($) {
    var loginModal = document.querySelector("#login_modal");
    if (!loginModal) return;

    $(loginModal).on("shown.bs.modal", function () {
      var loginFormContainer = document.querySelector("#login_form_container");
      if (!loginFormContainer) return;
      var loginForm = loginFormContainer.querySelector("form");

      if (!loginForm) {
        $.ajax({
          type: "POST",
          url: "/Account/GetLoginForm?language=th",
          data: {
            hostname: window.location.hostname,
          },
          dataType: "html",
          timeout: 8000,
          success: function (response) {
            if (!response || response.indexOf("<form") === -1) {
              showFormFallback(loginFormContainer);
              return;
            }

            loginFormContainer.innerHTML = response;

            initializePasswordInputTrigger();
            if (typeof window.initializeThumbmark === "function") {
              initializeThumbmark();
            }

            var responseLoginForm = document.querySelector("#login_form_container form");
            if (!responseLoginForm) {
              showFormFallback(loginFormContainer);
              return;
            }

            if (typeof $.fn.validate === "function") {
              $(responseLoginForm).validate({
                rules: {
                  Username: { required: true },
                  Password: { required: true },
                },
                messages: {
                  Username: { required: "ต้องใส่ชื่อผู้ใช้" },
                  Password: { required: "ต้องระบุรหัสผ่าน" },
                },
              });
            }

            responseLoginForm.onsubmit = function () {
              if (typeof $.fn.valid === "function" && !$(responseLoginForm).valid()) {
                return false;
              }
              var submitButtons = responseLoginForm.querySelectorAll(".btn-primary");
              $(submitButtons).prop("disabled", true);
              return true;
            };

            var captchaContainer = document.querySelector("#login_form_container .captcha-container");
            if (captchaContainer) {
              var refreshButton = document.querySelector(
                "#login_form_container .captcha-container #refresh_login_captcha_button"
              );
              if (typeof window.initializeCaptcha === "function" && refreshButton) {
                window.initializeCaptcha({
                  button: refreshButton,
                  image: captchaContainer.querySelector("#login_captcha_image"),
                });
                refreshButton.click();
              }
            }
          },
          error: function () {
            showFormFallback(loginFormContainer);
          },
        });
      }
    });

    function initializePasswordInputTrigger() {
      var passwordInputTrigger = document.querySelector("#password_input_trigger");
      var passwordInput = document.querySelector("#password_input");
      if (!passwordInputTrigger || !passwordInput) return;

      passwordInputTrigger.onclick = function () {
        if (passwordInput.type === "password") {
          passwordInput.type = "text";
          return;
        }
        passwordInput.type = "password";
      };
    }

    if (window.location.search.startsWith("?login")) {
      $(loginModal).modal();
      $("#popup_modal").modal("hide");
    }
  }

  whenJQuery(boot);
})();