First pass refactor of profile.html to add separate email update section

Author: chriscarrollsmith

routers/user.py

@@ -16,15 +16,13 @@
 class UpdateProfile(BaseModel):
     """Request model for updating user profile information"""
     name: str
-    email: EmailStr
     avatar_file: Optional[bytes] = None
     avatar_content_type: Optional[str] = None
 
     @classmethod
     async def as_form(
         cls,
         name: str = Form(...),
-        email: EmailStr = Form(...),
         avatar_file: Optional[UploadFile] = File(None),
     ):
         avatar_data = None
@@ -36,7 +34,6 @@ async def as_form(
 
         return cls(
             name=name,
-            email=email,
             avatar_file=avatar_data,
             avatar_content_type=avatar_content_type
         )
@@ -73,7 +70,6 @@ async def update_profile(
 
     # Update user details
     user.name = user_profile.name
-    user.email = user_profile.email
 
     if user_profile.avatar_file:
         user.avatar_data = user_profile.avatar_file

templates/users/profile.html

@@ -40,10 +40,6 @@ <h1 class="mb-4">User Profile</h1>
                     <label for="name" class="form-label">Name</label>
                     <input type="text" class="form-control" id="name" name="name" value="{{ user.name }}">
                 </div>
-                <div class="mb-3">
-                    <label for="email" class="form-label">Email</label>
-                    <input type="email" class="form-control" id="email" name="email" value="{{ user.email }}">
-                </div>
                 <div class="mb-3">
                     <label for="avatar_file" class="form-label">Avatar</label>
                     <input type="file" class="form-control" id="avatar_file" name="avatar_file" accept="image/*">
@@ -62,13 +58,29 @@ <h1 class="mb-4">User Profile</h1>
         </div>
     </div>
 
+    <!-- New Email Update Section -->
+    <div class="card mb-4">
+        <div class="card-header">
+            Update Email
+        </div>
+        <div class="card-body">
+            <form action="{{ url_for('request_email_update') }}" method="post">
+                <div class="mb-3">
+                    <label for="new_email" class="form-label">New Email Address</label>
+                    <input type="email" class="form-control" id="new_email" name="new_email" value="{{ user.email }}">
+                </div>
+                <p class="form-text">A confirmation link will be sent to your new email address to verify the change.</p>
+                <button type="submit" class="btn btn-primary">Update Email</button>
+            </form>
+        </div>
+    </div>
+
     <!-- Change Password -->
     <div class="card mb-4">
         <div class="card-header">
             Change Password
         </div>
         <div class="card-body">
-            <!-- TODO: Trigger password reset via email confirmation -->
             <form action="{{ url_for('forgot_password') }}" method="post">
                 <input type="hidden" name="email" value="{{ user.email }}">
                 <p>To change your password, please confirm your email. A password reset link will be sent to your email address.</p>