Two-Factor-Authentication-Web-Implementation/registration.php at main · arshad-khalid/Two-Factor-Authentication-Web-Implementation · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<?php
/*
PHP script that handles a registration request
it includes auth.php and MainClass.php, which contain code that is needed for the script to run
*/

require_once('auth.php');
require_once('MainClass.php');

//
if($_SERVER['REQUEST_METHOD'] == 'POST'){

    //decode the json data and call the register method on the $class object
    $register = json_decode($class->register());

    //if registration is successful, it redirects the user to the index_admin.php (admin) page
    if($register->status == 'success'){
        $_SESSION['flashdata']['type']='success';
        $_SESSION['flashdata']['msg'] = ' Account has been registered successfully.';
        echo "<script>location.href = './index_admin.php';</script>";
        exit;
    }

    //if the registration is uncessesfull it display the error message to the browser
    else{
        echo "<script>console.error(".json_encode($register).");</script>";
    }
}
?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Login with OTP</title>

<link rel="stylesheet" href="./Font-Awesome-master/css/all.min.css">
<link rel="stylesheet" href="./css/bootstrap.min.css">

<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./Font-Awesome-master/js/all.min.js"></script>

<style>
    html,body{
        height:100%;
        width:100%;
    }
    main{
        height:calc(100%);
        width:calc(100%);
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
</style>

</head>
<body class="navbar navbar-expand-lg navbar-light bg-warning bg-gradient">

<main>
<div class="col-lg-7 col-md-9 col-sm-12 col-xs-12 mb-4">

<h1 class="text-light text-center">Moodle - APU Login</h1>
</div>
<div class="col-lg-3 col-md-8 col-sm-12 col-xs-12">
<div class="card shadow rounded-0">
<div class="card-header py-1"> <h4 class="card-title text-center">Create an Account</h4>
</div>
<div class="card-body py-4">
<div class="container-fluid">
<form action="./registration.php" method="POST">

<?php if(isset($_SESSION['flashdata'])):?>

<div class="dynamic_alert alert alert-<?php echo $_SESSION['flashdata']['type'] ?> my-2 rounded-0">
<div class="d-flex align-items-center">
<div class="col-11"><?php echo $_SESSION['flashdata']['msg'] ?></div>
<div class="col-1 text-end">
<div class="float-end"><a href="javascript:void(0)" class="text-dark text-decoration-none" onclick="$(this).closest('.dynamic_alert').hide('slow').remove()">x</a>
</div>
</div>
</div>
</div>

<?php unset($_SESSION['flashdata']) ?>
<?php endif; ?>

<div class="form-group">
<label for="firstname" class="label-control">First Name</label>
<input type="text" name="firstname" id="firstname" class="form-control rounded-0" value="<?= isset($_POST['firstname']) ? $_POST['firstname'] : '' ?>" autofocus required>
</div>

<div class="form-group">
<label for="middlename" class="label-control">Middle Name</label>
<input type="text" name="middlename" id="middlename" class="form-control rounded-0" value="<?= isset($_POST['middlename']) ? $_POST['middlename'] : '' ?>" required>
</div>

<div class="form-group">
<label for="lastname" class="label-control">Last Name</label>
<input type="text" name="lastname" id="lastname" class="form-control rounded-0" value="<?= isset($_POST['lastname']) ? $_POST['lastname'] : '' ?>" required>
</div>

<div class="form-group">
<label for="email" class="label-control">Email</label>
<input type="email" name="email" id="email" class="form-control rounded-0" value="<?= isset($_POST['email']) ? $_POST['email'] : '' ?>" required>
</div>

<div class="form-group">
<label for="password" class="label-control">Password</label>
<input type="password" name="password" id="password" class="form-control rounded-0" value="<?= isset($_POST['password']) ? $_POST['password'] : '' ?>" required>
</div>

<div class="clear-fix mb-4"></div>
<div class="form-group text-end">
<button class="btn btn-primary bg-gradient rounded-0">Create Account</button>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
</body>
</html>