<!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 Contact Page</h1>
    
    <form action="/admin/contact" 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="address">Address</label>
        <input type="text" id="address" name="address" value="<%= page.address %>" required>
      </div>

      <div class="form-group">
        <label for="phone">Phone</label>
        <input type="text" id="phone" name="phone" value="<%= page.phone %>" required>
      </div>

      <div class="form-group">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" value="<%= page.email %>" required>
      </div>

      <div class="form-group">
        <label for="hours">Business Hours</label>
        <input type="text" id="hours" name="hours" value="<%= page.hours %>" required>
      </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>
