BiryaniHubflask

Runtime error

App Files Files Community

DSatishchandra

geethareddy commited on Mar 13

Commit

b36806d

verified ·

1 Parent(s): af41c8c

Update templates/edit_profile.html (#8)

Browse files

- Update templates/edit_profile.html (50524b596ee2abb2272dd0cc02abb8b4829b862a)

Co-authored-by: geetha <[email protected]>

Files changed (1) hide show

templates/edit_profile.html +44 -20

templates/edit_profile.html CHANGED Viewed

@@ -3,46 +3,70 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Edit Profile</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
 </head>
 <body>
     <div class="container mt-4">
-        <h1>Edit Profile</h1>
-        <!-- Display success or error messages -->
-        {% with messages = get_flashed_messages(with_categories=true) %}
-            {% if messages %}
-                <div class="alert alert-{{ messages[0][0] }}">
-                    {{ messages[0][1] }}
-                </div>
-            {% endif %}
-        {% endwith %}
         <form method="POST">
             <div class="mb-3">
-                <label for="name" class="form-label">Full Name</label>
-                <input type="text" class="form-control" id="name" name="name" value="{{ user_name }}" required>
             </div>
             <div class="mb-3">
-                <label for="email" class="form-label">Email address</label>
-                <input type="email" class="form-control" id="email" name="email" value="{{ user_email }}" required>
             </div>
             <div class="mb-3">
-                <label for="phone" class="form-label">Phone Number</label>
-                <input type="tel" class="form-control" id="phone" name="phone" value="{{ user_phone }}" required>
             </div>
             <div class="mb-3">
-                <label for="password" class="form-label">New Password (Optional)</label>
-                <input type="password" class="form-control" id="password" name="password" placeholder="Leave blank to keep the current password">
             </div>
             <button type="submit" class="btn btn-primary">Update Profile</button>
         </form>
-    </div>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]-alpha1/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Update Profile</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        .back-to-menu {
+            display: block;
+            margin: 30px auto 10px auto;
+            padding: 10px 20px;
+            background-color: #ff5722;
+            color: #ffffff;
+            border: none;
+            border-radius: 25px;
+            font-size: 1rem;
+            font-weight: bold;
+            text-align: center;
+            text-decoration: none;
+            width: 100%;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            transition: background-color 0.3s ease;
+        }
+        .back-to-menu:hover {
+            background-color: #e64a19;
+            text-decoration: none;
+        }
+    </style>
 </head>
 <body>
     <div class="container mt-4">
+        <h1>Update Profile</h1>
         <form method="POST">
             <div class="mb-3">
+                <label for="customerName" class="form-label"><strong>Name:</strong></label>
+                <input type="text" class="form-control" id="customerName" name="customerName" value="{{ customer['name'] }}" readonly>
+                <button type="button" class="btn btn-outline-secondary mt-2" onclick="enableEditField('customerName')">Change</button>
             </div>
             <div class="mb-3">
+                <label for="email" class="form-label"><strong>Email:</strong></label>
+                <input type="email" class="form-control" id="email" name="email" value="{{ customer['email'] }}" readonly>
+                <button type="button" class="btn btn-outline-secondary mt-2" onclick="enableEditField('email')">Change</button>
             </div>
             <div class="mb-3">
+                <label for="phone" class="form-label"><strong>Phone:</strong></label>
+                <input type="text" class="form-control" id="phone" name="phone" value="{{ customer['phone'] }}" readonly>
+                <button type="button" class="btn btn-outline-secondary mt-2" onclick="enableEditField('phone')">Change</button>
             </div>
             <div class="mb-3">
+                <label for="referralCode" class="form-label"><strong>Referral Code:</strong></label>
+                <input type="text" class="form-control" id="referralCode" name="referralCode" value="{{ customer['referral_code'] }}" readonly>
+                <button type="button" class="btn btn-outline-secondary mt-2" onclick="enableEditField('referralCode')">Change</button>
+            </div>
+            <div class="mb-3">
+                <label for="rewardPoints" class="form-label"><strong>Reward Points:</strong></label>
+                <input type="text" class="form-control" id="rewardPoints" name="rewardPoints" value="{{ customer['reward_points'] }}" readonly>
+                <button type="button" class="btn btn-outline-secondary mt-2" onclick="enableEditField('rewardPoints')">Change</button>
             </div>
             <button type="submit" class="btn btn-primary">Update Profile</button>
         </form>
+        <a href="/menu" class="back-to-menu">Back to Menu</a>
+    </div>
 </body>
 </html>