Edit profile and templates update

templates/user/edit/change_password.html

@@ -0,0 +1,48 @@
+<div class="bg-white rounded-lg shadow-md border border-gray-200 p-8">
+    <h2 class="text-xl font-semibold text-gray-900 mb-6">Change Password</h2>
+
+    <form hx-post="/password"
+          hx-target="#password-messages"
+          hx-swap="innerHTML"
+          class="space-y-4">
+        <div>
+            <label for="current_password"
+                   class="block text-sm font-medium text-gray-700 mb-2">Current password</label>
+            <input type="password"
+                   id="current_password"
+                   name="current_password"
+                   required
+                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500"/>
+        </div>
+        <div>
+            <label for="new_password"
+                   class="block text-sm font-medium text-gray-700 mb-2">New password</label>
+            <input type="password"
+                   id="new_password"
+                   name="new_password"
+                   required
+                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500"/>
+        </div>
+        <div>
+            <label for="new_password_check"
+                   class="block text-sm font-medium text-gray-700 mb-2">Confirm new password</label>
+            <input type="password"
+                   id="new_password_check"
+                   name="new_password_check"
+                   required
+                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-green-500 focus:border-green-500"/>
+        </div>
+        <button type="submit"
+                class="w-full bg-green-600 text-white hover:bg-green-700 font-medium py-3 px-4 rounded-md transition-colors flex items-center justify-center">
+            <svg class="w-4 h-4 mr-2"
+                 fill="none"
+                 viewBox="0 0 24 24"
+                 stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                      d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
+            </svg>
+            Update password
+        </button>
+        <div id="password-messages" class="mt-4"></div>
+    </form>
+</div>

templates/user/edit/update_profile.html

@@ -0,0 +1,53 @@
+<div class="bg-white rounded-lg shadow-md border border-gray-200 p-8">
+    <h2 class="text-xl font-semibold text-gray-900 mb-6">Profile Information</h2>
+
+    <form hx-put="/users/{{ user.username }}/edit"
+          hx-target="#edit-messages"
+          hx-swap="innerHTML"
+          class="space-y-6">
+
+        <div>
+            <label for="username" class="block text-sm font-medium text-gray-700 mb-1">
+                Username
+            </label>
+            <input type="text"
+                   name="username"
+                   id="username"
+                   value="{{ user.username }}"
+                   class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+        </div>
+
+        <div>
+            <label for="full_name" class="block text-sm font-medium text-gray-700 mb-1">
+                Full Name
+            </label>
+            <input type="text"
+                   id="full_name"
+                   name="full_name"
+                   value="{{ user.full_name.as_deref().unwrap_or("") }}"
+            placeholder="John Doe"
+            class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
+            <p class="mt-1 text-xs text-gray-500">Your real name (optional)</p>
+        </div>
+
+        <div>
+            <label for="bio" class="block text-sm font-medium text-gray-700 mb-1">
+                Bio
+            </label>
+            <textarea id="bio"
+                      name="bio"
+                      rows="4"
+                      maxlength="500"
+                      placeholder="Tell us about yourself..."
+                      class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">{{ user.bio.as_deref().unwrap_or("") }}</textarea>
+            <p class="mt-1 text-xs text-gray-500">Maximum 500 characters</p>
+        </div>
+
+        <button type="submit"
+                class="w-full bg-blue-600 text-white hover:bg-blue-700 font-medium py-2 px-4 rounded-md transition-colors">
+            Save Changes
+        </button>
+
+        <div id="edit-messages"></div>
+    </form>
+</div>