-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.php
142 lines (121 loc) · 6.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Sign Up</title>
<link rel="stylesheet" href="assets/css/uikit.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
</head>
<body>
<header>
</header>
<main>
<div class="background">
<?php
if (isset($_GET['e'])) {
if ($_GET['e'] == 'missing_form') {
echo '<div class="uk-animation-fade uk-alert-danger overlay uk-margin-small-top uk-position-top-center" uk-alert>
<a class="uk-alert-close" uk-close></a>
<p>Une erreur est survenu lors de l\'envoie du formulaire ! </p>
</div>';
}
if ($_GET['e'] == 'missing_info') {
echo '<div class="uk-animation-fade uk-alert-danger overlay uk-margin-small-top uk-position-top-center" uk-alert>
<a class="uk-alert-close" uk-close></a>
<p>Il faut remplir tout les champs du formulaire ! </p>
</div>';
}
}
?>
<div class="uk-container uk-container-large uk-flex uk-flex-middle uk-height-1-1">
<div class="uk-card uk-card-default uk-card-body uk-width-1-2 uk-width-1-3@l card">
<h2 class="secondaryTitle uk-margin-remove-bottom">Bienvenu chez</h2>
<h1 class="title uk-margin-remove-top">Space.io</h1>
<form class="uk-form-stacked uk-margin-medium-top" action="signup_post.php" method="POST">
<div class="uk-margin">
<label class="form-label" for="form-stacked-text">Nom</label>
<div class="uk-form-controls">
<input class="input uk-width-1-1" id="form-stacked-text" type="text" name="name">
</div>
<?php
if (isset($_GET['e'])) {
if ($_GET['e'] == 'name') {
echo '<div class="uk-animation-fade uk-alert-danger uk-margin-small-top" uk-alert>
<p>Il faut renseigner un nom ! </p>
</div>';
}
}
?>
</div>
<div class="uk-margin">
<label class="form-label" for="form-stacked-text">Email</label>
<div class="uk-form-controls">
<input class="input uk-width-1-1" id="form-stacked-text" type="email" name="email">
</div>
<?php
if (isset($_GET['e'])) {
if ($_GET['e'] == 'email') {
echo '<div class="uk-animation-fade uk-alert-danger uk-margin-small-top" uk-alert>
<p>Il faut renseigner un email valide ! </p>
</div>';
}
if ($_GET['e'] == 'user_exist') {
echo '<div class="uk-animation-fade uk-alert-danger uk-margin-small-top" uk-alert>
<p>Cet email est deja utilisé ! </p>
</div>';
}
}
?>
</div>
<div class="uk-margin">
<label class="form-label" for="form-stacked-text">Mot de passe</label>
<div class="uk-form-controls">
<input class="input uk-width-1-1" id="form-stacked-text" type="password" name="password">
</div>
<?php
if (isset($_GET['e'])) {
if ($_GET['e'] == 'bad_password') {
echo '<div class="uk-animation-fade uk-alert-danger uk-margin-small-top" uk-alert>
<p>Il faut au moins 8 caractères, une majuscule, un symbole et un chiffre ! </p>
</div>';
}
}
?>
</div>
<div class="uk-margin">
<label class="form-label" for="form-stacked-text">Confirmez le mot de passe</label>
<div class="uk-form-controls">
<input class="input uk-width-1-1" id="form-stacked-text" type="password" name="confirm_password">
</div>
<?php
if (isset($_GET['e'])) {
if ($_GET['e'] == 'match_password') {
echo '<div class="uk-animation-fade uk-alert-danger uk-margin-small-top" uk-alert>
<p>Les mots de passes ne correspondent pas ! </p>
</div>';
}
}
?>
</div>
<div class="uk-margin-medium-top">
<input type="submit" class="btn-submit uk-border-pill" value="S'inscrire">
</div>
</form>
<div class="uk-margin-medium-top uk-flex">
<p class="signup_text">Vous possédez déjà un compte ?</p>
<a class="signup_link" href="index.php">Connectez vous</a>
</div>
</div>
</div>
</div>
</main>
<footer>
</footer>
<script src="assets/js/uikit.min.js"></script>
<script src="assets/js/uikit-icons.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>