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