{{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">
    <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>Content <span class="muted">(Markdown)</span><br>
      <textarea name="body" rows="24" class="editor">{{.Data.post.BodyMD}}</textarea></label>
    <label class="check"><input type="checkbox" name="published"{{if .Data.post.Published}} checked{{end}}> Visible on the blog</label>
    <p>
      <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>
{{template "mdhelp"}}
{{end}}