Création des utilisateurs

.gitignore

@@ -23,3 +23,5 @@
 /public/assets/
 /assets/vendor/
 ###< symfony/asset-mapper ###
+
+.htaccess

assets/styles/index.css

@@ -175,3 +175,20 @@ header .auth {
      border-bottom:2px solid rgb(70, 70, 231);
 }
 
+.randoms {
+     width:100%;
+     display: flex;
+     align-items:center;
+     justify-content:center;
+}
+
+.random {
+     width:30px;height:30px;
+     font-weight:bold;
+     border-radius:50%;
+     font-size:14px;
+     text-align:center;
+     color:white;
+     opacity:0.8;
+}
+

assets/styles/logins.css

@@ -0,0 +1,105 @@
+body, html {
+     height: 100%;
+     margin: 0;
+     font-family: Arial, sans-serif;
+}
+
+.container {
+    position:absolute;
+    top:50%;
+    left:50%;
+    transform:translate(-50%,-50%);
+    display: flex;
+    height: 80vh;
+    box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
+}
+
+.left-panel {
+    background-color: #4CAF50; 
+    color: white;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 20px;
+}
+
+.left-panel h1 {
+    font-size: 3em;
+    margin: 0;
+}
+
+.left-panel p {
+    font-size: 1.2em;
+    text-align: center;
+    margin-top: 10px;
+    max-width: 300px;
+}
+
+.right-panel {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.login-form {
+    width: 100%;
+    max-width: 300px;
+    padding: 20px;
+    box-sizing: border-box;
+    background: white;
+    border-radius: 10px;
+    text-align: center;
+}
+
+.login-form h2 {
+    margin-bottom: 20px;
+    color: #4CAF50; /* Changer la couleur pour un vert */
+}
+
+.form-group {
+    margin-bottom: 15px;
+    text-align: left;
+}
+
+.form-group label {
+    display: block;
+    margin-bottom: 5px;
+}
+
+.form-group input {
+    width: 100%;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    box-sizing: border-box;
+}
+
+button {
+    background-color: #4CAF50; /* Changer la couleur pour un vert */
+    color: white;
+    padding: 10px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    width: 100%;
+    font-size: 1em;
+    margin-top: 10px;
+}
+
+button:hover {
+    background-color: #388E3C; /* Couleur plus foncée pour le survol */
+}
+
+a {
+    color: #4CAF50; /* Changer la couleur pour un vert */
+    text-decoration: none;
+    display: block;
+    margin-top: 10px;
+}
+
+a:hover {
+    text-decoration: underline;
+}

assets/styles/profil.css

@@ -0,0 +1,96 @@
+.containers {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+    font-family: Arial, sans-serif;
+}
+
+.profile-card {
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.1);
+    text-align: center;
+    width: 550px;
+    position: relative;
+}
+
+.profile-card::before {
+    content: '€';
+    position: absolute;
+    top:-5%;
+    right:-2%;
+    padding:8px 15px;
+    border:2px solid white;
+    box-shadow:0 0 7px rgba(0, 0, 0, 0.4);
+    color:white;
+    font-size:14px;
+    font-weight:bolder;
+    border-radius:50%;
+    background-color: #3da342;
+}
+
+.profile-header {
+    background: #4caf50; /* Green background for header */
+    padding: 15px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.profile-button {
+    background: none;
+    border: none;
+    color: #fff;
+    cursor: pointer;
+    font-weight: bold;
+}
+
+.profile-content {
+    padding: 20px;
+}
+
+.profile-pic {
+    width:100px;
+    height:100px;
+    border-radius: 50%;
+    border: 5px solid #fff;
+    margin-top: -50px;
+}
+
+h2 {
+    font-family: Arial, Helvetica, sans-serif;
+    margin: 10px 0 5px;
+}
+
+.profile-stats {
+    display: flex;
+    justify-content: space-around;
+    margin: 20px 0;
+}
+
+.profile-stats div {
+    text-align: center;
+}
+
+.profile-stats span {
+    display: block;
+    font-weight: bold;
+    font-size: 18px;
+}
+
+.show-more {
+    text-decoration:none;
+    background: linear-gradient(90deg,#7dc77f, #3da342); /* Green button */
+    border: none;
+    color: #fff;
+    cursor: pointer;
+    padding: 10px 20px;
+    border-radius: 20px;
+    font-size: 16px;
+    margin-top: 10px;
+}
+
+.show-more:hover {
+    background: #45a049; /* Darker green on hover */
+}

assets/styles/register.css

@@ -0,0 +1,123 @@
+@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap");
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Poppins", sans-serif;
+}
+
+.registration {
+  position: absolute;
+  top:15%;
+  max-height:100vh;
+  left: 20%;
+  transition: all 0.5s ease;
+
+}
+
+.wrapper {
+  width:calc(100% - 240px);
+  background: #fff;
+  padding: 34px;
+  border-radius: 6px;
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}
+
+.wrapper h2 {
+  position: relative;
+  font-size: 22px;
+  font-weight: 600;
+  color: #333;
+}
+
+.wrapper h2::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 3px;
+  width: 28px;
+  border-radius: 12px;
+  background: #4070f4;
+}
+
+.wrapper form {
+  margin-top: 30px;
+}
+
+.wrapper form .input-box {
+  height: 52px;
+  margin: 18px 0;
+}
+
+select {
+  height: 80%;
+  width: 80%;
+  outline: none;
+  padding: 0 15px;
+  font-size: 17px;
+  font-weight: 400;
+  color: #333;
+  border: 1.5px solid #c7bebe;
+  border-bottom-width: 2.5px;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+}
+
+form .input-box input {
+  height: 80%;
+  width: 80%;
+  outline: none;
+  padding: 0 15px;
+  font-size: 17px;
+  font-weight: 400;
+  color: #333;
+  border: 1.5px solid #c7bebe;
+  border-bottom-width: 2.5px;
+  border-radius: 6px;
+  transition: all 0.3s ease;
+}
+
+.input-box input:focus {
+  border-color: #4070f4;
+}
+
+form .policy {
+  display: flex;
+  align-items: center;
+}
+
+form h3 {
+  color: #707070;
+  font-size: 14px;
+  font-weight: 500;
+  margin-left: 10px;
+}
+
+.input-box.button input {
+  color: #fff;
+  letter-spacing: 1px;
+  border: none;
+  background: #4070f4;
+  cursor: pointer;
+}
+
+.input-box.button input:hover {
+  background: #0e4bf1;
+}
+
+form .text h3 {
+  color: #333;
+  width: 100%;
+  text-align: center;
+}
+
+form .text h3 a {
+  color: #4070f4;
+  text-decoration: none;
+}
+
+form .text h3 a:hover {
+  text-decoration: underline;
+}

