{{define "title"}}Search{{end}}
{{define "content"}}
	<div class="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}}&url={{.Url}}"><img width=240 src="{{.ThumbUrl}}"></a>
				</td>
				<td>
					<a href="/embed?id={{.Id}}&url={{.Url}}">{{.Title}}</a>
					<br/>
					<a href="{{.ChannelUrl}}">{{.ChannelTitle}}</a> | <a href="{{.AtomUrl}}">Atom feed</a>
					<br/>
					<a href="{{.Url}}">Comments</a>
					<br/>
					{{.ViewCount}}
					<br/>
					{{.Published}}
				</td>
				<td>
					{{.LengthText}}
				</td>
				{{if ne $.Dlsrv ""}}
					<td>
						<a href="{{$.Dlsrv}}{{.Url}}">Download</a>
					</td>
				{{end}}
			</tr>
		{{end}}
		</table>
		{{if ge .Page 0 }}
			<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}}
	</div>
{{end}}