{{define "title"}}Search{{end}}
{{define "content"}}
	<form action="/search" method="get">
		<input id="term" name="term" type="search" placeholder="search" value="{{.Term}}" autocomplete="on" required>
		<select id="lang" name="lang">
			{{range .Langs}}
				{{if eq . $.Lang}}
					<option selected>{{.}}</option>
				{{else}}
					<option>{{.}}</option>
				{{end}}
			{{end}}
		</select>
		<select id="order" name="order">
			{{range .Orders}}
				{{if eq . $.Order}}
					<option selected>{{.}}</option>
				{{else}}
					<option>{{.}}</option>
				{{end}}
			{{end}}
		</select>
	</form>
	<table>
	{{range .Items}}
		<tr>
			<td>
				<a href="/embed?id={{.Id}}"><img width=240 src="{{.ThumbUrl}}"></a>
			</td>
			<td>
				<p><a href="/embed?id={{.Id}}">{{.Title}}</a></p>
				<p class="comments"><a href="{{.Url}}">Comments</a></p>
				<p class="length">{{.LengthText}}</p>
				<p class="published">{{.Published}}</p>
			</td>
			<td>
				<p><a href="{{.ChannelUrl}}"><span>{{.ChannelTitle}}</span></a></p>
			</td>
		</tr>
	{{end}}
	</table>
	<a href="/search?term={{.Term}}&page={{dec .Page}}&lang={{.Lang}}">Prev Page</a> |
	<a href="/search?term={{.Term}}&page={{inc .Page}}&lang={{.Lang}}">Next Page</a>
{{end}}