{{ define "body" }}

  {{ $page := .GetQueryIntValue "page" 0 -}}
  {{ $getPostsRes := .GetPosts $page 20 -}}

  <script>
    function confirmDelete(event) {
      if (!confirm("Are you sure you want to delete this post?"))
        event.preventDefault();
    }
  </script>

  <p>
    <a href="{{ .RootURL.Path "admin" }}">Back to Admin</a>
  </p>

  <h1>Posts</h1>

  {{ if gt $page 0 }}
  <p>
    <a href="{{ .RootURL.Posts.MethodManage.Page (.Add $page -1) }}">&lt; &lt; Previous Page</a>
  </p>
  {{ end }}

  <table>
    <colgroup>
      <col span="1" style="width: auto;">
      <col span="1" style="width: auto;">
      <col span="1" style="width: 5rem;">
      <col span="1" style="width: auto;">
    </colgroup>

    {{ range $getPostsRes.Posts }}
      <tr>
        <td>{{ .PublishedAt.Local.Format "2006-01-02 15:04:05 MST" }}</td>
        <td><a href="{{ $.RootURL.Post .ID }}">{{ .Title }}</a></td>
        <td>
          <a href="{{ ($.RootURL.Post .ID).MethodEdit }}">
            Edit
          </a>
        </td>
        <td>
          <form
            action="{{ ($.RootURL.Post .ID).MethodDelete }}"
            method="POST"
            >
            <input
              type="submit"
              value="Delete"
              onclick="confirmDelete(event)"
              />
          </form>
        </td>
      </tr>
    {{ end }}

  </table>

  {{ if $getPostsRes.HasMore }}
  <p>
    <a href="{{ .RootURL.Posts.MethodManage.Page (.Add $page 1) }}">Next Page &gt; &gt;</a>
  </p>
  {{ end }}

{{ end }}

{{ template "base.html" . }}