{{define "footleft"}}{{.Attached}}{{end}}
{{define "body" -}}
<div class="bar">
  <div class="secondary">{{template "crumbs" .}} / <span class="here">runners</span></div>
  <div class="muted small">{{.Attached}}</div>
</div>
{{template "repotabs" .}}
{{if .CanAdd}}
<div class="row"><a class="btn" href="/{{.Owner}}/{{.Name}}/runners/new">add a runner</a></div>
{{end}}
{{range .Runners}}
<div class="row{{if .Offline}} dim{{end}}">
  <div class="between">
    <span>{{.Hostname}}</span>
    <span class="muted small">{{.State}} &middot; {{.Seen}}</span>
  </div>
  <div class="muted small">{{.Detail}}{{if and .Offline $.CanAdd}} &middot;
    <form method="post" action="/{{$.Owner}}/{{$.Name}}/runners/forget" class="inline">
      <input type="hidden" name="id" value="{{.ID}}">
      <button class="linkbtn" type="submit">forget</button>
    </form>{{end}}</div>
</div>
{{end}}
{{if not .Runners}}
<div class="row"><div class="muted">no machines attached.</div></div>
{{end}}
{{- end}}