File: /home/bibuzptr/elearning.bibu-edu.us/current/register.php
<?php
include_once("includes/db_connect.php");
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Signup | 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;
}
body {
margin-top:40px;
}
.stepwizard-step p {
margin-top: 10px;
}
.stepwizard-row {
display: table-row;
}
.stepwizard {
display: table;
width: 100%;
position: relative;
}
.stepwizard-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
top: 14px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
z-order: 0;
}
.stepwizard-step {
display: table-cell;
text-align: center;
position: relative;
}
.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 15px;
}
</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" enctype="multipart/form-data">
<div class="row" id="login">
<div style="width:100%;">
<div class="container">
<center>
<div class="img-logo">
<img style="width:10%; padding:1%" src="assets/img/logo.png" class="img-fluid img-responsive" alt="Logo">
</div>
<h3 align="center" style="color:#000; text-transform:uppercase; text-style:bold">Breakthrough International Bible College & University</h3>
<h3>Create a Student Account</h3>
</center>
<div class="stepwizard col-md-12 col-12 col-sm-12">
<div class="stepwizard-row setup-panel">
<div class="stepwizard-step">
<a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
<p>Step 1</p>
</div>
<div class="stepwizard-step">
<a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled">2</a>
<p>Step 2</p>
</div>
<div class="stepwizard-step">
<a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled">3</a>
<p>Step 3</p>
</div>
</div>
</div>
<form role="form" id="regform" method="post" enctype="multipart/form-data">
<div class="row setup-content" id="step-1">
<div class="col-xs-12">
<div class="col-md-12">
<h3> Personal Details</h3>
<div class="form-group">
<label class="control-label">Your Name</label>
<input maxlength="100" type="text" name="yname" required="required" class="form-control" placeholder="Enter Your Name">
</div>
<div class="form-group">
<label class="control-label">Email Address</label>
<input type="email" required="required" name="email" class="form-control" placeholder="Enter Email Address">
</div>
<div class="form-group">
<label class="control-label">Phone Number</label>
<input type="phone" class="form-control" name="phone" placeholder="Enter Phone Number">
</div>
<div class="form-group">
<label class="control-label">Password</label>
<input type="password" class="form-control" name="pass" placeholder="Enter Password" required>
</div>
<!--<div class="form-group">-->
<!-- <label class="control-label">Profile Picture</label>-->
<!-- <input type="file" class="form-control" name="ppic" placeholder="" accept="image/*" required>-->
<!--</div>-->
<button class="btn btn-primary nextBtn btn-lg pull-right" type="button">Next</button>
</div>
</div>
</div>
<div class="row setup-content" id="step-2">
<div class="col-xs-12">
<div class="col-md-12">
<h3>Campus Details</h3>
<div class="form-group">
<label class="control-label">Country Name</label>
<select class="form-control" name="country" id="country">
<?php
$listcountry=mysqli_query($con,"SELECT * FROM countries ORDER BY Country ASC");
while($lc=mysqli_fetch_assoc($listcountry)){ ?>
<option value="<?php echo $lc['id'] ?>"><?php echo $lc['Country'] ?></option>
<?php } ?>
</select>
</div>
<div class="form-group">
<label class="control-label">Campus</label>
<select class="form-control" name="campus" id="campus" required></select>
</div>
<button class="btn btn-primary prevBtn btn-lg pull-left" type="button">Previous</button>
<button class="btn btn-primary nextBtn btn-lg pull-right" type="button">Next</button>
</div>
</div>
</div>
<div class="row setup-content" id="step-3">
<div class="col-xs-12">
<div class="col-md-12">
<h3> Confirm and Submit</h3>
<p>By clicking the submit button, a student account will be created on Breakthrough International Bible College & University</p>
<p> </p>
<p id="status"></p>
<p> </p>
<button class="btn btn-primary prevBtn btn-lg pull-left" type="button">Previous</button>
<button class="btn btn-success btn-lg pull-right" type="submit">Submit</button>
</div>
</div>
</div>
</form>
</div>
</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="https://www.elearning.breakthroughuni.ac.ke/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5e6df09924dc0785ea9efeac-|49" defer></script>
<script>
$('#country').on('change', function() {
var countryid=this.value;
$.ajax({
method: "POST",
url : "app/getcampuses",
data: {countryid:countryid},
cache: false
}).done(function (data){
$("#campus").html(data)
});
});
$("#loginfrm").submit(function(e){
e.preventDefault();
$("#status").html("<p class='alert alert-success'><i class='fa fa-spinner fa-pulse'></i> Submitting details...</p>");
$.ajax({
method: "POST",
url : "app/signup",
data: new FormData(this),
contentType: false,
processData: false,
cache: false
}).done(function (data){
if(data == "success"){
$("#status").html("<p class='alert alert-success'><i class='fa fa-check'></i> Submitted successfully... redirecting</p>").delay(3000);
window.location.replace("dashboard/");
}
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>");
}
});
});
$(document).ready(function () {
var navListItems = $('div.setup-panel div a'),
allWells = $('.setup-content'),
allNextBtn = $('.nextBtn'),
allPrevBtn = $('.prevBtn');
allWells.hide();
navListItems.click(function (e) {
e.preventDefault();
var $target = $($(this).attr('href')),
$item = $(this);
if (!$item.hasClass('disabled')) {
navListItems.removeClass('btn-primary').addClass('btn-default');
$item.addClass('btn-primary');
allWells.hide();
$target.show();
$target.find('input:eq(0)').focus();
}
});
allPrevBtn.click(function(){
var curStep = $(this).closest(".setup-content"),
curStepBtn = curStep.attr("id"),
prevStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().prev().children("a");
prevStepWizard.removeAttr('disabled').trigger('click');
});
allNextBtn.click(function(){
var curStep = $(this).closest(".setup-content"),
curStepBtn = curStep.attr("id"),
nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
curInputs = curStep.find("input[type='text'],input[type='url']"),
isValid = true;
$(".form-group").removeClass("has-error");
for(var i=0; i<curInputs.length; i++){
if (!curInputs[i].validity.valid){
isValid = false;
$(curInputs[i]).closest(".form-group").addClass("has-error");
}
}
if (isValid){
nextStepWizard.removeAttr('disabled').trigger('click');
}
});
$('div.setup-panel div a.btn-primary').trigger('click');
});
</script>
</body>
</html>