{{- /*gotype: main.IndexVM*/}}
{{define "index"}}
{{template "header"}}
	<h2>Statistics</h2>
	The inventory contains:
	<ul>
		<li><b>{{.AssetCount}}</b> assets in total.</li>
		<li><b>{{.BrandCount}}</b> unique brands.</li>
		<li>a combined <b>{{.TotalRamCapacity | formatMemorySize}}</b> of RAM.</li>
	</ul>

	<h2>Filter Devices</h2>
	<form action="/browse" method="get">
		<h3>Select Brands:</h3>
		{{range .Brands}}
		<label>
			<input type="checkbox" name="brand" checked value="{{.}}">
			{{.}}
		</label><br>
		{{end}}

		<h3>Select Types:</h3>
		{{range .Types}}
		<label>
			<input type="checkbox" name="type" checked value="{{.}}">
			{{. | formatType}}
		</label><br>
		{{end}}

		<button type="submit">Browse</button>
	</form>

{{template "footer"}}
{{end}}