{{template "header.html" . }}
<div class="colstack panel_stack">
{{template "panel-menu.html" . }}
	<main id="panel_analytics_right" class="colstack_right">
		<form id="timeRangeForm" name="timeRangeForm" action="/panel/analytics/langs/" method="get">
			<div class="colstack_item colstack_head">
				<div class="rowitem">
					<a>Languages</a>
					<select class="timeRangeSelector to_right" name="timeRange">
						<option val="one-month"{{if eq .TimeRange "one-month"}} selected{{end}}>1 month</option>
						<option val="one-week"{{if eq .TimeRange "one-week"}} selected{{end}}>1 week</option>
						<option val="two-days"{{if eq .TimeRange "two-days"}} selected{{end}}>2 days</option>
						<option val="one-day"{{if eq .TimeRange "one-day"}} selected{{end}}>1 day</option>
						<option val="twelve-hours"{{if eq .TimeRange "twelve-hours"}} selected{{end}}>12 hours</option>
						<option val="six-hours"{{if eq .TimeRange "six-hours"}} selected{{end}}>6 hours</option>
					</select>
				</div>
			</div>
		</form>
		<div id="panel_analytics_langs" class="colstack_item rowlist">
			{{range .ItemList}}
			<div class="rowitem panel_compactrow editable_parent">
				<a href="/panel/analytics/lang/{{.Agent}}" class="panel_upshift">{{.FriendlyAgent}}</a>
				<span class="panel_compacttext to_right">{{.Count}} views</span>
			</div>
			{{else}}<div class="rowitem passive rowmsg">No language could be found in the selected time range</div>{{end}}
		</div>
	</main>
</div>
{{template "footer.html" . }}