const serverUrl = "http://localhost:3086/";
let otpid;
let sendotp;
let unibaseid;
async function showOtpBox() {
  let inputdetails = document.getElementById("txt_PhoneorMail").value;

  let sendnumber = await fetch(
    serverUrl +
      "account/getuserbyphoneormail/" +
      inputdetails +
      "/" +
      inputdetails
  );
  let textdata = await sendnumber.json();
  if (textdata.result != null) {
    unibaseid = textdata.result.unibaseId;
    var myHeaders = new Headers();
    myHeaders.append("Content-Type", "application/json");

    var raw = JSON.stringify({
      FirstName: "",
      LastName: "",
      ContactNumber: "",
      Email: "",
      TenantName: "",
      ContactOrEmail: inputdetails,
      IsSignup: false,
      IsRegisterUser: false,
      IsForgotPswd: true,
      UnibaseId: unibaseid,
      OtpId: 0,
      UserOtp: "",
    });

    var requestOptions = {
      method: "POST",
      headers: myHeaders,
      body: raw,
      redirect: "follow",
    };

    fetch(serverUrl + "account/sendotp", requestOptions)
      .then((response) => response.text())
      .then(function (result) {
        optid = result;
        document.getElementById("div_ForgotPswd").style.display = "none";
        document.getElementById("modal_Otp").style.display = "block";
        document.getElementById("div_ValidationSummary").innerHTML = "";
      })
      .catch((error) => console.log("error", error));
  } else {
    let html =
      '<div class="p-2"><span class="error-warning">Error !</span> Email/Phonenumber does not exist</div>';
    document.getElementById("div_ValidationSummary").innerHTML = "";
    let error = document.getElementById("div_ValidationSummary");
    error.insertAdjacentHTML("beforeend", html);
  }
}

/*verify otp*/
async function showPasswordBox() {
  let inputdetails = document.getElementById("txt_Code").value;
  if (inputdetails.length > 0) {
    var myHeaders = new Headers();
    myHeaders.append("Content-Type", "application/json");
    var raw = JSON.stringify({
      FirstName: "",
      LastName: "",
      ContactNumber: "",
      Email: "",
      TenantName: "",
      ContactOrEmail: "",
      IsForgotPswd: false,
      IsRegisterUser: false,
      IsSignup: true,
      UnibaseId: "",
      OtpId: optid,
      UserOtp: inputdetails,
    });

    var requestOptions = {
      method: "POST",
      headers: myHeaders,
      body: raw,
      redirect: "follow",
    };

    fetch(serverUrl + "account/verifyotp", requestOptions)
      .then((response) => response.text())
      .then(function (result) {
        let data = JSON.parse(result);
        if (data.result.contactConfirmed == true) {
          document.getElementById("modal_Otp").style.display = "none";
          document.getElementById("div_ResetPswd").style.display = "block";
          document.getElementById("div_ValidationSummary").innerHTML = "";
        } else {
          let html =
            '<div class="p-2" ><span class="error-warning">Error !</span> Enter Valid OTP</div>';
          document.getElementById("div_ValidationSummary").innerHTML = "";
          let error = document.getElementById("div_ValidationSummary");
          error.insertAdjacentHTML("beforeend", html);
        }
      })
      .catch((error) => console.log("error", error));
  } else {
  }
}

function showSuccessBox() {
  let txt_NewPassword = document.getElementById("txt_NewPassword").value;
  let txt_ConfirmPassword = document.getElementById(
    "txt_ConfirmPassword"
  ).value;
  if (txt_NewPassword == txt_ConfirmPassword) {
    var myHeaders = new Headers();
    myHeaders.append("Content-Type", "application/json");
    var raw = JSON.stringify({
      Password: txt_NewPassword,
      UserName: unibaseid,
    });
    var requestOptions = {
      method: "POST",
      headers: myHeaders,
      body: raw,
      redirect: "follow",
    };
    fetch(serverUrl + "account/updatepassword", requestOptions)
      .then((response) => response.text())
      .then(function (result) {
        let updatepassword = JSON.parse(result);
        let message = updatepassword.message;
        if (message == "Password Updated Successfully") {
          document.getElementById("div_ValidationSummary").innerHTML = "";
          document.getElementById("div_ResetPswd").style.display = "none";
          document.getElementById("div_SuccessMsg").style.display = "block";
        }
      })
      .catch((error) => console.log("error", error));
  } else {
    let html =
      '<div class="p-2"> <span class="error-warning">Error !</span> Password Does not Match</div>';
    document.getElementById("div_ValidationSummary").innerHTML = "";
    let error = document.getElementById("div_ValidationSummary");
    error.insertAdjacentHTML("beforeend", html);
  }
}