-
Notifications
You must be signed in to change notification settings - Fork 1
/
login.php
101 lines (99 loc) · 8.82 KB
/
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
<?php
// include_path='C:\xampp\php\PEAR';
require_once"./includes/config.inc.php";
$loginURL = $gClient->createAuthUrl();
require "header.php"
?>
<style>
body{
overflow: hidden;
}
.google{
display: flex;
align-items: center;
color: gray;
vertical-align: center;
padding: 10px 13px;
margin: 8px 0;
cursor: pointer;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
}
.google:hover{
background: #eee;
}
.google-text{
font-size: 16px;
padding-left: 10px;
}
</style>
<body class="bg-color">
<main class=" bg-color h-min-100">
<div class="d-flex section">
<div class="imagebox mt-lg">
<div class="container">
<svg id="f080dbb7-9b2b-439b-a118-60b91c514f72" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="400" height="699.76785" viewBox="0 0 528.71721 699.76785"><title>Login</title><rect y="17.06342" width="444" height="657" fill="#535461"/><polygon points="323 691.063 0 674.063 0 17.063 323 0.063 323 691.063" fill="#28ab87"/><circle cx="296" cy="377.06342" r="4" fill="#535461"/><polygon points="296 377.66 298.773 382.463 301.545 387.265 296 387.265 290.455 387.265 293.227 382.463 296 377.66" fill="#535461"/><polygon points="337 691.063 317.217 691 318 0.063 337 0.063 337 691.063" fill="#28ab87"/><g opacity="0.1"><polygon points="337.217 691 317.217 691 318.217 0 337.217 0 337.217 691" fill="#fff"/></g><circle cx="296" cy="348.06342" r="13" opacity="0.1"/><circle cx="296" cy="346.06342" r="13" fill="#535461"/><line x1="52.81943" y1="16.10799" x2="52.81943" y2="677.15616" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" opacity="0.1"/><line x1="109.81943" y1="12.10799" x2="109.81943" y2="679.15616" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" opacity="0.1"/><line x1="166.81943" y1="9.10799" x2="166.81943" y2="683" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" opacity="0.1"/><line x1="223.81943" y1="6.10799" x2="223.81943" y2="687.15616" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" opacity="0.1"/><line x1="280.81943" y1="3.10799" x2="280.81943" y2="688" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" opacity="0.1"/><ellipse cx="463.21721" cy="95.32341" rx="39.5" ry="37" fill="#2f2e41"/><path d="M683.8586,425.93948l-10,14s-48,10-30,25,44-14,44-14l14-18Z" transform="translate(-335.6414 -100.11607)" fill="#ffb8b8"/><path d="M735.8586,266.93948s-13,0-16,18-6,78-6,78-42,55-35,62,15,20,20,18,48-61,48-61Z" transform="translate(-335.6414 -100.11607)" fill="#28ab87"/><path d="M735.8586,266.93948s-13,0-16,18-6,78-6,78-42,55-35,62,15,20,20,18,48-61,48-61Z" transform="translate(-335.6414 -100.11607)" opacity="0.1"/><path d="M775.8586,215.93948s-1,39-13,41-8,15-8,15,39,23,65,0l5-12s-18-13-10-31Z" transform="translate(-335.6414 -100.11607)" fill="#ffb8b8"/><path d="M708.8586,455.93948s-59,110-37,144,55,104,60,104,33-14,31-23-32-76-40-82-4-22-3-23,34-54,34-54-1,84,3,97-1,106,4,110,28,11,32,5,16-97,8-118l15-144Z" transform="translate(-335.6414 -100.11607)" fill="#2f2e41"/><path d="M762.8586,722.93948l-25,46s-36,26-11,30,40-6,40-6l22-16v-46Z" transform="translate(-335.6414 -100.11607)" fill="#2f2e41"/><path d="M728.8586,696.93948l13,31s5,13,0,16-19,21-10,23a29.29979,29.29979,0,0,0,5.49538.5463,55.56592,55.56592,0,0,0,40.39768-16.43936l8.10694-8.10694s-27.77007-63.94827-27.385-63.47414S728.8586,696.93948,728.8586,696.93948Z" transform="translate(-335.6414 -100.11607)" fill="#2f2e41"/><circle cx="465.21721" cy="105.82341" r="34" fill="#ffb8b8"/><path d="M820.3586,253.43948l-10.5,10.5s-32,12-47,0c0,0,5.5-11.5,5.5-10.5s-43.5,7.5-47.5,25.5,3,49,3,49-28,132-17,135,114,28,113,9,8-97,8-97l35-67s-5-22-17-29S820.3586,253.43948,820.3586,253.43948Z" transform="translate(-335.6414 -100.11607)" fill="#28ab87"/><path d="M775.8586,448.93948l-13,8s-50,34-24,40,41-24,41-24l10-12Z" transform="translate(-335.6414 -100.11607)" fill="#ffb8b8"/><path d="M849.8586,301.93948l9,9s6,84-6,101-67,63-70,60-22-18-18-20,57.18287-57.56942,57.18287-57.56942l-4.18287-77.43058Z" transform="translate(-335.6414 -100.11607)" opacity="0.1"/><path d="M853.8586,298.93948l9,9s6,84-6,101-67,63-70,60-22-18-18-20,57.18287-57.56942,57.18287-57.56942l-4.18287-77.43058Z" transform="translate(-335.6414 -100.11607)" fill="#28ab87"/><path d="M786.797,157.64461s-11.5575-4.20273-27.31774,4.72807l8.40546,2.10136s-12.60819,1.05068-14.18421,17.8616h5.77875s-3.67739,14.70955,0,18.91228l2.364-4.4654,6.82943,13.65887,1.576-6.82944,3.15205,1.05069,2.10137-11.03217s5.25341,7.88012,9.45614,8.40546V195.2065s11.5575,13.13352,15.23489,12.60818l-5.25341-7.35477,7.35477,1.576-3.152-5.25341,18.91228,5.25341-4.20273-5.25341,13.13352,4.20273,6.3041,2.6267s8.9308-20.4883-3.67739-34.67251S798.61712,151.60318,786.797,157.64461Z" transform="translate(-335.6414 -100.11607)" fill="#2f2e41"/></svg>
</div>
</div>
<div class="content container">
<div style="padding-top:160px;">
<h1 style="font-size:30px;" class="mt-lg text-center mb-1">Login</h1>
<div class="text-center container">
<div class="container">
<div class="container">
<hr>
</div>
</div>
</div>
<div class="login-card">
<div class="container text-center">
<?php
if (isset($_GET["error"])){
if($_GET["error"] == "emptyfields"){
echo'<p class="pt-1" style="font-size:12px; color:red">Please fill in all the details. </p>';
}
if($_GET["error"] == "nouser"){
echo"<p class='pt-1' style='font-size:12px; color:red'>No user exists!</p>";
}
if($_GET["error"] == "wrongpassword"){
echo"<p class='pt-1' style='font-size:12px; color:red'>Wrong password!</p>";
}
}
if(isset($_GET['pass'])){
if($_GET['pass'] == 'googlelogin'){
echo"<p class='pt-1' style='font-size:12px; color:red'>Please login with google!</p>";
}
}
if(isset($_GET["login"])){
if($_GET["login"] == 'notlogin'){
echo"<p class='pt-1' style='font-size:12px; color:red'>Please login first</p>";
}
}
?>
<div>
<form action="includes/login.inc.php" method="post">
<input class="input-field" type="text" name="mailuid" placeholder="Username/E-mail..."><br>
<input class="input-field" type="password" name="pwd" placeholder="Password..."><br>
<div class="container">
<div class="container">
<div class="text-right m-1"><a href="forget-pwd.php" class=" text-deco-none forgetpass" >Forget Password?</a></div>
</div>
</div>
<div class="text-center my-1"> <button type='submit' style="width:150px; font-size:20px;background:#28AB87" class="btn button-field text-deco-none" name='login-submit'>Login</button></div>
<div class="container">
<div class="container">
<div class="container">
<a type="submit" onclick="window.location = '<?php echo $loginURL ?>';" class="google" ><img src="https://img.icons8.com/color/30/000000/google-logo.png"><div class="google-text">Sign in with Google</div></a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>