<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= title %></title>
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/admin.css">
</head>
<body>
  <%- include('partials/admin-nav') %>
  
  <div class="admin-container">
    <h1>Edit About Page</h1>
    
    <form action="/admin/about" method="POST" class="admin-form">
      <div class="form-group">
        <label for="title">Page Title</label>
        <input type="text" id="title" name="title" value="<%= page.title %>" required>
      </div>

      <div class="form-group">
        <label for="content">About Content</label>
        <textarea id="content" name="content" rows="6" required><%= page.content %></textarea>
      </div>

      <div class="form-group">
        <label for="mission">Mission Statement</label>
        <textarea id="mission" name="mission" rows="3" required><%= page.mission %></textarea>
      </div>

      <div class="form-group">
        <label for="vision">Vision Statement</label>
        <textarea id="vision" name="vision" rows="3" required><%= page.vision %></textarea>
      </div>

      <div class="form-actions">
        <button type="submit" class="btn btn-primary">Save Changes</button>
        <a href="/admin/dashboard" class="btn btn-secondary">Cancel</a>
      </div>
    </form>
  </div>
</body>
</html>
