// 处于页面配置时，绑定方法 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

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

// 获取验证码
$(".send-code").click((event) => {
  event.preventDefault();
  const phonePass = $("#form").validate().element($("#account"));
  if (phonePass) {
    const account = $("#account").val();
    $request
      .post("/api/user/send-code", { account, code_type: 3 })
      .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-submit").click((event) => {
  event.preventDefault();
  if ($("#form").valid()) {
    $request
      .post("/api/user/forgot-password", {
        account: $("#account").val(),
        code: $("#code").val(),
        password: md5($("#password").val()),
        confirm_password: md5($("#confirmPassword").val()),
      })
      .then((res) => {
        // 跳转页面
        location.href = "/";
      });
  }
});

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