Your IP : 216.73.216.91
<!DOCTYPE html>
<html lang="en">
<body class="bg-gradient-primary">
<div class="container">
<!-- Outer Row -->
<div class="row justify-content-center">
<div class="col-xl-10 col-lg-12 col-md-9">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div id="alertmsg" class="alert alert-danger d-none" role="alert">
</div>
<div class="row">
<div class="col-lg-3"></div>
<!-- <div class="col-lg-6 d-none d-lg-block bg-login-image"></div> -->
<div class="col-lg-6">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">Enter OTP</h1>
</div>
<form class="user" id="loginForm">
<div class="form-group">
<input type="text" class="form-control form-control-user"
id="emailCode" aria-describedby="email"
placeholder="Email Validation code">
</div>
<!-- <div class="form-group">
<input type="text" class="form-control form-control-user"
id="phoneCode" placeholder="Phone Validation code">
</div> -->
<!-- <div class="form-group">
<div class="custom-control custom-checkbox small">
<input type="checkbox" class="custom-control-input" id="customCheck">
<label class="custom-control-label" for="customCheck">Remember
Me</label>
</div>
</div> -->
<!-- <a href="/web/vendor" class="btn btn-primary btn-user btn-block">
Login
</a> -->
<!-- <hr> -->
<!-- <a href="index.html" class="btn btn-google btn-user btn-block">
<i class="fab fa-google fa-fw"></i> Login with Google
</a>
<a href="index.html" class="btn btn-facebook btn-user btn-block">
<i class="fab fa-facebook-f fa-fw"></i> Login with Facebook
</a> -->
<div class="col-sm-12" style="display: flex;justify-content: space-between;margin-top: 15px;" class="gallery">
<!-- <input type="button" value="Resend" class="btn btn-primary btn-user btn-block"> -->
<input type="submit" value="Next" class="btn btn-primary btn-user btn-block">
</div>
<div class="col-sm-12" style="display: flex;justify-content: space-between;margin-top: 15px;" class="gallery">
<!-- <input type="button" value="Resend" class="btn btn-primary btn-user btn-block"> -->
<input onclick="resendOTP()" type="button" value="Resend" class="btn btn-primary btn-user btn-block">
</div>
<!-- <div onclick="resendOTP()" >
<p>resend</p>
</div> -->
</form>
<hr>
</div>
</div>
<div class="col-lg-3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- OWN JAVASCRIPT -->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script>
var form = document.getElementById("loginForm");
var userId = localStorage.getItem("user");
async function resendOTP(){
let response = await fetch('/users/sendCode', {
headers: {
"x-api-token": ")(*&^!@#$%ghjklfdsa",
"cookies": document.cookie
},
method: 'POST',
body: JSON.stringify({userId : userId}),
headers: new Headers({
'Content-Type': 'application/json; charset=UTF-8'
})
});
if(response.status == 200){
let result = await response.json();
console.log("resss" , result);
swal("OTP has been sent to your respective email and Phone", {
icon: "success",
});
}else{
swal("Something went wrong", {
icon: "error",
});
}
}
form.onsubmit = async (e) => {
e.preventDefault();
var email = document.getElementById("emailCode").value;
let response = await fetch('/users/validateOTP', {
headers: {
"x-api-token": ")(*&^!@#$%ghjklfdsa",
"cookies": document.cookie
},
method: 'POST',
body: JSON.stringify({
emailCode : email,
})
});
let result = await response.json();
console.log("result" , result);
if (result.error) {
// alert(result.error);
var element = document.getElementById('alertmsg');
element.innerHTML = 'OTP is not validated';
element.className = element.className.replace(/\bd-none\b/g, "");
setTimeout(() => {
// window.location.reload();
element.className = element.className.concat("d-none");
}, 4000)
} else {
localStorage.setItem("user", JSON.stringify(result.user));
//console.log("res" , result);
document.cookie = `token=${result.token};`;
window.location.replace(`/web/vendor`);
}
}
</script>
<!-- Bootstrap core JavaScript-->
<script src="/static/admin/vendor/jquery/jquery.min.js"></script>
<script src="/static/admin/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="/static/admin/vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="/static/admin/js/sb-admin-2.min.js"></script>
</body>
</html>