From f82a630d14a453df81c34b48f460e57b28663f79 Mon Sep 17 00:00:00 2001
From: Loris BALOCCHI <loris.balocchi@etu.u-pec.fr>
Date: Sun, 9 Jun 2024 15:56:00 +0200
Subject: [PATCH] Edition du login/register

Co-authored-by: Charpentier Juliette <DePatate@users.noreply.github.com>
---
 account/login/index.php           | 49 ++++++++++++++++++++++++
 account/{my => profile}/index.php |  0
 account/register/index.php        | 63 +++++++++++++++++++++++++++++++
 3 files changed, 112 insertions(+)
 create mode 100644 account/login/index.php
 rename account/{my => profile}/index.php (100%)
 create mode 100644 account/register/index.php
diff --git a/account/login/index.php b/account/login/index.php
new file mode 100644
index 0000000..ab2afde
--- /dev/null
+++ b/account/login/index.php
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="../../styles/main.css" />
+    <link rel="stylesheet" href="../../styles/header.css" />
+    <link rel="stylesheet" href="../../styles/footer.css" />
+    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
+
+    <link rel="icon" type="image/png" sizes="32x32"
+        href="https://tickets.paris2024.org/obj/media/FR-Paris2024/specialLogos/favicons/favicon-32x32.png" />
+    <title>Connexion | Jeux Olympiques - Paris 2024</title>
+    <script src="https://kit.fontawesome.com/f16a36bad3.js" crossorigin="anonymous"></script>
+</head>
+
+<body>
+    <?php include ('../../views/header.php'); ?>
+
+    <div class="login-container">
+        <img src="https://cdn-icons-png.flaticon.com/512/4139/4139948.png" alt="Avatar">
+        <h2 class="login-title">Connexion à votre compte</h2>
+        <p class="login-subtitle">Connectez-vous afin d'accéder à l'entièreté du site.</p>
+        <form>
+            <div class="form-group">
+                <label for="email">Adresse mail</label>
+                <input type="email" id="email" name="email" placeholder="ex : username@example.com" required
+                    placeholder=" ">
+            </div>
+            <div class="form-group">
+                <label for="password">Mot de passe</label>
+                <input type="password" id="password" name="password" required placeholder=" ">
+            </div>
+
+            <div class="form-group forgot-password">
+            </div>
+            <button type="submit" class="submit-button" action="../../tools"><i class="fas fa-sign-in-alt"></i>
+                Connexion</i></button>
+        </form>
+        <p class="no-account">Vous n'avez pas de compte ? <a href="../register">Créez un compte pour commencer
+                !</a></p>
+    </div>
+
+    <?php include ('../../views/footer.php'); ?>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/account/my/index.php b/account/profile/index.php
similarity index 100%
rename from account/my/index.php
rename to account/profile/index.php
diff --git a/account/register/index.php b/account/register/index.php
new file mode 100644
index 0000000..055e450
--- /dev/null
+++ b/account/register/index.php
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="../../styles/main.css" />
+    <link rel="stylesheet" href="../../styles/header.css" />
+    <link rel="stylesheet" href="../../styles/footer.css" />
+    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
+
+    <link rel="icon" type="image/png" sizes="32x32"
+        href="https://tickets.paris2024.org/obj/media/FR-Paris2024/specialLogos/favicons/favicon-32x32.png" />
+    <title>Nouveau compte | Jeux Olympiques - Paris 2024</title>
+    <script src="https://kit.fontawesome.com/f16a36bad3.js" crossorigin="anonymous">
+        function verifMDP() {
+            var pw1 = document.getElementById("password");
+            var pw2 = document.getElementById("password-bis");
+            if (pw1 != pw2) {
+                alert("Les mots de passe ne correspondent pas. Veuillez réessayer.");
+            } 
+    </script>
+</head>
+
+<body>
+    <?php include ('../../views/header.php'); ?>
+
+    <div class="login-container">
+        <img src="https://cdn-icons-png.flaticon.com/512/4139/4139948.png" alt="Avatar">
+        <h2>Créer un compte</h2>
+        <p>Créez un nouveau compte afin d'accéder à l'entièreté du site.</p>
+        <form>
+            <div class="form-group">
+                <label for="email">Adresse mail</label>
+                <input type="email" id="email" name="email" placeholder="ex : username@example.com" required
+                    placeholder=" ">
+            </div>
+            <div class="form-group">
+                <label for="password">Mot de passe</label>
+                <input type="password" id="password" name="password" required placeholder=" ">
+            </div>
+            <div class="form-group">
+                <label for="password">Confirmation du mot de passe</label>
+                <input type="password" id="password-bis" name="password-bis" required placeholder=" ">
+            </div>
+            <!-- <div class="form-group remember-me">
+                <input type="checkbox" id="remember-me" name="remember-me">
+                <label for="remember-me">Se souvenir de moi</label>
+            </div> -->
+            <div class="form-group forgot-password">
+                <!-- <a href="#">Mot de passe oublié ?</a>-->
+            </div>
+            <button type="submit" class="submit-button" onclick="verifMDP()"><i class="fas fa-sign-in-alt"></i>
+                Créer un compte</i></button>
+        </form>
+        <p class="no-account">Vous avez déjà un compte ? <a href="../login">Connectez-vous !</a></p>
+    </div>
+
+    <?php include ('../../views/footer.php'); ?>
+
+</body>
+
+</html>
\ No newline at end of file
