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

{{if .Sticky}}
<div class="container">
	<div class="row">
		<!--div class="col-md-6 col-md-offset-3"-->
		<!--div class="col-md-4 col-md-offset-4 panel panel-danger shadow-z-2" role="panel"-->
		<div class="panel panel-info shadow-z-2" role="panel" id="dd-sticky">
			<div class="panel-heading"><h3 class="panel-title">Information</h3></div>
			<div class="panel-body">
				<strong>{{print .Sticky}}</strong>
			</div>
		</div>
		<!--/div-->
	</div>
</div>
{{end}}

<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 table-responsive">
			<thead>
				<th>#</th>
				<th>Host</th>
				<th>Description</th>
				<th>Status</th>
				<!--th>Status Code</th-->
				<th>Last Update</th>
				<th class="hide">Failure Reason</th>
			</thead>
			<tbody>
{{range $index, $results := .Hosts}}
		<tr class="{{.Class}}">
				<td>{{add $index 1}}</td>
				<td>{{.Host}} <a href="{{.Url}}" title="{{.Url}}" target="_blank"> <span class="fa fa-external-link-square"></span></a></td>
				<td>{{.Description}}</td>
				<td>{{.Status}}</td>
				<!--td>{{.StatusCode}}</td-->
				<td>{{.UpdatedAt}}</td>
				<td class="hide">{{.Reason}}</td>
			</tr>
{{end}}
			</tbody>
		</table>
		<p>Next run: <strong>{{.NextRun}}</strong></p>
		<!--button class="admin-link btn btn-raised btn-default"><h4 class=""><span class="glyphicon glyphicon-cog"></span> Admin</h4></button-->
		<!--h4 class="admin-link"><a class="" href="/admin" title="admin"><span class="glyphicon glyphicon-cog"></span> Admin</a></h4-->
		<h4 class="admin-link"><a class="" href="/admin" title="admin"><span class="fa fa-cog"></span> Admin</a></h4>
	</div>
</div>
{{template "footer.html"}}