From f511e999feb33d6a153e7d425944d3b779ecee3c Mon Sep 17 00:00:00 2001
From: Mathis Degryck <madegryc@1G4.42angouleme.fr>
Date: Fri, 27 Sep 2024 18:34:24 +0200
Subject: [PATCH] Site :     - Add popup delete account     - Fix change
 username - email     - Fix color profil dash and history

---
 .../server/server/templates/settingsPage.html | 21 ++++---
 .../nginx/static/style/profilPage/profil.css  |  4 +-
 .../nginx/static/style/settings/settings.css  | 58 +++++++++++++++++++
 3 files changed, 72 insertions(+), 11 deletions(-)

diff --git a/docker-compose/requirements/djangoserver/file/server/server/templates/settingsPage.html b/docker-compose/requirements/djangoserver/file/server/server/templates/settingsPage.html
index a1552d4..f47e137 100644
--- a/docker-compose/requirements/djangoserver/file/server/server/templates/settingsPage.html
+++ b/docker-compose/requirements/djangoserver/file/server/server/templates/settingsPage.html
@@ -9,9 +9,21 @@
 		<p>Logout</p>
 	</div>
 </div>
+<div class="popup-background-delete" id="popup-background-delete">
+   <div class="popup-delete">
+    <h1>Are you sure you want to delete tour account ?</h1>
+    <input type="text" id="username-delete" placeholder="Username">
+    <button class="delete-btn" id="deleteButton">Delete the account</button>
+   </div>
+</div>
 <div id="settingsBody">
     <div class="container-settings">
         <div class="left-section">
+            <div class="form-group-settings">
+                <label for="email">Email</label>
+                <input type="email" id="email" placeholder="Email">
+            </div>
+
             <div class="form-group-settings">
                 <label for="username">Username</label>
                 <input type="text" id="username" placeholder="Username">
@@ -21,15 +33,6 @@
                 </div>
             </div>
 
-            <div class="form-group-settings">
-                <label for="email">Email</label>
-                <input type="email" id="email" placeholder="Email">
-                <div class="form-footer">
-                    <small>You have changed your email, you can modify it here.</small>
-                    <button class="save-btn-settings">SAVE</button>
-                </div>
-            </div>
-
             <div class="form-group-settings">
                 <label for="discord">Discord</label>
                 <input type="text" id="discord" placeholder="Discord">
diff --git a/docker-compose/requirements/nginx/static/style/profilPage/profil.css b/docker-compose/requirements/nginx/static/style/profilPage/profil.css
index de6d27f..3a87e12 100644
--- a/docker-compose/requirements/nginx/static/style/profilPage/profil.css
+++ b/docker-compose/requirements/nginx/static/style/profilPage/profil.css
@@ -105,7 +105,7 @@
 }
 
 #profil .dashboard {
-    background-color: #D3D3D3;
+    background-color: white;
     width: 48%;
     height: 42vh;
     padding: 20px;
@@ -113,7 +113,7 @@
 }
 
 #profil .history {
-    background-color: #D3D3D3;
+    background-color: white;
     width: 48%;
     height: 42vh;
     padding: 20px;
diff --git a/docker-compose/requirements/nginx/static/style/settings/settings.css b/docker-compose/requirements/nginx/static/style/settings/settings.css
index b7985ba..56c2ac5 100644
--- a/docker-compose/requirements/nginx/static/style/settings/settings.css
+++ b/docker-compose/requirements/nginx/static/style/settings/settings.css
@@ -10,6 +10,64 @@
     font-style: normal;
 }
 
+/* POUR EDDY : POPUP DELETE ACCOUNT ICI NONE -> FLEX, BE CAREFULL CHANGE DE FUNCTIONNALITY OF THE FIRST BUTTON FOR NOT DELETE THE ACCOUNT */
+
+.popup-background-delete {
+	display: none;
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background-color: rgba(0, 0, 0, 0.5);
+	justify-content: center;
+	align-items: center;
+	z-index: 700;
+}
+
+.popup-delete {
+    display: none;
+    flex-direction: column;
+	background-color: #020202;
+    color: white;
+	padding: 20px;
+	text-align: center;
+    justify-content: center;
+    align-items: center;
+}
+
+.popup-delete h1{
+    margin: 20px;
+    font-size: 25px;
+}
+
+.popup-delete input {
+    width: 70%;
+    padding: 20px;
+    margin: 20px;
+    /* margin-bottom: 5px; */
+    border: none;
+    background-color: white;
+    font-family: "Poppins", sans-serif;
+    font-weight: 500;
+    font-style: normal;
+}
+
+.popup-delete button.delete-btn {
+    padding: 20px;
+    margin-top: 20px;
+    width: 50%;
+    background-color: #D94343;
+    color: white;
+    border: none;
+    cursor: pointer;
+    transition: 0.3s ease;
+}
+
+.popup-delete button.delete-btn:hover {
+    transform: scale(1.1);
+}
+
 #settingsBody .container-settings {
     display: grid;
     grid-template-columns: 1fr 1fr;