Update templates/menu.html

templates/menu.html

@@ -545,7 +545,7 @@ form-check-input addon-option{
 
  <div class="fixed-top-bar">
     <!-- Avatar and Dropdown -->
-    <div class="avatar-dropdown-container">
+    <!-- <div class="avatar-dropdown-container">
         <div class="avatar-icon">
             <span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
         </div>
@@ -555,8 +555,25 @@ form-check-input addon-option{
             <a href="{{ url_for('orderhistory.order_history') }}" class="dropdown-item">Order History</a>
             <a href="{{ url_for('logout') }}" class="dropdown-item">Logout</a>
         </div>
+    </div> -->
+  <div class="profile-container">
+    <div class="avatar-icon" onclick="window.location.href='{{ url_for('user_details.customer_details') }}'">
+        <span>{{ first_letter }}</span> <!-- Display the first letter of the customer's name -->
     </div>
 
+    <!-- Options Section for Profile, Rewards, and Referral Code -->
+    <div class="profile-options">
+        <h3>Welcome, {{ user_name }}!</h3>
+        <ul>
+            <li><a href="{{ url_for('user_details.customer_details') }}">View Profile</a></li>
+            <li><a href="{{ url_for('rewards') }}">Rewards</a></li>
+            <li><a href="{{ url_for('referral_code') }}">Referral Code</a></li>
+            <li><a href="{{ url_for('logout') }}">Logout</a></li>
+        </ul>
+    </div>
+</div>
+
+
     <!-- Search Bar Section -->
     <div class="search-bar-container">
         <input type="text" id="searchBar" class="form-control" placeholder="Search items or sections..." onkeyup="filterMenu()">