{{template "header" .}}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
	<h1 class="h2">Users ({{.UserCount}})</h1>
	<div class="btn-toolbar mb-2 mb-md-0">
		<div class="btn-group mr-2">
			<button type="button" class="btn btn-sm btn-outline-secondary">Share</button>
			<button type="button" class="btn btn-sm btn-outline-secondary">Export</button>
		</div>
		<button type="button" class="btn btn-sm btn-outline-secondary dropdown-toggle">
			<span data-feather="calendar"></span>
			this week
		</button>
	</div>
</div>
<table class="table table-hover table-striped">
	<thead>
		<th scope="col">UserID</th>
		<th scope="col">Username</th>
		<th scope="col">Domain</th>
		<th scope="col">Last Scan</th>
	</thead>
	<tbody>
		{{range .Users}}
		<tr>
			<td><a href="/domains/{{.Domain}}/{{.UserID}}">{{.UserID}}</a></td>
			<td>{{.Username}}</td>
			<td><a href="/domains/{{.Domain}}">{{.Domain}}</a></td>
			<td>{{.LastStatus}}</td>
		</tr>
		{{end}}
	</tbody>
</table>
{{template "footer" .}}