first commit

views/profile/index.ejs

@@ -0,0 +1,72 @@
+<% title = 'Profile'; %>
+<% include ../layouts/main.ejs %>
+<div class="row justify-content-center">
+  <div class="col-md-6">
+    <div class="card shadow">
+      <div class="card-body p-4">
+        <h3 class="card-title mb-4">My Profile</h3>
+        <div class="mb-3">
+          <label class="form-label fw-bold">Email</label>
+          <p class="form-control-plaintext"><%= user.email %></p>
+        </div>
+        <div class="mb-3">
+          <label class="form-label fw-bold">Display Name</label>
+          <input type="text" class="form-control" id="displayName" value="<%= user.displayName || '' %>">
+        </div>
+        <div class="mb-3">
+          <label class="form-label fw-bold">Phone</label>
+          <input type="tel" class="form-control" id="phone" value="<%= user.phone || '' %>">
+        </div>
+        <div class="mb-3">
+          <label class="form-label fw-bold">Role</label>
+          <p class="form-control-plaintext"><%= user.role %></p>
+        </div>
+        <div class="mb-3">
+          <label class="form-label fw-bold">Email Verified</label>
+          <p class="form-control-plaintext"><%= user.emailVerifiedAt ? 'Yes' : 'No' %></p>
+        </div>
+        <div class="mb-3">
+          <label class="form-label fw-bold">Member Since</label>
+          <p class="form-control-plaintext"><%= new Date(user.createdAt).toLocaleDateString() %></p>
+        </div>
+        <button class="btn btn-primary w-100" onclick="updateProfile()">Save Changes</button>
+        <div id="message" class="alert d-none mt-3"></div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  async function updateProfile() {
+    const token = localStorage.getItem('access_token');
+    if (!token) { window.location.href = '/login'; return; }
+    try {
+      const res = await fetch('/api/auth/profile/update', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${token}`,
+        },
+        body: JSON.stringify({
+          displayName: document.getElementById('displayName').value,
+          phone: document.getElementById('phone').value,
+        }),
+      });
+      const data = await res.json();
+      const msg = document.getElementById('message');
+      if (res.ok) {
+        msg.className = 'alert alert-success';
+        msg.textContent = 'Profile updated!';
+      } else {
+        msg.className = 'alert alert-danger';
+        msg.textContent = data.message || 'Update failed';
+      }
+      msg.classList.remove('d-none');
+    } catch {
+      const msg = document.getElementById('message');
+      msg.className = 'alert alert-danger';
+      msg.textContent = 'Network error';
+      msg.classList.remove('d-none');
+    }
+  }
+</script>