-
Notifications
You must be signed in to change notification settings - Fork 0
/
signin.php
172 lines (155 loc) · 6.32 KB
/
signin.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign In | Atim</title>
<link rel="stylesheet" href="signin.css"> <!-- Link to external CSS file -->
<script>
// Function to validate username asynchronously
function validateUsername() {
var username = document.getElementById("username").value;
// Make an asynchronous request to validate the username
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
if (response.valid) {
// Display green tick next to username field
document.getElementById("username-icon").innerHTML = "✔";
// Enable password field
document.getElementById("password").disabled = false;
// Enable submit button
document.getElementById("submit-btn").disabled = false;
} else {
// Clear green tick next to username field
document.getElementById("username-icon").innerHTML = "";
// Disable password field
document.getElementById("password").disabled = true;
// Disable submit button
// document.getElementById("submit-btn").disabled = true;
}
}
};
xhttp.open("GET", "validate_username.php?username=" + username, true);
xhttp.send();
}
</script>
</head>
<body>
<?php
// Start the session
session_start();
// Database connection
$host = "localhost";
$username = "root";
$password = "password";
$dbname = "immie";
$conn = new mysqli($host, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Define variables and initialize with empty values
$username = $password = "";
$username_err = $password_err = "";
// Processing form data when form is submitted
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Check if username is empty
if (empty(trim($_POST["username"]))) {
$username_err = "Please enter username.";
} else {
$username = trim($_POST["username"]);
}
// Check if password is empty
if (empty(trim($_POST["password"]))) {
$password_err = "Please enter your password.";
} else {
$password = trim($_POST["password"]);
}
// Validate credentials
if (empty($username_err) && empty($password_err)) {
// Prepare a select statement
$sql = "SELECT id, username, password FROM accounts WHERE username = ?";
if ($stmt = $conn->prepare($sql)) {
// Bind variables to the prepared statement as parameters
$stmt->bind_param("s", $param_username);
// Set parameters
$param_username = $username;
// Attempt to execute the prepared statement
if ($stmt->execute()) {
// Store result
$stmt->store_result();
// Check if username exists, if yes then verify password
if ($stmt->num_rows == 1) {
// Bind result variables
$stmt->bind_result($id, $username, $hashed_password);
if ($stmt->fetch()) {
if (password_verify($password, $hashed_password)) {
// Password is correct, so start a new session
session_start();
// Store data in session variables
$_SESSION["loggedin"] = true;
$_SESSION["id"] = $id;
$_SESSION["username"] = $username;
// Redirect user to welcome page
header("location: app.atim.php");
} else {
// Password is not valid, display a generic error message
$password_err = "Password is Incorrect.";
}
}
} else {
// Username doesn't exist, display a generic error message
$username_err = "Password is Incorrect.";
}
} else {
echo "Oops! Something went wrong. Please try again later.";
}
// Close statement
$stmt->close();
}
}
// Close connection
$conn->close();
}
?>
<div class="container">
<div class="form-container">
<div class="image">
<img src="immiephp2.png" alt="Image">
</div>
<div class="form-container">
<h2>Sign In to iatim.io</h2>
<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post">
<div>
<label>Username</label>
<input type="text" name="username" id="username" onkeyup="validateUsername()">
<span id="username-icon"></span>
<span><?php echo $username_err; ?></span>
</div>
<div>
<label>Password</label>
<input type="password" name="password" id="password" disabled>
<span><?php echo $password_err; ?></span>
</div>
<div>
<input type="submit" value="Sign In" id="submit-btn" disabled>
</div>
<div class="centered-text">
<p>Don't have an account? <a href="signup.php">Sign Up now</a>.</p>
</div>
</form>
</div>
</div>
</div>
<script>
document.getElementById("loginForm").addEventListener("submit", function(event) {
var password = document.getElementById("passwordInput").value;
if (password === '') {
event.preventDefault(); // Prevent form submission
}
});
</script>
</body>
</html>