{{define "title"}}milestones · {{.Repo.OwnerName}}/{{.Repo.Name}}{{end}}
{{define "content"}}
<div class="listhead">
  <h1>Milestones</h1>
  <nav class="filters">
    <a {{if eq .State "open"}}class="active" aria-current="page" {{end}}href="?state=open">open</a>
    <a {{if eq .State "closed"}}class="active" aria-current="page" {{end}}href="?state=closed">closed</a>
    <a {{if eq .State "all"}}class="active" aria-current="page" {{end}}href="?state=all">all</a>
  </nav>
</div>
{{if .Notice}}<p class="error" role="alert">{{.Notice}}</p>{{end}}
{{if .CanWrite}}
<details class="editbox">
  <summary>New milestone</summary>
  <form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/milestones" class="setform stack">
    <label for="mstitle">Title</label>
    <input type="text" id="mstitle" name="title" required>
    <label for="msdesc">Description</label>
    <input type="text" id="msdesc" name="description">
    <label for="msdue">Due</label>
    <input type="text" id="msdue" name="due" placeholder="YYYY-MM-DD">
    <button type="submit" class="btn">Create milestone</button>
  </form>
</details>
{{end}}
<ul class="milestonelist">
{{range .Milestones}}<li>
  <div class="msmain">
    <p class="title">{{.Title}} <span class="chip {{if eq .State "open"}}chip-open{{else}}chip-done{{end}}">{{.State}}</span>{{if .OrgID}} <span class="chip chip-neutral">org</span>{{end}}</p>
    {{if .Description}}<p class="desc">{{.Description}}</p>{{end}}
    <p class="meta">{{if .DueDate}}due {{.DueDate}} · {{end}}{{.ClosedItems}} closed, {{.OpenItems}} open · {{.Percent}}%</p>
    <div class="progress"><div class="bar" style="width: {{.Percent}}%"></div></div>
    {{if and $.CanWrite (not .OrgID)}}<form method="post" action="/{{$.Repo.OwnerName}}/{{$.Repo.Name}}/milestones" class="inline">
      <input type="hidden" name="title" value="{{.Title}}">
      {{if eq .State "open"}}<input type="hidden" name="action" value="close"><button type="submit" class="btn">Close</button>{{else}}<input type="hidden" name="action" value="reopen"><button type="submit" class="btn">Reopen</button>{{end}}
    </form>{{end}}
  </div>
</li>
{{else}}<li class="empty">no {{if ne .State "all"}}{{.State}} {{end}}milestones</li>{{end}}
</ul>
{{end}}