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

{{if .Error}}
<div class="container">
	<div class="row">
{{range .Error}}
<p id="dd-alert-danger" class="col-md-4 col-md-offset-4 alert alert-danger alert-dismissible shadow-z-2" role="alert">
	<button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
	{{.}}
</p>
{{end}}
	</div>
</div>
{{end}}
{{if .Success}}
<div class="container">
	<div class="row">
{{range .Success}}
<p id="dd-alert-success" class="col-md-4 col-md-offset-4 alert alert-success alert-dismissible shadow-z-2" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
	{{.}}
</p>
{{end}}
	</div>
</div>
{{end}}
<div class="container">
	<div class="row">
		<div class="pull-left">
		<button id="btn-reload" class="btn btn-primary btn-raised"><span class="glyphicon glyphicon-refresh"></span> Reload</button>
		<button class="btn btn-primary btn-raised" data-toggle="modal" data-target="#jobs-modal"><span class="glyphicon glyphicon-plus-sign"></span> Add new host</button>
		</div>
		<div class="pull-right">
			<form action="/logout" method="POST">
			<button class="btn btn-danger btn-raised"><span class="glyphicon glyphicon-minus-sign"></span> Logout</button>
			</form>
		</div>
		<table class="table table-striped table-hover table-responsive">
			<thead>
				<th>#</th>
				<th>Host</th>
				<th>Description</th>
				<th>Status</th>
				<th>Public</th>
				<!--th>Status Code</th-->
				<th>Last Update</th>
				<th class="hide">Failure Reason</th>
				<th>Delete</th>
			</thead>
			<tbody>
{{range $index, $results := .Hosts}}
		<tr class="{{.Class}}">
				<td>{{add $index 1}}</td>
				<td>{{.Host}} <a href="{{.Url}}" title="{{.Url}}" title="_blank"> <span class="fa fa-external-link-square"></span></a></td>
				<td>{{.Description}}</td>
				<td>{{.Status}}</td>
				<td><span class="glyphicon glyphicon-{{if .Private}}remove{{else}}ok{{end}}"></span>
				<!--td>{{.StatusCode}}</td-->
				<td>{{.UpdatedAt}}</td>
				<td class="hide">{{.Reason}}</td>
				<!--td><span class="glyphicon glyphicon-pencil"></span></td-->
				<td class="text-center"><a value="{{.Id}}" href="#" class="delete">&nbsp;<span class="fa fa-close"></span></a></td>
			</tr>
{{end}}
			</tbody>
		</table>
		<p>Next run: <strong>{{.NextRun}}</strong></p>
		<div class="spull-left">
			<form action="/refresh" method="POST">
			<button class="btn btn-primary btn-raised"><span class="glyphicon glyphicon-refresh"></span> Update all</button>
			</form>
		</div>
		<hr>
		<form class="form-horizontal" method="POST" action="/sticky/new">
			<legend><h4>Information post</h4></legend>
			<textarea class="form-control shadow-z-4" id="Sticky" name="Sticky" row="3" placeholder="Sticky post.">{{.Sticky}}</textarea>
			<br>
			<button class="btn btn-primary btn-raised" name="Action" value="add">Submit</button>
			<button class="btn btn-danger btn-raised" name="Action" value="delete">Delete</button>
		</form>
	</div>
</div>
{{template "footer.html"}}