From 8eef72b104856b228f276ba3e963625de59db97f Mon Sep 17 00:00:00 2001
From: Hadrien RENAUD <hadrien.renaud@polytechnique.edu>
Date: Mon, 9 Sep 2019 02:10:25 +0200
Subject: [PATCH] :lipstick: Ajout de jolis formulaires d'inscription

Signed-off-by: Hadrien RENAUD <hadrien.renaud@polytechnique.edu>
---
 server_files/views/connexion.php | 142 ++++++++++++-------------------
 1 file changed, 56 insertions(+), 86 deletions(-)

diff --git a/server_files/views/connexion.php b/server_files/views/connexion.php
index 0435d45..5812515 100644
--- a/server_files/views/connexion.php
+++ b/server_files/views/connexion.php
@@ -2,96 +2,66 @@
 require_once "header.php";
 
 if (isset($error_message) && $error_message)
-    echo "<h2>Erreur : " . $error_message . "</h2>";
+    echo "<div class=\"alert alert-danger\">Erreur : " . $error_message . "</div>";
 
 if (isset($error_message) && $error_message === FALSE) {
-	if (isset($_GET["mdp_oublie"]))
-		echo "Le mail de récupération de mot de passe a bien été envoyé.";
-	else if (isset($_POST["reset_password"]))
-		echo "Le mot de passe a bien été changé. Vous pouvez désormais vous connecter.";
-	else if (isset($_GET["confirmation-mail"]))
-		echo "Le mail a bien été renvoyé.";
-	else
-		echo "Connexion réussie !";
-}
-else if (isset($_SESSION["user_id"])) { ?>
-	<h2>Vous êtes déjà connecté !</h2>
+    if (isset($_GET["mdp_oublie"]))
+        echo "<div class=\"alert alert-success\">Le mail de récupération de mot de passe a bien été envoyé.</div>";
+    else if (isset($_POST["reset_password"]))
+        echo "<div class=\"alert alert-success\">Le mot de passe a bien été changé. Vous pouvez désormais vous connecter.</div>";
+    else if (isset($_GET["confirmation-mail"]))
+        echo "<div class=\"alert alert-success\">Le mail a bien été renvoyé.</div>";
+    else
+        echo "<div class=\"alert alert-success\">Connexion réussie !</div>";
+} else if (isset($_SESSION["user_id"])) { ?>
+    <div class="alert alert-danger">Vous êtes déjà connecté !</div>
 <?php } else { ?>
 
-	<?php if (isset($_GET["mdp_oublie"])) { ?>
-		<form method="POST">
-			<table style="width: 100%;">
-				<tbody>
-				<tr>
-					<td style="width: 30%;">
-						<label for="email">E-mail associée au compte :</label>
-					</td>
-					<td style="width: 70%;">
-						<input style="width: 100%;" type="email" id="email" name="email" />
-					</td>
-				</tr>
-				<tr>
-					<td colspan="2">
-						<input style="width: 100%;" type="submit" name="forgotten_password" value="Envoyer l'e-mail de récupération" />
-					</td>
-				</tr>
-				</tbody>
-			</table>
-		</form>
-	<?php } elseif (isset($_GET["reset_password"])) { ?>
-		<form method="POST">
-			<input type="hidden" name="token" value="<?= $_GET["token"] ?>" />
-			<table style="width: 100%;">
-				<tbody>
-				<tr>
-					<td style="width: 30%;">
-						<label for="password">Nouveau mot de passe :</label>
-					</td>
-					<td style="width: 70%;">
-						<input style="width: 100%;" type="password" id="password" name="password" />
-					</td>
-				</tr>
-				<tr>
-					<td style="width: 30%;">
-						<label for="confirm_password">Confirmer le mot de passe :</label>
-					</td>
-					<td style="width: 70%;">
-						<input style="width: 100%;" type="password" id="confirm_password" name="confirm_password" />
-					</td>
-				</tr>
-				<tr>
-					<td colspan="2">
-						<input style="width: 100%;" type="submit" name="reset_password" value="Changer le mot de passe" />
-					</td>
-				</tr>
-				</tbody>
-			</table>
-		</form>
-	<?php } elseif (isset($_GET["confirmation-mail"])) { ?>
-	<?php } else { ?>
-		<form method="POST">
-			<input type="hidden" name="submitted" value="true" />
-			<table style="width: 100%;">
-				<tr>
-					<td style="width: 30%;"><label for="email">E-mail :</label></td>
-					<td style="width: 70%;"><input  style="width: 100%;" type="email" id="email" name="email" value="<?php if (isset($email)) echo $email ?>" /></td>
-				</tr>
-				<tr>
-					<td><label for="password">Mot de passe :</label></td>
-					<td><input style="width: 100%;" type="password" id="password" name="password" /></td>
-				</tr>
-				<tr>
-					<td colspan="2">
-						<!--suppress HtmlUnknownTarget -->
-						<a href="/connexion/mdp_oublie">Mot de passe oublié ?</a>
-					</td>
-				</tr>
-				<tr>
-					<td colspan="2"><input style="width: 100%;" type="submit" value="Se connecter" /></td>
-				</tr>
-			</table>
-		</form>
-	<?php } ?>
+    <?php if (isset($_GET["mdp_oublie"])) { ?>
+        <form method="POST" class="jumbotron mt-5">
+            <h1 class="display-4">Réinitialisation du mot de passe</h1>
+            <label for="email">E-mail associée au compte :</label>
+                <input type="email" class="form-control" id="email" name="email"/>
+            </div>
+            <input class="btn btn-lg btn-primary" type="submit" name="forgotten_password"
+                   value="Envoyer l'e-mail de récupération"/>
+        </form>
+    <?php } elseif (isset($_GET["reset_password"])) { ?>
+        <form method="POST" class="jumbotron mt-5">
+            <h1 class="display-4">Connexion</h1>
+            <input type="hidden" name="token" value="<?= $_GET["token"] ?>"/>
+                <div class="form-group">
+                        <label for="password">Nouveau mot de passe :</label>
+                        <input type="password" id="password" name="password" class="form-control" />
+                </div>
+                <div class="form-group">
+                        <label for="confirm_password">Confirmer le mot de passe :</label>
+                        <input type="password" id="confirm_password" name="confirm_password" class="form-control" />
+                </div>
+                <input type="submit" name="reset_password" class="btn btn-block btn-primary"
+                       value="Changer le mot de passe"/>
+        </form>
+    <?php } elseif (isset($_GET["confirmation-mail"])) { ?>
+    <?php } else { ?>
+        <form method="POST" class="jumbotron mt-5">
+            <h1 class="display-4">Connexion</h1>
+            <hr class="mt-2 mb-4"/>
+            <input type="hidden" name="submitted" value="true"/>
+            <div class="form-group">
+                <label for="email">E-mail :</label>
+                <input class="form-control" type="email" id="email" name="email"
+                       value="<?php if (isset($email)) echo $email ?>"/>
+            </div>
+            <div class="form-group">
+                <label for="password">Mot de passe :</label>
+                <input class="form-control" type="password" id="password" name="password"/>
+            </div>
+            <input class="btn btn-primary btn-block" type="submit" value="Se connecter"/>
+        </form>
+        <div class="alert">
+            <a href="/connexion/mdp_oublie">Mot de passe oublié ?</a>
+        </div>
+    <?php } ?>
 <?php } ?>
 
 <?php require_once "footer.php" ?>
\ No newline at end of file