(function () {
  var userConfig = window.VISITOR_LOGIN_CONFIG || {};
  var config = Object.assign({
    frontendMode: "cluster",
    deploymentMode: "cluster",
    defaultServerIp: "",
    apiBaseUrl: "http://localhost:9098",
    deploymentConfigPath: "/api/deployment/config",
    defaultBackendPort: "9098",
    loginPath: "/api/login",
    captchaPath: "/captchaImage",
    title: "访客机自助登记\n管理平台"
  }, userConfig);
  config.frontendMode = normalizeDeploymentMode(userConfig.frontendMode || userConfig.deploymentMode || config.frontendMode);
  config.deploymentMode = normalizeDeploymentMode(config.deploymentMode);
  config.requireServerIp = typeof userConfig.requireServerIp === "boolean"
    ? userConfig.requireServerIp
    : config.frontendMode === "cluster";

  var loginCard = document.querySelector(".login-card");
  var title = document.getElementById("appTitle");
  var serverIpGroup = document.getElementById("serverIpGroup");
  var serverIp = document.getElementById("serverIp");
  var username = document.getElementById("username");
  var password = document.getElementById("password");
  var captcha = document.getElementById("captcha");
  var captchaBox = document.getElementById("captchaBox");
  var captchaText = document.getElementById("captchaText");
  var captchaImage = document.getElementById("captchaImage");
  var form = document.getElementById("loginForm");
  var message = document.getElementById("formMessage");
  var captchaUuid = "";
  var captchaRequired = true;

  document.title = String(config.title || "").replace(/\n/g, "");
  title.innerHTML = String(config.title || "").replace(/\n/g, "<br>");
  serverIp.value = config.defaultServerIp || "";
  applyLoginMode();
  loadBackendDeploymentConfig();
  loadCaptchaIfReady();

  captchaBox.addEventListener("click", function () {
    loadCaptcha();
  });

  serverIp.addEventListener("blur", function () {
    if (config.requireServerIp && isValidIpOrHost(serverIp.value.trim())) {
      loadCaptcha();
    }
  });

  form.addEventListener("submit", function (event) {
    event.preventDefault();
    setMessage("", "");

    var payload = {
      username: username.value.trim(),
      password: password.value,
      code: captcha.value.trim(),
      uuid: captchaUuid
    };

    if (config.requireServerIp) {
      payload.serverIp = serverIp.value.trim();
    }

    var error = validate(payload);
    if (error) {
      setMessage(error, "error");
      return;
    }

    submitLogin(payload);
  });

  function validate(payload) {
    if (config.requireServerIp && !isValidIpOrHost(payload.serverIp)) {
      return "请输入正确的IP地址";
    }
    if (!payload.username) {
      return "请输入用户名";
    }
    if (!payload.password) {
      return "请输入密码";
    }
    if (captchaRequired && !captchaUuid) {
      return "请先获取验证码";
    }
    if (captchaRequired && !payload.code) {
      return "请输入验证码";
    }
    return "";
  }

  function applyLoginMode() {
    serverIpGroup.hidden = !config.requireServerIp;
    loginCard.classList.toggle("no-server-ip", !config.requireServerIp);
    localStorage.setItem("visitor_admin_frontend_mode", config.frontendMode);
    localStorage.setItem("visitor_admin_require_server_ip", String(config.requireServerIp));
  }

  function loadCaptchaIfReady() {
    if (!config.requireServerIp || serverIp.value.trim()) {
      loadCaptcha();
    }
  }

  function loadBackendDeploymentConfig() {
    if (!config.deploymentConfigPath) {
      return;
    }
    fetch(getConfiguredApiBaseUrl() + normalizePath(config.deploymentConfigPath), {
      method: "GET"
    }).then(function (response) {
      if (!response.ok) {
        throw new Error("部署配置加载失败");
      }
      return response.json();
    }).then(function (result) {
      var data = result.data || {};
      if (result.code !== 200 || !data) {
        return;
      }
      if (data.deploymentMode) {
        config.backendDeploymentMode = normalizeDeploymentMode(data.deploymentMode);
      }
      config.middlePlatformEnabled = data.middlePlatformEnabled === true;
      localStorage.setItem("visitor_admin_backend_deployment_mode", config.backendDeploymentMode || "");
      localStorage.setItem("visitor_admin_middle_platform_enabled", String(config.middlePlatformEnabled));
      applyLoginMode();
      loadCaptchaIfReady();
    }).catch(function () {
      applyLoginMode();
    });
  }

  function isValidIpOrHost(value) {
    if (!value) {
      return false;
    }
    value = value.replace(/^https?:\/\//i, "");
    var ipPattern = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}(:\d{1,5})?$/;
    var hostPattern = /^[a-zA-Z0-9.-]+(:\d{1,5})?$/;
    return ipPattern.test(value) || hostPattern.test(value);
  }

  function loadCaptcha() {
    var baseUrl;
    try {
      baseUrl = getApiBaseUrl();
    } catch (error) {
      captchaText.textContent = "随机验证码区";
      captchaImage.hidden = true;
      captchaText.hidden = false;
      return;
    }

    captchaText.textContent = "加载中";
    captchaText.hidden = false;
    captchaImage.hidden = true;

    fetch(baseUrl + normalizePath(config.captchaPath), {
      method: "GET"
    }).then(function (response) {
      if (!response.ok) {
        throw new Error("验证码加载失败");
      }
      return response.json();
    }).then(function (result) {
      if (result.code !== 200) {
        throw new Error(result.msg || "验证码加载失败");
      }
      captcha.value = "";
      captchaUuid = result.uuid || "";
      if (result.captchaEnabled === false) {
        captchaRequired = false;
        captchaText.textContent = "无需验证码";
        return;
      }
      captchaRequired = true;
      if (!result.img) {
        throw new Error("验证码图片为空");
      }
      captchaImage.src = "data:image/jpeg;base64," + result.img;
      captchaImage.hidden = false;
      captchaText.hidden = true;
    }).catch(function (error) {
      captchaUuid = "";
      captchaRequired = true;
      captchaText.textContent = "点击重试";
      captchaText.hidden = false;
      captchaImage.hidden = true;
      setMessage(error.message || "验证码加载失败", "error");
    });
  }

  function submitLogin(payload) {
    setMessage("登录中...", "");
    fetch(getApiBaseUrl() + normalizePath(config.loginPath), {
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify(payload)
    }).then(function (response) {
      return response.json();
    }).then(function (result) {
      if (result.code !== 200) {
        throw new Error(result.msg || "登录失败");
      }
      if (result.token) {
        localStorage.setItem("visitor_admin_token", result.token);
      }
      localStorage.setItem("visitor_admin_api_base", getApiBaseUrl());
      localStorage.setItem("visitor_admin_login_result", JSON.stringify(result));
      setMessage("登录成功", "success");
      window.setTimeout(function () {
        window.location.href = "./pages/dashboard.html";
      }, 300);
    }).catch(function (error) {
      setMessage(error.message || "登录失败", "error");
      loadCaptcha();
    });
  }

  function setMessage(text, type) {
    message.textContent = text;
    message.classList.toggle("success", type === "success");
    if (!text || !window.AppMessage) {
      return;
    }
    if (type === "success") {
      AppMessage.success("操作成功");
    } else if (type === "error") {
      AppMessage.error("操作失败：" + text);
    }
  }

  function getApiBaseUrl() {
    if (!config.requireServerIp) {
      return getConfiguredApiBaseUrl();
    }
    return normalizeServerIp(serverIp.value.trim());
  }

  function getConfiguredApiBaseUrl() {
    return trimRightSlash(config.apiBaseUrl || window.location.origin);
  }

  function normalizeServerIp(value) {
    if (!isValidIpOrHost(value)) {
      throw new Error("请输入正确的IP地址");
    }
    var result = value;
    if (!/^https?:\/\//i.test(result)) {
      result = "http://" + result;
    }
    var url = new URL(result);
    if (!url.port && config.defaultBackendPort) {
      url.port = config.defaultBackendPort;
    }
    return trimRightSlash(url.origin);
  }

  function normalizePath(path) {
    return "/" + String(path || "").replace(/^\/+/, "");
  }

  function trimRightSlash(value) {
    return String(value || "").replace(/\/+$/, "");
  }

  function normalizeDeploymentMode(value) {
    return String(value || "").toLowerCase() === "cluster" ? "cluster" : "standalone";
  }
})();