<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Edit Profile - <%= user.name %></title>
  <link rel="stylesheet" href="/css/editprofile.css">
</head>
<body>
  <header>
    <h1>Edit Your Profile</h1>
    <nav>
      <a href="/">Home</a>
      <a href="/profile">Back to Profile</a>
      <a href="/logout">Logout</a>
    </nav>
  </header>

  <section class="profile-container">
    <h2>Edit Your Information</h2>

    <form action="/edit-profile" method="POST">
      <div class="form-group">
        <label for="name">Name</label>
        <input type="text" id="name" name="name" value="<%= user.name %>" required>
      </div>
      
      <div class="form-group">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" value="<%= user.email %>" required>
      </div>

      <div class="form-group">
        <label for="password">New Password </label>
        <input type="password" id="password" name="password">
      </div>

      <button type="submit" class="btn-edit">Save Changes</button>
    </form>
  </section>

  <footer>
    <p>&copy; 2025 Tour Website</p>
  </footer>
</body>
</html>
