{{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">Status - {{.Status.ID}}</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>
{{template "status" .Status}}
<div>
	<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#fullJSON" aria-expanded="false" aria-controls="fullJSON" style="float: right; margin-left: 4px">Full JSON</button>
	<div class="collapse" id="fullJSON">
		<div class="card card-body">{{.Status.JSON}}</div>
	</div>
</div>
{{template "footer" .}}