{% extends "base.html" %}
{% block content %}	
<script src="/inc/users.js"></script>
<table class="overview">
	<tr class="overviewHead">
		<td class="padding10 first-collumn" style="width: 350px;">Note</td>
		<td class="padding10 first-collumn">Server</td>
		<td style="width: 150px;">SYN flood protect</td>
		<td></td>
	</tr>
	<tr>
	<td class="padding10 first-collumn" style="width: 350px;">
		<b>Haproxy-WI will try install haproxy-2.0.6, if it does not work then haproxy-1.15</b>
	</td>
	<td class="padding10 first-collumn">
		<select autofocus required name="{{select_id}}" id="{{select_id}}">
			<option disabled selected>Choose server</option>
			{% for select in selects %}
					<option value="{{ select.2 }}">{{ select.1 }}</option>
			{% endfor %}
		</select>
	</td>
	<td>
		<label for="syn_flood" title="Enable SYN flood protect"><input type="checkbox" id="syn_flood" checked>
	</td>
	<td>
		<a class="ui-button ui-widget ui-corner-all" id="install" title="Install HAProxy">Install</a>
	</td>
</table>
<div id="ajax"></div>
{% endblock %}