{{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}}