<section>
  <div class="admin-header">
    <h1>Pages</h1>
    <a class="button" href="/admin/pages/new">+ New Page</a>
  </div>
  <table class="admin-table">
    <thead>
      <tr><th>Title</th><th>Slug</th><th>Status</th><th>Updated</th><th></th></tr>
    </thead>
    <tbody>
      <% pages.forEach(function(page) { %>
        <tr>
          <td><%= page.title %></td>
          <td>/<%= page.slug %></td>
          <td><%= page.status %></td>
          <td><%= page.updatedAt.toDateString() %></td>
          <td>
            <a href="/admin/pages/<%= page.id %>/edit">Edit</a>
            <form action="/admin/pages/<%= page.id %>?_method=DELETE" method="POST" style="display:inline"
                  onsubmit="return confirm('Delete this page?')">
              <button type="submit">Delete</button>
            </form>
          </td>
        </tr>
      <% }) %>
    </tbody>
  </table>
</section>
