{{define "title"}}{{if .Data.post.ID}}Edit post{{else}}New post{{end}} · {{.Blog.Title}}{{end}}
{{define "content"}}
<div class="card">
  <h1>{{if .Data.post.ID}}Edit post{{else}}New post{{end}}</h1>
  <form method="post" enctype="multipart/form-data">
    <input type="hidden" name="_csrf" value="{{.CSRF}}">
    <label>Title<br><input name="title" value="{{.Data.post.Title}}" required maxlength="200" autofocus></label>
    <div class="row">
      <label>Page<br>
        <select name="page_id">{{range .Data.pages}}<option value="{{.ID}}"{{if eq .ID $.Data.post.PageID}} selected{{end}}>{{.Title}}</option>{{end}}</select>
      </label>
      <label>Address <span class="muted">(optional, made from the title)</span><br>
        <input name="slug" value="{{.Data.post.Slug}}" pattern="[a-z0-9]([a-z0-9-]*[a-z0-9])?" maxlength="80"></label>
    </div>
    <label for="ed-body">Content <span class="muted">(Markdown)</span></label>
    {{template "editor" (dict "name" "body" "value" .Data.post.BodyMD "rows" 24 "tall" true "upload" (print "/b/" .Blog.Subdomain "/images/upload") "csrf" .CSRF)}}
    <label class="check"><input type="checkbox" name="published"{{if .Data.post.Published}} checked{{end}}> Visible on the blog</label>
    <p class="actionrow">
      <button type="submit">Save</button>
      {{if .Data.post.ID}}<a class="btn secondary" href="{{.BlogURL}}/{{.Data.post.PageSlug}}/{{.Data.post.Slug}}" target="_blank">View post &#8599;</a>{{end}}
      <a href="/b/{{.Blog.Subdomain}}/posts">Back to posts</a>
    </p>
  </form>
</div>
{{end}}