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

<div class="container">
<h2>Sessions</h2>
<div class="row">
<div class="col-6">
<div class="card">
<div class="card-header">Your Sessions ({{len .Sessions}})</div>
<div class="card-b">
{{template "alarm" .}}

<table class="table">
<thead>
<tr><th>Token</th><th>Device</th><th>Address</th><th>Created At</th><th></th></tr>
</thead>
<tbody>
{{range .Sessions}}
<tr>
<td>{{printf "%.8s" .Token}}...</td>
<td>{{.Device}}</td>
<td>{{.Address}}</td>
<td>{{.CreatedAtLocal}}</td>
<td>
<form method="post" action="/sessions/end">
{{template "csrf" $}}
<input type="hidden" name="token" value="{{.Token}}">
<button type="submit">End</button>
</form>
</td>
</tr>
{{end}}
</tbody>
</table>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<div class="card-header">Actions</div>
<div class="card-b">
<form method="post" action="/sessions/end-all">
{{template "csrf" .}}
<div class="text-center"><button type="submit">End All Sessions</button></div>
</form>
</div>
</div>
</div>
</div>
</div>

{{template "footer" .}}