{{define "footleft"}}<a href="/{{.Owner}}/{{.Name}}/threads">threads</a>{{if .Threads}} &middot; {{.Threads}} open{{end}}{{end}}
{{define "body" -}}
<div class="bar">
  <div class="secondary">{{template "crumbs" .}} / <span class="here">thread {{.N}}</span></div>
  <div class="muted small">{{.NotesRef}}</div>
</div>
<div class="row tall">
  <div class="name">{{.Heading}}</div>
  <div class="muted small">{{template "bits" .Detail}}</div>
</div>
{{if .Error}}<div class="row"><div class="danger small">{{.Error}}</div></div>{{end}}
{{range .Comments}}
{{if .Run}}
<div class="row tall">
  <div class="muted small">{{if .AuthorHref}}<a href="{{.AuthorHref}}">{{.Author}}</a>{{else}}{{.Author}}{{end}} &middot; {{.Ago}} &middot; self-hosted runner</div>
  <div class="{{if .Run.Failed}}danger{{else}}secondary{{end}}">{{if .Run.Name}}{{.Run.Name}} &middot; {{end}}<a href="{{.Run.Href}}">{{.Run.Result}}</a> &middot; {{.Run.Took}}</div>
</div>
{{else}}
<div class="row tall">
  <div class="muted small">{{if .AuthorHref}}<a href="{{.AuthorHref}}">{{.Author}}</a>{{else}}{{.Author}}{{end}} &middot; {{.Ago}}{{if .Where}} &middot; on {{if .WhereHref}}<a href="{{.WhereHref}}">{{.Where}}</a>{{else}}{{.Where}}{{end}}{{if .Placement}}
    &middot; <span class="danger">{{.Placement}}</span>{{end}}{{end}}</div>
  {{if .Excerpt}}
  <div class="diff">
    <div class="ctx"><span class="num-inline">{{.Line}}</span>{{.Excerpt}}</div>
  </div>
  {{end}}
  <div class="body">{{.HTML}}</div>
</div>
{{end}}
{{end}}
{{if not .Comments}}
<div class="row tall"><div class="muted small">no comments yet.</div></div>
{{end}}
{{if .Viewer}}
<div class="row tall">
  <form method="post" action="/{{.Owner}}/{{.Name}}/thread/{{.N}}/reply">
    <textarea class="text" name="body" placeholder="reply"></textarea>
    <div class="note"><button class="btn" type="submit">reply</button></div>
  </form>
  {{if .CanClose}}
  <form method="post" action="/{{.Owner}}/{{.Name}}/thread/{{.N}}/close" class="inline">
    <button class="linkbtn" type="submit">{{if .Closed}}open again{{else}}close{{end}}</button>
  </form>
  {{end}}
</div>
{{else}}
<div class="row tall">
  <div class="muted small"><a href="/signin">sign in</a> to reply, or push a note from your clone:</div>
  <div class="note">
    <pre class="box tall">git notes --ref=threads/{{.N}} append -m "your reply"
git push origin refs/notes/threads/{{.N}}</pre>
  </div>
</div>
{{end}}
<div class="row tall">
  <div class="muted small">this thread is in your clone. read it with no network, and read it if barerepo stops.</div>
  <div class="note">
    <pre class="box tall">git fetch origin "refs/notes/*:refs/notes/*"
git log --show-notes=threads/{{.N}}</pre>
  </div>
</div>
{{- end}}