<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>Takeoff!</title>
<link rel="stylesheet" href="/static/main.css">
</head>
<body>
<br>
<div class="header-container">
<pre>
_________ __ __ __________ ______________
/_ __/ | / //_// ____/ __ \/ ____/ ____/ /
/ / / /| | / ,\ / __/ / / / / /_ / /_ / /
/ / / ___ |/ /| |/ /___/ /_/ / __/ / __/ /_/
/_/ /_/ |_/_/ |_/_____/\____/_/ /_/ (_)
</pre>
</div>
<div class="main-container">
<form id="search-form" method="post" action="https://{{ index .Instances 0 }}/search">
<input type="text" name="q" id="q" autofocus>
<p>Search with:</p>
<div class="subform">
{{ range .Instances }}
<button class="instance btn" formaction="https://{{ . }}/search">
{{ . }}
</button>
{{ end }}
</div>
<p>Options:</p>
<div class="subform">
<select id="language" name="language">
{{ range .Langs }}
<option value="{{ .Code }}">{{ .Name }}</option>
{{ end }}
<option value="all">Default</option>
<option value="auto">Auto</option>
</select>
<select name="time_range" id="time_range">
<option value="" selected>Anytime</option>
<option value="day">Last day</option>
<option value="week">Last week</option>
<option value="month">Last month</option>
<option value="year">Last year</option>
</select>
<select name="safesearch" id="safesearch">
<option value="2">SafeSearch: Strict</option>
<option value="1">SafeSearch: Moderate</option>
<option value="0" selected>SafeSearch: None</option>
</select>
</div>
</form>
</div>
</body>
</html>