{{define "title"}}Announcements · {{.Blog.Title}}{{end}}
{{define "content"}}
{{$u := print "/b/" .Blog.Subdomain "/announcements"}}
<div class="pagehead">
  <h1>Announcements</h1>
  <div class="actions"><a class="btn" href="{{$u}}/new">+ New announcement</a></div>
  <p class="lead muted">Notices shown on every page and post of your blog — the next meeting, this month's book, a holiday closure. Hide one instead of deleting it if you will need it again.</p>
</div>
<div class="card">
{{if .Data.sections}}
<table>
  <tr><th>Order</th><th>Announcement</th><th>Where</th><th>Look</th><th></th></tr>
  {{range .Data.sections}}<tr{{if not .Enabled}} class="disabled"{{end}}>
    <td class="nowrap">
      <form method="post" action="{{$u}}/{{.ID}}/move" class="inline"><input type="hidden" name="_csrf" value="{{$.CSRF}}"><input type="hidden" name="dir" value="up"><button class="mini" title="Move up">&#9650;</button></form>
      <form method="post" action="{{$u}}/{{.ID}}/move" class="inline"><input type="hidden" name="_csrf" value="{{$.CSRF}}"><input type="hidden" name="dir" value="down"><button class="mini" title="Move down">&#9660;</button></form>
    </td>
    <td><a href="{{$u}}/{{.ID}}/edit">{{if .Title}}{{.Title}}{{else}}(untitled){{end}}</a>{{if not .Enabled}}<span class="tag off">hidden</span>{{end}}</td>
    <td>{{if eq .Column "main"}}Main content{{else if eq .Column "left"}}Left column{{else}}Right column{{end}}, {{.Position}}</td>
    <td>{{if eq .Style "note"}}Highlighted{{else if eq .Style "warning"}}Warning{{else}}Plain{{end}}</td>
    <td class="nowrap">
      <form method="post" action="{{$u}}/{{.ID}}/toggle" class="inline"><input type="hidden" name="_csrf" value="{{$.CSRF}}"><button class="mini">{{if .Enabled}}Hide{{else}}Show{{end}}</button></form>
      <a class="danger" href="{{$u}}/{{.ID}}/delete">delete</a>
    </td>
  </tr>{{end}}
</table>
{{else}}<p class="muted">No announcements yet. <a href="{{$u}}/new">Write the first one.</a></p>{{end}}
</div>
{{end}}