{{template "header.html" . }}
<main id="ip_search_container">
	<div class="rowblock rowhead">
		<div class="rowitem">
			<h1>{{lang "ip_search_head"}}</h1>
		</div>
	</div>
	<form action="/users/ips/" method="get" id="ip-search-form"></form>
	<div class="rowblock ip_search_block">
		<div class="rowitem passive">
			<input form="ip-search-form" name="ip" class="ip_search_input" type="search" placeholder="🔍︎"{{if .IP}} value="{{.IP}}"{{end}}/>
			<input form="ip-search-form" class="ip_search_search" type="submit" value="{{lang "ip_search_search_button"}}"/>
		</div>
	</div>
	{{if .IP}}<div class="rowblock rowlist bgavatars micro_grid{{if .ItemList}} has_items{{end}}">
		{{range .ItemList}}<div class="rowitem" style="background-image:url('{{.Avatar}}');">
			<img src="{{.Avatar}}"class="bgsub"alt="Avatar"aria-hidden="true">
			<a class="rowTitle" href="{{.Link}}">{{.Name}}</a>
		</div>
		{{else}}<div class="rowitem rowmsg">{{lang "ip_search_no_users"}}</div>{{end}}
	</div>{{end}}
</main>
{{template "footer.html" . }}