-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.php
202 lines (174 loc) · 7.63 KB
/
signup.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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<?php
$showAlert = false;
$showError = false;
if ($_SERVER["REQUEST_METHOD"] == "POST") {
include 'partials/_dbconnect.php';
$name = $_POST["name"]; // Add this line to get the name
$mobile = $_POST["mobile"];
$address = $_POST["address"];
$username = $_POST["username"];
$password = $_POST["password"];
$cpassword = $_POST["cpassword"];
$exists = false;
if (($password == $cpassword) && $exists == false) {
$sql = "INSERT INTO `users` ( `name`, `mobile`, `address`, `username`, `password`, `dt`) VALUES ( '$name', '$mobile', '$address', '$username', '$password', current_timestamp())";
$result = mysqli_query($conn, $sql);
if ($result) {
$showAlert = true;
}
} else {
$showError = "Passwords do not match";
}
}
?>
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>SignUp</title>
<style>
body {
background-color: black; /* Change background color to white */
color: #000; /* Change text color to black */
font-family: Arial, sans-serif; /* Use a common sans-serif font */
}
.container {
background: grey; /* Light gray background for the form container */
width: 480px;
padding: 50px; /* Adjust padding */
margin: 50px auto; /* Center the form horizontally */
border-radius: 10px; /* Add border radius */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add shadow for depth */
}
.box {
margin-bottom: 20px; /* Add space between form elements */
}
.box label {
font-weight: bold; /* Make labels bold */
}
.box input[type="text"],
.box input[type="password"],
.box textarea {
width: 100%; /* Make input fields and textareas full width */
padding: 10px; /* Adjust padding */
border: 1px solid #ccc; /* Add border */
border-radius: 5px; /* Add border radius */
box-sizing: border-box; /* Include padding and border in element's total width */
}
.box textarea {
resize: vertical; /* Allow vertical resizing for textareas */
}
.box small {
display: block; /* Ensure small text appears below input fields */
margin-top: 5px; /* Add space between input field and small text */
color: #666; /* Dim small text */
}
.submit {
width: 100%; /* Make the submit button full width */
padding: 10px; /* Adjust padding */
background-color: #007bff; /* Change button background color */
color: #fff; /* Change button text color */
border: none; /* Remove border */
border-radius: 5px; /* Add border radius */
cursor: pointer; /* Add pointer cursor */
}
.submit:hover {
background-color: #0056b3; /* Darken button background color on hover */
}
.box input[type="text"]:hover,
.box input[type="password"]:hover,
.box textarea:hover {
background-color: #f0f0f0; /* Change background color on hover */
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); /* Add box shadow on hover */
transition: background-color 0.3s, box-shadow 0.3s; /* Add transition effect */
}
.submit:hover {
background-color: #0056b3; /* Darken button background color on hover */
transition: background-color 0.3s; /* Add transition effect */
}
footer {
text-align: center; /* Center align footer text */
margin-top: 20px; /* Add space above footer */
}
</style>
</head>
<body>
<?php require 'partials/_nav.php' ?>
<?php
if ($showAlert) {
echo ' <div class="alert alert-success alert-dismissible fade show" role="alert">
<strong>Success!</strong> Your account is now created and you can login
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div> ';
}
if ($showError) {
echo ' <div class="alert alert-danger alert-dismissible fade show" role="alert">
<strong>Error!</strong> ' . $showError . '
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div> ';
}
?>
<div class="collegelogo">
<center>
<img src="./bharati_vidyapeeth_logo.webp" alt="College poster" height="120" width="600">
</center>
</div>
<div class="container">
<h1 class="text-center">Enter your details</h1>
<form action="/loginsystem/signup.php" method="post">
<div class="box">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" name="name" aria-describedby="nameHelp">
<small id="nameHelp" class="form-text text-muted">Enter your name</small>
</div>
<div class="box">
<label for="mobile">Mobile Number</label>
<input type="text" class="form-control" id="mobile" name="mobile" aria-describedby="mobileHelp">
<small id="mobileHelp" class="form-text text-muted">Enter your mobile number</small>
</div>
<div class="box">
<label for="address">Address</label>
<textarea class="form-control" id="address" name="address" rows="3"></textarea>
<small id="addressHelp" class="form-text text-muted">Enter your address</small>
</div>
<div class="box">
<label for="username">Username</label>
<input type="email" class="form-control" id="username" name="username" aria-describedby="emailHelp">
<small id="emaileHelp" class="form-text text-muted">Enter your Username</small>
</div>
<div class="box">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password">
<small id="emaileHelp" class="form-text text-muted">Enter your Password</small>
</div>
<div class="box">
<label for="cpassword">Confirm Password</label>
<input type="password" class="form-control" id="cpassword" name="cpassword">
<small id="emailHelp" class="form-text text-muted">Make sure to type the same password</small>
</div>
<button type="submit" class="btn btn-primary">SignUp</button>
</form>
</div>
<footer><a href="./copyright.php">copyright</a> © Gyan 2024. All rights reserved.</footer>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
</body>
</html>