{{ define "body" }}

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

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

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

  <h1>Drafts</h1>

  <p>
    <a href="{{ .RootURL.Drafts.MethodEdit }}">New Draft</a>
  </p>

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

  <table>

    {{ range $getPostsRes.Posts }}
      <tr>
        <td>{{ .Title }}</td>
        <td>
          <a href="{{ ($.RootURL.Draft .ID).MethodEdit }}">
            Edit
          </a>
        </td>
        <td>
          <form
            action="{{ ($.RootURL.Draft .ID).MethodDelete }}"
            method="POST"
            >
            <input
              type="submit"
              value="Delete"
              onclick="confirmDelete(event)"
              />
          </form>
        </td>
      </tr>
    {{ end }}

  </table>

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

{{ end }}

{{ template "base.html" . }}