{{define "title"}}#{{.Issue.Number}} · {{.Repo.OwnerName}}/{{.Repo.Name}}{{end}}
{{define "content"}}
<h1 class="issuetitle">{{.Issue.Title}} <span class="issuenumber">#{{.Issue.Number}}</span></h1>
<p class="issuemeta"><span class="chip {{if eq .Issue.State "open"}}chip-open{{else}}chip-done{{end}}">{{.Issue.State}}</span>
<a href="/{{.Issue.Author}}">{{.Issue.Author}}</a> opened this on {{when .Issue.CreatedAt}}
{{if .Issue.Labels}} · {{range .Issue.Labels}}<a class="chip label" style="{{index $.LabelColors .}}" href="/{{$.Repo.OwnerName}}/{{$.Repo.Name}}/issues?label={{.}}">{{.}}</a> {{end}}{{end}}
{{if .Issue.Assignees}} · assigned to {{range .Issue.Assignees}}{{.}} {{end}}{{end}}
{{if .Issue.Milestone}} · milestone <a href="/{{.Repo.OwnerName}}/{{.Repo.Name}}/milestones">{{.Issue.Milestone}}</a>{{end}}</p>
{{if .Notice}}<p class="error" role="alert">{{.Notice}}</p>{{end}}

<div class="withaside">
<div class="mainside">
<h2>Discussion</h2>
{{if .CanEdit}}<details class="editbox"{{if .Draft.Is "edit"}} open{{end}}><summary>edit</summary>
{{if .Draft.Is "edit"}}{{template "previewblock" .Draft.HTML}}{{end}}
<form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/issues/{{.Issue.Number}}/edit" class="commentform">
<p><input type="text" name="title" aria-label="Title" value="{{.Draft.Or "edit" "title" .Issue.Title}}" required></p>
<p><textarea name="body" aria-label="Description" rows="8">{{.Draft.Or "edit" "body" .Issue.Body}}</textarea></p>
<p><input type="text" name="labels" aria-label="Labels" value="{{$.Draft.Or "edit" "labels" (join .Issue.Labels " ")}}" placeholder="labels, space-separated (write access)"></p>
<p><button type="submit" class="btn">Save</button> {{template "previewbtn"}}</p>
</form></details>{{end}}
{{if .BodyHTML}}<article class="comment">
  <header class="commenthead"><strong><a href="/{{.Issue.Author}}">{{.Issue.Author}}</a></strong> <span class="when">{{when .Issue.CreatedAt}}</span></header>
  <div class="rendered">{{.BodyHTML}}</div>
  {{template "reactions" index .Reactions 0}}
</article>{{else}}{{template "reactions" index .Reactions 0}}{{end}}
{{range .Comments}}
{{if eq .Kind "system"}}<div class="syscomment">{{.BodyHTML}} <span class="when">{{when .CreatedAt}}</span></div>
{{else}}<article class="comment">
  <header class="commenthead"><strong><a href="/{{.Author}}">{{.Author}}</a></strong> <span class="when">{{when .CreatedAt}}</span></header>
  <div class="rendered">{{.BodyHTML}}</div>
  {{template "reactions" index $.Reactions .ID}}
</article>{{end}}
{{end}}
{{if .Viewer}}
{{if .Draft.Is "comment"}}{{template "previewblock" .Draft.HTML}}{{end}}
<form method="post" action="/{{.Repo.OwnerName}}/{{.Repo.Name}}/issues/{{.Issue.Number}}/comment" class="commentform">
<p><textarea name="body" aria-label="Comment" rows="4" placeholder="Comment as {{.Viewer}}">{{.Draft.Or "comment" "body" ""}}</textarea></p>
<p><button type="submit">Comment</button> {{template "previewbtn"}}</p>
</form>
{{end}}
</div>

{{$base := printf "/%s/%s/issues/%d" .Repo.OwnerName .Repo.Name .Issue.Number}}
<aside class="aside">
  {{if .CanWrite}}
  <div class="grp">
    <h2>State</h2>
    <form method="post" action="{{$base}}/state" class="actions">
      {{if eq .Issue.State "open"}}<button type="submit" name="action" value="close">Close issue</button>
      {{else}}<button type="submit" name="action" value="reopen">Reopen issue</button>{{end}}
    </form>
  </div>
  {{end}}
  <div class="grp">
    <h2>Labels</h2>
    {{if .Issue.Labels}}<p class="row">{{range .Issue.Labels}}<a class="chip label" style="{{index $.LabelColors .}}" href="/{{$.Repo.OwnerName}}/{{$.Repo.Name}}/issues?label={{.}}">{{.}}</a> {{end}}</p>
    {{else}}<p class="none">none yet</p>{{end}}
    {{if .CanWrite}}
    <form method="post" action="{{$base}}/label" class="actions">
      <input type="text" name="add" aria-label="Add labels" autocomplete="off" spellcheck="false" placeholder="add, space-separated">
      <input type="text" name="remove" aria-label="Remove labels" autocomplete="off" spellcheck="false" placeholder="remove">
      <button type="submit" class="btn">Apply</button>
    </form>
    {{end}}
  </div>
  <div class="grp">
    <h2>Assignees</h2>
    {{if .Issue.Assignees}}<p class="row">{{range .Issue.Assignees}}<a href="/{{.}}">{{.}}</a> {{end}}</p>
    {{else}}<p class="none">nobody yet</p>{{end}}
    {{if .CanWrite}}
    <form method="post" action="{{$base}}/assign" class="actions">
      <input type="text" name="add" aria-label="Add assignees" autocomplete="off" spellcheck="false" placeholder="add, space-separated">
      <input type="text" name="remove" aria-label="Remove assignees" autocomplete="off" spellcheck="false" placeholder="remove">
      <button type="submit" class="btn">Apply</button>
    </form>
    {{end}}
  </div>
  <div class="grp">
    <h2>Milestone</h2>
    {{if .Issue.Milestone}}<p class="row"><a href="/{{.Repo.OwnerName}}/{{.Repo.Name}}/milestones">{{.Issue.Milestone}}</a></p>
    {{else}}<p class="none">none yet</p>{{end}}
    {{if .CanWrite}}
    <form method="post" action="{{$base}}/milestone" class="actions">
      <label class="none" for="milestone">Set milestone</label>
      <select id="milestone" name="milestone">
        <option value="none">No milestone</option>
        {{range .Milestones}}<option value="{{.Title}}"{{if eq .Title $.Issue.Milestone}} selected{{end}}>{{.Title}}</option>{{end}}
      </select>
      <button type="submit" class="btn">Apply</button>
    </form>
    {{end}}
  </div>
</aside>
</div>
{{end}}