Fix the code

Author: AMZheleva21

My_path_team9/student/templates/settings.html

@@ -187,14 +187,16 @@ <h1 class="page-title">Student Settings</h1>
     <p class="page-subtitle">Manage your account and preferences</p>
   </div>
 
-  <!-- Personal Information Card -->
-  <div class="settings-card">
-    <div class="card-header">
-      <div class="card-icon">📝</div>
-      <h2 class="card-title">Personal Information</h2>
-    </div>
-    <form method="POST" class="enhanced-form">
-      {{ form.hidden_tag() }}
+  <!-- BEGIN FORM -->
+  <form method="POST" class="enhanced-form">
+    {{ form.hidden_tag() }}
+
+    <!-- Personal Information Card -->
+    <div class="settings-card">
+      <div class="card-header">
+        <div class="card-icon">📝</div>
+        <h2 class="card-title">Personal Information</h2>
+      </div>
       <div class="form-group">
         <label for="username" class="form-label">Username</label>
         {{ form.username(class="form-input", placeholder="Enter your username") }}
@@ -203,16 +205,14 @@ <h2 class="card-title">Personal Information</h2>
         <label for="email" class="form-label">Email Address</label>
         {{ form.email(class="form-input", placeholder="Enter your email address") }}
       </div>
-    </form>
-  </div>
-
-  <!-- Password Change Card -->
-  <div class="settings-card">
-    <div class="card-header">
-      <div class="card-icon">🔒</div>
-      <h2 class="card-title">Change Password</h2>
     </div>
-    <form method="POST" class="enhanced-form" id="password-form">
+
+    <!-- Password Change Card -->
+    <div class="settings-card">
+      <div class="card-header">
+        <div class="card-icon">🔒</div>
+        <h2 class="card-title">Change Password</h2>
+      </div>
       <div class="form-group">
         <label for="current_password" class="form-label">Current Password</label>
         {{ form.current_password(class="form-input", placeholder="Enter your current password") }}
@@ -225,12 +225,16 @@ <h2 class="card-title">Change Password</h2>
         <label for="confirm_password" class="form-label">Confirm New Password</label>
         {{ form.confirm_password(class="form-input", placeholder="Confirm your new password") }}
       </div>
-      <div class="submit-section">
-        <button type="submit" class="submit-button">
-          {{ form.submit.label.text }}
-        </button>
-      </div>
-    </form>
-  </div>
+    </div>
+
+    <!-- Submit Button -->
+    <div class="submit-section">
+      <button type="submit" class="submit-button">
+        {{ form.submit.label.text }}
+      </button>
+    </div>
+  </form>
+  <!-- END FORM -->
 </div>
+
 {% endblock %}

My_path_team9/teacher/templates/settings_teacher.html

@@ -243,16 +243,16 @@ <h1 class="page-title">Teacher Settings</h1>
     <p class="page-subtitle">Manage your account and preferences</p>
   </div>
 
-  <!-- Personal Information Card -->
-  <div class="settings-card">
-    <div class="card-header">
-      <div class="card-icon">👤</div>
-      <h2 class="card-title">Personal Information</h2>
-    </div>
+  <form method="POST" class="enhanced-form">
+    {{ form.hidden_tag() }}
+
+    <!-- Personal Information Card -->
+    <div class="settings-card">
+      <div class="card-header">
+        <div class="card-icon">👤</div>
+        <h2 class="card-title">Personal Information</h2>
+      </div>
 
-    <form method="POST" class="enhanced-form">
-      {{ form.hidden_tag() }}
-      
       <div class="form-group">
         <label for="username" class="form-label">Username</label>
         {{ form.username(class="form-input", placeholder="Enter your username") }}
@@ -262,17 +262,15 @@ <h2 class="card-title">Personal Information</h2>
         <label for="email" class="form-label">Email Address</label>
         {{ form.email(class="form-input", placeholder="Enter your email address") }}
       </div>
-    </form>
-  </div>
-
-  <!-- Password Change Card -->
-  <div class="settings-card">
-    <div class="card-header">
-      <div class="card-icon">🔒</div>
-      <h2 class="card-title">Change Password</h2>
     </div>
 
-    <form method="POST" class="enhanced-form" id="password-form">
+    <!-- Password Change Card -->
+    <div class="settings-card">
+      <div class="card-header">
+        <div class="card-icon">🔒</div>
+        <h2 class="card-title">Change Password</h2>
+      </div>
+
       <div class="form-group">
         <label for="current_password" class="form-label">Current Password</label>
         {{ form.current_password(class="form-input", placeholder="Enter your current password") }}
@@ -287,17 +285,19 @@ <h2 class="card-title">Change Password</h2>
         <label for="confirm_password" class="form-label">Confirm New Password</label>
         {{ form.confirm_password(class="form-input", placeholder="Confirm your new password") }}
       </div>
+    </div>
 
-      <div class="submit-section">
-        <button type="submit" class="submit-button">
-          <i data-lucide="save" style="width: 18px; height: 18px;"></i>
-          {{ form.submit.label.text }}
-        </button>
-      </div>
-    </form>
-  </div>
+    <!-- Submit Button -->
+    <div class="submit-section">
+      <button type="submit" class="submit-button">
+        <i data-lucide="save" style="width: 18px; height: 18px;"></i>
+        {{ form.submit.label.text }}
+      </button>
+    </div>
+  </form>
 </div>
 
+
 <script>
 // Initialize Lucide icons
 lucide.createIcons();