<div class="page-header d-print-none">
  <div class="row align-items-center"><div class="col"><h2 class="page-title"><%= title %></h2></div></div>
</div>
<div class="card">
  <div class="card-body">
    <% if (error) { %><div class="alert alert-danger"><%= error %></div><% } %>
    <form action="<%= user ? '/admin/users/' + user.id : '/admin/users' %>" method="post">
      <div class="mb-3">
        <label class="form-label">Name</label>
        <input type="text" name="name" class="form-control" value="<%= user ? user.name : '' %>" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Email</label>
        <input type="email" name="email" class="form-control" value="<%= user ? user.email : '' %>" required>
      </div>
      <div class="mb-3">
        <label class="form-label">Password <%= user ? '(leave empty to keep current)' : '' %></label>
        <input type="password" name="password" class="form-control" <%= user ? '' : 'required minlength="6"' %>>
      </div>
      <div class="mb-3">
        <label class="form-label">Role</label>
        <select name="role" class="form-select">
          <option value="admin" <%= user && user.role === 'admin' ? 'selected' : '' %>>Admin</option>
          <option value="super_admin" <%= user && user.role === 'super_admin' ? 'selected' : '' %>>Super Admin</option>
        </select>
      </div>
      <% if (user) { %>
      <div class="mb-3">
        <label class="form-check">
          <input type="checkbox" name="is_active" class="form-check-input" <%= user.is_active ? 'checked' : '' %>>
          <span class="form-check-label">Active</span>
        </label>
      </div>
      <% } %>
      <div class="form-footer">
        <button type="submit" class="btn btn-primary">Save</button>
        <a href="/admin/users" class="btn btn-link">Cancel</a>
      </div>
    </form>
  </div>
</div>
