File: /home/bibuzptr/elearning.bibu-edu.us/old 20th oct/register3.php
<?php
include_once('includes/db_connect.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<title>Signup | Breakthrough Open University</title>
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo.png">
<link rel="stylesheet" href="assets/css/bootstrap.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/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/plugins/slick/slick.css">
<link rel="stylesheet" href="assets/plugins/slick/slick-theme.css">
<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="assets/plugins/aos/aos.css">
<link rel="stylesheet" href="assets/css/style.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>
</head>
<body>
<div class="main-wrapper">
<?php include_once("includes/header.php") ?>
<div class="row">
<div class="col-md-6 login-bg">
</div>
<div class="col-md-6 login-wrap-bg">
<div class="login-wrapper">
<div class="loginbox">
<div class="w-100">
<div class="img-logo">
<img src="assets/img/logo.png" class="img-fluid" alt="Logo">
</div>
<h1>Create a Student Account</h1>
<form method="post" role="form" id="loginfrm">
<div class="input-block">
<label class="form-control-label">Your Name</label>
<input type="text" class="form-control" placeholder="Enter your name" name="yname" id="yname" required>
</div>
<div class="input-block">
<label class="form-control-label">Email</label>
<input type="email" class="form-control" placeholder="Enter your email address" name="email" id="email" required>
</div>
<div class="input-block">
<label class="form-control-label">Password</label>
<div class="pass-group">
<input type="password" class="form-control pass-input" placeholder="Enter your password" name="password" id="password" required>
<span class="feather-eye toggle-password"></span>
</div>
</div>
<!--<div class="forgot">-->
<!-- <span><a class="forgot-link" href="forgot-password.html">Forgot Password ?</a></span>-->
<!--</div>-->
<!--<div class="remember-me">-->
<!-- <label class="custom_check mr-2 mb-0 d-inline-flex remember-me"> Remember me-->
<!-- <input type="checkbox" name="radio">-->
<!-- <span class="checkmark"></span>-->
<!-- </label>-->
<!--</div>-->
<div class="d-grid">
<button class="btn btn-primary btn-start" type="submit">Create Account</button>
<p id="status"></p>
</div>
</form>
</div>
</div>
</div>
</div>
</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();
var pass = $("#password").val();
var yname = $("#yname").val();
if((email !== "")&&(pass !== "")){
$("#status").html("<p class='alert alert-success'><i class='fa fa-spinner fa-pulse'></i> Creating account...</p>");
$.ajax({
method: "POST",
url : "app/signup",
data: {email:email,pass:pass,yname:yname},
cache: false
}).done(function (data){
if(data == "success"){
window.location.replace("login");
}
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>");
}
});
}
else{
$("#status").html("<p class='alert alert-danger'><i class='fa fa-exclamation-circle'></i> Please enter all details.</p>");
}
});
});
</script>
</body>
</html>