{{template "header.html"}}
{{template "navbar.html"}}

<div class="container">
	<div class="row">
		<button id="btn-reload" class="btn btn-primary btn-raised"><span class="glyphicon glyphicon-refresh"></span> Reload</button>
		<!--a id="" class="btn btn-success btn-raised toggle"><span class="glyphicon glyphicon-refresh"></span> Show failure reasons</a-->
		<table class="table table-striped table-hover ">
			<thead>
				<th>#</th>
				<th>Host</th>
				<th>Url</th>
				<th>Status</th>
				<!--th>Status Code</th-->
				<th class="hide">Failure Reason</th>
			</thead>
			<tbody>
{{range $index, $results := .}}
		<tr class="{{.Class}}">
				<td>{{add $index 1}}</td>
				<td>{{.Host}}</td>
				<td>{{.Url}}</td>
				<td>{{.Status}}</td>
				<!--td>{{.StatusCode}}</td-->
				<td class="hide">{{.Reason}}</td>
			</tr>
{{end}}
			</tbody>
		</table>
	</div>
</div>
{{template "footer.html"}}