config/packages/security.yaml

@@ -4,14 +4,31 @@ security:
         Symfony\Component\Security\Core\User\PasswordAuthenticatedUserInterface: 'auto'
     # https://symfony.com/doc/current/security.html#loading-the-user-the-user-provider
     providers:
-        users_in_memory: { memory: null }
+        # used to reload user from session & other features (e.g. switch_user)
+        app_user_provider:
+            entity:
+                class: App\Entity\User
+                property: email
     firewalls:
         dev:
             pattern: ^/(_(profiler|wdt)|css|images|js)/
             security: false
         main:
             lazy: true
-            provider: users_in_memory
+            provider: app_user_provider
+            custom_authenticator: App\Security\AppAuthenticator
+            logout:
+                path: app.logout
+                # where to redirect after logout
+                target: app.login
+
+            remember_me:
+                secret: '%kernel.secret%'
+                lifetime: 604800
+                path: /
+                # by default, the feature is enabled by checking a checkbox in the
+                # login form, uncomment the following line to always enable it.
+                #always_remember_me: true
 
             # activate different ways to authenticate
             # https://symfony.com/doc/current/security.html#the-firewall

config/packages/twig.yaml

@@ -1,5 +1,7 @@
 twig:
     file_name_pattern: '*.twig'
+    globals: 
+        user: '@App\Services\GetUser'
 
 when@test:
     twig: