{{define "title"}}Posts · {{.Blog.Title}}{{end}}
{{define "content"}}
<div class="pagehead">
  <h1>Posts</h1>
  <div class="actions"><a class="btn" href="/b/{{.Blog.Subdomain}}/posts/new{{if .Data.pageID}}?page={{.Data.pageID}}{{end}}">+ New post</a></div>
</div>
<form method="get" class="filter">
  <label>Page:
  <select name="page" onchange="this.form.submit()">
    <option value="0">All pages</option>
    {{range .Data.pages}}<option value="{{.ID}}"{{if eq .ID $.Data.pageID}} selected{{end}}>{{.Title}}</option>{{end}}
  </select></label>
  <noscript><button type="submit">Filter</button></noscript>
</form>
<div class="card">
{{if .Data.posts}}
<table>
  <tr><th>Title</th><th>Page</th><th>Date</th><th></th></tr>
  {{range .Data.posts}}<tr>
    <td><a href="/b/{{$.Blog.Subdomain}}/posts/{{.ID}}/edit">{{.Title}}</a>{{if not .Published}} <span class="tag">hidden</span>{{end}}</td>
    <td>{{.PageTitle}}</td>
    <td class="nowrap">{{date .CreatedAt}}</td>
    <td class="nowrap"><a href="{{$.BlogURL}}/{{.PageSlug}}/{{.Slug}}" target="_blank">view &#8599;</a> &middot; <a class="danger" href="/b/{{$.Blog.Subdomain}}/posts/{{.ID}}/delete">delete</a></td>
  </tr>{{end}}
</table>
{{else}}<p class="muted">No posts here yet.</p>{{end}}
</div>
{{end}}