05/24 Enhance functionalities 2

templates/profile.html

@@ -0,0 +1,39 @@
+{% extends "base.html" %}
+{% block title %}My Profile — Website Checker{% endblock %}
+{% block content %}
+<div class="page-header">
+  <h1 class="page-title">My Profile</h1>
+</div>
+
+<div style="max-width:480px">
+  <div class="card">
+    <div class="card-header"><span class="card-title">Account Details</span></div>
+    <form method="post" action="{{ url_for('auth.profile') }}">
+      <div class="modal-body">
+        <div class="form-group">
+          <label class="form-label">Username</label>
+          <input class="form-control" value="{{ session['user']['username'] }}" disabled>
+          <small class="text-muted">Username cannot be changed. Contact an admin if needed.</small>
+        </div>
+        <div class="form-group">
+          <label class="form-label">Full Name</label>
+          <input class="form-control" name="full_name"
+                 value="{{ session['user']['full_name'] or '' }}"
+                 placeholder="Your full name">
+        </div>
+        <div class="form-group">
+          <label class="form-label">Email Address</label>
+          <input class="form-control" type="email" name="email"
+                 value="{{ session['user']['email'] or '' }}"
+                 placeholder="your@email.com">
+          <small class="text-muted">Used for password resets and notifications.</small>
+        </div>
+      </div>
+      <div class="modal-footer">
+        <a href="{{ url_for('auth.change_password_view') }}" class="btn btn-ghost">🔑 Change Password</a>
+        <button type="submit" class="btn btn-primary">Save Changes</button>
+      </div>
+    </form>
+  </div>
+</div>
+{% endblock %}