// 处于页面配置时，绑定方法 start
if ($isDecorateMode) {
  document.addEventListener("diy_login/1", (event) => {
    const { field, value } = event.detail;
    if (field === "login_word") {
      $("." + field).text(value);
    } else if (field === "login_bg") {
      $("." + field).attr("src", value);
    }
  });
}
// 处于页面配置时，绑定方法 end

$("#password-form").validate({
  onsubmit: false,
  rules: {
    account: {
      required: true,
      checkMobile: true,
    },
    code: "required",
    password: {
      required: true,
      passWord: true,
      rangelength: [6, 20],
    },
  },
  messages: {
    account: {
      required: "请输入手机号",
    },
    code: "请输入验证码",
    password: {
      required: "请输入6-20位含数字和字母的密码",
      passWord: "请输入6-20位含数字和字母的密码",
      rangelength: "请输入6-20位的密码",
    },
  },
});
$("#code-form").validate({
  onsubmit: false,
  rules: {
    phone: {
      required: true,
      checkMobile: true,
    },
    code: "required",
    password: {
      required: true,
      passWord: true,
      rangelength: [6, 20],
    },
  },
  messages: {
    phone: {
      required: "请输入手机号",
    },
    code: "请输入验证码",
    password: {
      required: "请输入6-20位含数字和字母的密码",
      passWord: "请输入6-20位含数字和字母的密码",
      rangelength: "请输入6-20位的密码",
    },
  },
});

// 获取验证码
$(".send-code").click((event) => {
  event.preventDefault();
  const phonePass = $("#code-form").validate().element($("#phone"));
  if (phonePass) {
    const account = $("#phone").val();
    $request
      .post("/api/user/send-code", { account, code_type: 2 })
      .then((res) => {
        $message.info("已发送，请注意查收");
        // 禁用按钮，同时进行倒计时
        $(".send-code").attr("disabled", true);
        $(".send-code span").text("60秒后可重新获取");
        let seconds = 59;
        const timer = setInterval(() => {
          $(".send-code span").text(seconds + "秒后可重新获取");
          seconds--;
          if (seconds === 0) {
            clearInterval(timer);
            $(".send-code").attr("disabled", false);
            $(".send-code span").text("重新获取验证码");
          }
        }, 1000);
      });
  }
});

// 密码提交
$(".form-password-submit").click((event) => {
  event.preventDefault();
  if ($("#password-form").valid()) {
    $request
      .post("/api/user/login-by-password", {
        account: $("#account").val(),
        password: md5($("#password").val()),
      })
      .then((res) => {
        console.log('res',res)

        customEventLog("login_password"); // 打点
        customEventLog("set", { key:'clue', value:'login_password'}, {onlyTrack: ["ClarityTracker"]}); // clarity标签
        // 跳转页面
        location.href = "/";
      })
        .catch((e) => {
          console.log(e)
        });
  }
});
// 验证码提交
$(".form-code-submit").click((event) => {
  event.preventDefault();
  if ($("#code-form").valid()) {
    $request
      .post("/api/user/login-by-code", {
        account: $("#phone").val(),
        code: $("#code").val(),
      })
      .then((res) => {
        console.log(res);

        customEventLog("login_code"); // 打点
        customEventLog("set", { key:'clue', value:'login_code'}, {onlyTrack: ["ClarityTracker"]}); // clarity标签

        // 跳转页面
        if (res.data.is_now == 1) {
          location.href = "/user/signup.html";
        } else {
          location.href = "/";
        }
      });
  }
});

// 切换登录方式
$(".p-login_tab li").click(function () {
  if (!$(this).hasClass(".active")) {
    $(".active").removeClass("active");
    $(this).addClass("active");
    $(".p-login_tab form")[$(this).index() === 1 ? 1 : 0].className =
      "c-form--label-top show";
    $(".p-login_tab form")[$(this).index() === 1 ? 0 : 1].className =
      "c-form--label-top";
  }
});

// 密码明文切换
$(".p-login__content .icon-eye").on("mousedown", function(){  
  $(this).parent().find('input').attr('type', 'text')
});  
$(".p-login__content .icon-eye").on("mouseup", function(){  
  $(this).parent().find('input').attr('type', 'password')
});