File: /home/bibuzptr/elearning.bibu-edu.us/current/forgot-password-staff.php
<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Forgot Password | Breakthrough International Bible College & University</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo.png">
<link rel="stylesheet" href="assets/css/bootstrap2.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<link rel="stylesheet" href="assets/css/dashboard.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<style>
body{
background: #202b62;
}
</style>
</head>
<body>
<div class="container">
<div class="col-md-3"></div>
<div class="col-md-6" id="loginwrapper">
<form method="post" role="form" id="loginfrm">
<div class="row" id="login">
<div style="width:100%; height:200px;background:#202b62">
<p style="padding:1%">
<h3 align="center" style="color:#fff; text-transform:uppercase; text-style:bold">Breakthrough International Bible College & University</h3>
</p>
<p> </p>
<p> </p>
<h3 align="center" style="color:#fff;">Forgot Password</h3>
</div>
<div class="img-logo">
<img style="width:30%; padding:3%" src="assets/img/logo.png" class="img-fluid img-responsive" alt="Logo">
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required>
<div id="email_error"></div>
</div>
<div class="form-group">
<button style="background-color: #202b62" type="submit" class="btn btn-block btn-primary"><i class="fa fa-user"> </i>Reset Password</button>
<div id="status"></div>
</div>
<div class="forgot">
<p> </p>
<a href="staff-login" style="background-color: green" class="btn btn-block btn-primary"><i class="fa fa-arrow-left"> </i>Back to Login</a>
</div>
</div>
</form>
</div>
<div class="col-md-3"></div>
</div>
<script src="assets/js/jquery-3.7.1.min.js" type="5e6df09924dc0785ea9efeac-text/javascript"></script>
<script src="assets/js/bootstrap.bundle.min.js" type="5e6df09924dc0785ea9efeac-text/javascript"></script>
<script src="assets/js/owl.carousel.min.js" type="5e6df09924dc0785ea9efeac-text/javascript"></script>
<script src="assets/js/script.js" type="5e6df09924dc0785ea9efeac-text/javascript"></script>
<script src="../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5e6df09924dc0785ea9efeac-|49" defer></script>
<script>
$(function() {
$("#loginfrm").submit(function(e){
e.preventDefault();
var email = $("#email").val();
if((email !== "")){
$("#status").html("<p class='alert alert-success'><i class='fa fa-spinner fa-pulse'></i> Sending you a reset link...</p>");
$.ajax({
method: "POST",
url : "app/resetlnk-staff",
data: {email:email},
cache: false
}).done(function (data){
if(data == "success"){
$("#status").html("<p class='alert alert-success'><i class='fa fa-check'></i>An email with reset link has been sent to "+email+".</p>");
}
if(data == "invalid"){
$("#status").html("<p class='alert alert-danger'><i class='fa fa-exclamation-circle'></i>An error occured, Please try again later.</p>");
}
if(data == "notfound"){
$("#status").html("<p class='alert alert-danger'><i class='fa fa-exclamation-circle'></i>Account not found.</p>");
}
});
}
else{
$("#status").html("<p class='alert alert-danger'><i class='fa fa-exclamation-circle'></i> Please enter all details.</p>");
}
});
});
</script>
</body>
</html>