{{define "title"}}{{if .Data.section.ID}}{{t "Edit announcement"}}{{else}}{{t "New announcement"}}{{end}} · {{.Blog.Title}}{{end}}
{{define "content"}}
{{$s := .Data.section}}
<div class="card">
  <h1>{{if $s.ID}}{{t "Edit announcement"}}{{else}}{{t "New announcement"}}{{end}}</h1>
  <form method="post" enctype="multipart/form-data">
    <input type="hidden" name="_csrf" value="{{.CSRF}}">
    <label>{{t "Title"}} <span class="muted">({{t "optional"}})</span><br><input name="title" value="{{$s.Title}}" maxlength="120" autofocus placeholder="{{t "Next meeting"}}"></label>
    <div class="row">
      <label>{{t "Where"}}<br><select name="column">
        <option value="main"{{if eq $s.Column "main"}} selected{{end}}>{{t "Main content (with the posts)"}}</option>
        <option value="left"{{if eq $s.Column "left"}} selected{{end}}>{{t "Left column"}}</option>
        <option value="right"{{if eq $s.Column "right"}} selected{{end}}>{{t "Right column"}}</option>
      </select></label>
      <label>{{t "Position"}}<br><select name="position">
        <option value="top"{{if eq $s.Position "top"}} selected{{end}}>{{t "At the top"}}</option>
        <option value="bottom"{{if eq $s.Position "bottom"}} selected{{end}}>{{t "At the bottom"}}</option>
      </select></label>
      <label>{{t "Look"}}<br><select name="style">
        <option value="note"{{if eq $s.Style "note"}} selected{{end}}>{{t "Highlighted"}}</option>
        <option value="warning"{{if eq $s.Style "warning"}} selected{{end}}>{{t "Warning"}}</option>
        <option value="plain"{{if eq $s.Style "plain"}} selected{{end}}>{{t "Plain"}}</option>
        <option value="gizmo"{{if eq $s.Style "gizmo"}} selected{{end}}>{{t "Gizmo"}}</option>
      </select></label>
    </div>
    <p class="muted small">{{t "Gizmo is a box framed in your link colour. Gizmo boxes with a heading share a row on wide screens (up to three); one without a heading takes the whole row."}}</p>
    <p class="muted small">{{t "“Top” of a side column means above its modules, “bottom” below them. If that column is not shown on your blog (see"}} <a href="/b/{{.Blog.Subdomain}}/design#columns">{{t "Design"}}</a>) {{t "the announcement moves to the main content instead."}}</p>
    <label for="ed-body">{{t "Text"}}</label>
    {{template "editor" (dict "name" "body" "value" $s.BodyMD "format" $s.Format "rows" 10 "tall" false "upload" (print "/b/" .Blog.Subdomain "/files/upload") "preview" (print "/b/" .Blog.Subdomain "/preview") "csrf" .CSRF)}}
    <label class="check"><input type="checkbox" name="enabled"{{if $s.Enabled}} checked{{end}}> {{t "Shown on the blog"}}</label>
    <p class="actionrow">
      <button type="submit">{{t "Save"}}</button>
      <a class="btn secondary" href="{{.BlogURL}}" target="_blank">{{t "View blog"}} &#8599;</a>
      <a href="/b/{{.Blog.Subdomain}}/announcements">{{t "Back to announcements"}}</a>
    </p>
  </form>
</div>
{{end}}