app.getCookie("azer_token", function (e, r) {
  if (e) {
    app.redirectUrl(`../dashio/home?azer_token=${r}`);
  }
});
//====================SIGN UP VERIFICATION=============
const signup = document.querySelector(".signup-form");
const signupBtn = document.getElementById("signUpBtn");

const signupEmail = document.querySelector(".sign-email");
const firstName = document.getElementById("firstName");
const lastName = document.getElementById("lastName");
const email = document.getElementById("email");
const password = document.getElementById("password");
const checkbox = document.getElementById("checkbox");
// const firstName = document.getElementById('firstName')
let emailStatus = false;
let passCount = 0;
/*

Checking password strength
*/
$(document).ready(function () {
  //you have to use keyup, because keydown will not catch the currently entered value
  $("input[type=password]")
    .on("keyup touchend", function () {
      // set password variable
      var pswd = $(this).val();

      //validate the length
      if (pswd.length < 8) {
        $("#length").removeClass("valid").addClass("invalid");
        passCount++;
      } else {
        $("#length").removeClass("invalid").addClass("valid");
        passCount = 0;
      }

      //validate uppercase letter
      if (pswd.match(/[A-Z]/)) {
        $("#capital").removeClass("invalid").addClass("valid");
        passCount++;
      } else {
        $("#capital").removeClass("valid").addClass("invalid");
        passCount = 0;
      }

      //validate number
      if (pswd.match(/\d/)) {
        $("#number").removeClass("invalid").addClass("valid");
        passCount++;
      } else {
        $("#number").removeClass("valid").addClass("invalid");
        passCount = 0;
      }
    })
    .focus(function () {
      $("#pswd_info").show();
      document.querySelector(".pass-err").classList.remove("active");
    })
    .blur(function () {
      $("#pswd_info").hide();
    });
});
/*

=====Password show======
*/
const signupPassCheck = document.getElementById("pass-check");

signupPassCheck.addEventListener("click", () => {
  if (signupPassCheck.checked) {
    password.type = "text";
  } else {
    password.type = "password";
  }
});
/*

=====Validating form with btn======
*/
const myContStyle = document.querySelector(".myCont-style");
const containerFluid = document.querySelector(".card");

signupBtn.addEventListener("click", (e) => {
  e.preventDefault();
  /*

    Checking for a valid mail
*/

  function ValidateEmail(input) {
    var validRegex = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/;
    if (input.value.match(validRegex)) {
      emailStatus = true;
      email.focus();
      return true;
    } else {
      emailStatus = false;
      document.querySelector(".email-err").classList.add("active");
      setTimeout(() => {
        document.querySelector(".email-err").classList.remove("active");
      }, 2000);
      email.focus();
      return false;
    }
  }

  if (
    ValidateEmail(email) &&
    firstName.value &&
    lastName.value &&
    checkbox.checked &&
    passCount == 2
  ) {
    myContStyle.classList.add("active");
    // resetInputs();
  } else if (passCount < 2) {
    document.querySelector(".pass-err").classList.add("active");
    setTimeout(() => {
      document.querySelector(".pass-err").classList.remove("active");
    }, 2000);
  } else if (!checkbox.checked) {
    document.querySelector(".field-check label").classList.add("active");
  }
  myContStyle.addEventListener("click", (e) => {
    var isClickInsideElement = containerFluid.contains(e.target);
    if (!isClickInsideElement) {
      myContStyle.classList.remove("active");
    }
  });
});

function resetInputs() {
  firstName.value = "";
  lastName.value = "";
  email.value = "";
  password.value = "";
  checkbox.checked = false;
}

/*
 *   CreateAccount init
 */
// console.log('%c Welcome to ' + '%c Coinazer.com', 'color: red; font-size: 30px;', 'color: rgb(0, 153, 255); font-size:30px;');
var captcha = sliderCaptcha({
  id: "captcha",
  setSrc: function () {
    return "../public/images/Pic" + Math.round(Math.random() * 14) + ".jpg";
  },
  // captcha.reset();
  onSuccess: function () {
    swal({
      title: "Loading",
      html: "Please wait...",
      // type: 'success',
      padding: "2em",
      onOpen: function () {
        swal.showLoading();
      },
    });
    var handler = setTimeout(function () {
      window.clearTimeout(handler);
      app.client.fetch("../client_access", "POST", forms()).then(function (d) {
        console.log(d);
        if (!d.isSuccess) {
          sweetAlertE(d.icon, d.message, d.title);
          captcha.reset();
        } else {
          sweetAlertS(d.icon, d.message, d.title, d.redirectUrl);
          captcha.reset();
        }
        captcha.reset();
      });
    }, 500);
  },
});

function forms() {
  let formdata = {
    firstName: app.query("#firstName").value,
    lastName: app.query("#lastName").value,
    email: app.query("#email").value,
    password: app.query("#password").value,
    userType: 'client',
  };
  return formdata;
}

function sweetAlertE(icon, msg, title) {
  swal({
    title: title,
    html: msg,
    type: icon,
    timer: 3500,
    padding: "2em",
    onOpen: function () {
      swal.showLoading();
    },
  }).then(function (result) {
    if (result.dismiss === swal.DismissReason.timer) {
      myContStyle.classList.remove("active");
      captcha.reset();
    }
  });
}

function sweetAlertS(icon, msg, title, url) {
  swal({
    title: title,
    html: msg,
    type: icon,
    timer: 3500,
    padding: "2em",
    onOpen: function () {
      swal.showLoading();
    },
  }).then(function (result) {
    if (result.dismiss === swal.DismissReason.timer) {
      myContStyle.classList.remove("active");
      captcha.reset();
      window.location = url;
    }
  });
}