{{define "content"}}
<h1>{{if .View}}Edit {{.View.Name}}{{else}}New view{{end}}</h1>
<p class="muted"><a href="/views">← back to views</a></p>

<form class="view-editor"
      method="post"
      action="{{if .View}}/views/{{.View.Slug}}{{else}}/views{{end}}">
  <label>Name <input type="text" name="name" required maxlength="80" value="{{if .View}}{{.View.Name}}{{end}}"></label>
  <label>Slug
    <input type="text" name="slug" required maxlength="63"
           pattern="^[a-z0-9][a-z0-9-]{0,62}$"
           value="{{if .View}}{{.View.Slug}}{{end}}">
    <small class="muted">lowercase letters, digits, dashes. No reserved system slugs.</small>
  </label>
  <label>Icon
    <select name="icon">
      {{$cur := ""}}
      {{if and .View .View.Icon}}{{$cur = deref .View.Icon}}{{end}}
      {{range .IconKeys}}
        <option value="{{.}}"{{if eq . $cur}} selected{{end}}>{{.}}</option>
      {{end}}
    </select>
  </label>
  <fieldset class="view-type-radios">
    <legend>View type</legend>
    {{range .ViewTypes}}
      <label><input type="radio" name="view_type" value="{{.}}" {{if eq . $.CurrentVT}}checked{{end}}> {{.}}</label>
    {{end}}
  </fieldset>
  <label>Group by
    <select name="group_by">
      {{range .GroupByOptions}}<option value="{{.}}">{{if eq . ""}}—{{else}}{{.}}{{end}}</option>{{end}}
    </select>
  </label>
  <label>Sort field <input type="text" name="sort_field" placeholder="title / updated_at" maxlength="40"></label>
  <label>Sort dir
    <select name="sort_dir">
      {{range .SortDirOptions}}<option value="{{.}}">{{if eq . ""}}—{{else}}{{.}}{{end}}</option>{{end}}
    </select>
  </label>
  <label><input type="checkbox" name="show_count" value="1"
           {{if and .View .View.ShowCount}}checked{{end}}> Show row-count badge in sidebar</label>
  <label>Filter (URL query form)
    <input type="text" name="filter_query" placeholder="tag=work&mgmt=mai" value="{{.FilterQuery}}">
  </label>
  <button type="submit">{{if .View}}Save changes{{else}}Create view{{end}}</button>
  <a class="muted" href="/views">cancel</a>
</form>
{{end}}