CLIENT

2024-10-03 11:54:58 +02:00
parent 6207f39226
commit 7eee8c25a3
7 changed files with 205 additions and 0 deletions
--- a/Site_Client/client_info_clients.html
+++ b/Site_Client/client_info_clients.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Information des clients</title>
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <style>
+        .w3-modal {
+            display: none;
+        }
+    </style>
+</head>
+<body>
+
+<!-- Conteneur principal -->
+<div class="w3-container">
+    <header class="w3-bar w3-light-grey">
+        <button class="w3-bar-item w3-button w3-left" onclick="location.href='client_portefeuilles.html'">Retour</button>
+        <h2 class="w3-bar-item w3-center">Information des clients</h2>
+    </header>
+
+    <!-- Formulaire d'informations client -->
+    <div class="w3-card w3-margin">
+        <div class="w3-container">
+            <h3>Vos informations</h3>
+            <label>Nom :</label>
+            <input class="w3-input w3-border" type="text" value="...">
+
+            <label class="w3-margin-top">Prénom :</label>
+            <input class="w3-input w3-border" type="text" value="...">
+
+            <label class="w3-margin-top">Date de naissance :</label>
+            <input class="w3-input w3-border" type="date" value="...">
+
+            <label class="w3-margin-top">Mail :</label>
+            <input class="w3-input w3-border" type="email" value="...">
+
+            <label class="w3-margin-top">Adresse :</label>
+            <input class="w3-input w3-border" type="text" value="...">
+
+            <!-- Changer avatar -->
+            <label class="w3-margin-top">Changer l'avatar :</label>
+            <div class="w3-container">
+                <img src="avatar_placeholder.png" alt="Avatar" class="w3-circle" style="width:80px">
+                <button class="w3-button w3-grey">Changer</button>
+            </div>
+
+            <!-- Bouton de confirmation -->
+            <button class="w3-button w3-green w3-margin-top" onclick="document.getElementById('confirmModal').style.display='block'">Confirmer les changements</button>
+        </div>
+    </div>
+
+    <!-- Pop-up de confirmation -->
+    <div id="confirmModal" class="w3-modal">
+        <div class="w3-modal-content w3-animate-top w3-card">
+            <header class="w3-container w3-blue">
+                <button class="w3-button w3-display-topright" onclick="location.href='client_portefeuilles.html'">Fermer le pop-up</button>
+            </header>
+            <div class="w3-container">
+                <p>Changement de vos données : accorder</p>
+            </div>
+        </div>
+    </div>
+
+</div>
+
+</body>
+</html>
+