{{ $isPublished := ne .post.State 1 }}
<main class="flex-grow-1 position-relative post-edit-page">
  <form action="/sites/{{.site.ID}}/posts" method="post" class="container-fluid post-form py-2"
    data-controller="postedit"
        data-action="keydown.meta+s->postedit#save keydown.meta+enter->postedit#publish"
        data-postedit-save-action-value="{{ if $isPublished }}Update{{ else }}Save Draft{{ end }}">
    <div class="row">
      <div class="col-md-9">
        <input type="hidden" name="guid" value="{{ .post.GUID }}">
        <div class="mb-2">
          <input type="text" name="title" class="form-control" placeholder="Title" value="{{ .post.Title }}">
        </div>
        <textarea data-postedit-target="bodyTextEdit" name="body" class="form-control flex-grow-1" rows="3">{{.post.Body}}</textarea>
        <div class="mt-2">
          {{ if $isPublished }}
            <input type="submit" name="action" class="btn btn-primary" value="Update">
          {{ else }}
            <input type="submit" name="action" class="btn btn-primary" value="Publish">
            <input type="submit" name="action" class="btn btn-secondary" value="Save Draft">
          {{ end }}
        </div>
      </div>
      <div class="col-md-3">
        <div class="card">
          <div class="card-header">Categories</div>
          <div class="card-body">
            {{ range .categories }}
              <div class="form-check">
                <input class="form-check-input" type="checkbox" name="category_ids"
                       value="{{ .ID }}" id="cat-{{ .ID }}"
                       {{ if index $.selectedCategories .ID }}checked{{ end }}>
                <label class="form-check-label" for="cat-{{ .ID }}">{{ .Name }}</label>
              </div>
            {{ else }}
              <span class="text-muted">No categories yet.</span>
            {{ end }}
          </div>
        </div>
      </div>
    </div>
  </form>
</main>