-
Notifications
You must be signed in to change notification settings - Fork 1
/
pages-login.php
130 lines (100 loc) · 4.35 KB
/
pages-login.php
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
<?php
session_start();
include 'config/db.php';
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
// Get the user input and escape it for security
$email = $conn->real_escape_string($_POST['email']);
$password = $conn->real_escape_string($_POST['password']);
// Query to check if the email and password are correct
$result = $conn->query("SELECT * FROM register WHERE email='$email' AND password='$password'");
// If a match is found, set the session
if ($result->num_rows > 0) {
$_SESSION['email'] = $email; // Set session variable
header("Location: index.php"); // Redirect to the dashboard or home page
exit();
} else {
// Store the error message in a variable to use in the HTML
$error_message = "Invalid email or password!";
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Login</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Nunito|Poppins" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- ALERTIFY CSS -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.14.0/build/css/alertify.min.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.14.0/build/css/themes/bootstrap.rtl.min.css" />
<!-- google recaptcha -->
<style>
.w-100 {
margin-left: 122px;
width: 100% !important;
}
</style>
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<main>
<div class="container">
<section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 d-flex flex-column align-items-center justify-content-center">
<div class="d-flex justify-content-center py-4">
<a href="index.php" class="logo d-flex align-items-center w-auto">
<img src="assets/img/logo3.png" alt="">
<span class="d-none d-lg-block">FingerLog</span>
</a>
</div>
<div class="card mb-3">
<div class="card-body">
<div class="pt-4 pb-2">
<h5 class="card-title text-center pb-0 fs-4">Login to Your Account</h5>
<p class="text-center small">Enter your email & password</p>
</div>
<form class="row g-3 needs-validation" method="POST" action="">
<div class="col-12">
<label for="yourEmail" class="form-label">Your Email</label>
<input type="email" name="email" class="form-control" id="yourEmail" required>
<div class="invalid-feedback">Please enter a valid Email address!</div>
</div>
<div class="col-12">
<label for="yourPassword" class="form-label">Password</label>
<input type="password" name="password" class="form-control" id="yourPassword" required>
<div class="invalid-feedback">Please enter your password!</div>
</div>
<div class="g-recaptcha" data-sitekey="6Lf4QEsqAAAAAPRiGiTg5AF0FsZ-Q6d7dAuAptOb"></div>
<div class="col-6 d-flex">
<button class="btn btn-outline-primary w-100" type="submit" name="submit" value="submit">Login</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ALERTIFY JavaScript -->
<script src="//cdn.jsdelivr.net/npm/alertifyjs@1.14.0/build/alertify.min.js"></script>
<?php if (!empty($error_message)): ?>
<script>
// Set Alertify to display notifications at the top of the page
alertify.set('notifier', 'position', 'top-center');
alertify.error("<?= $error_message ?>");
</script>
<?php endif; ?>
</body>
</html>