{% set waf_modes = [] %}
{% do waf_modes.append("On") %}
{% do waf_modes.append("Off") %}
{% do waf_modes.append("DetectionOnly") %}
{% for service in service_status %}
	<td class="padding10 first-collumn-wi">
	{% if service.5|int() >= 1 %}
		{% if service.2|int() >= 1 %}
			<span class="serverUp server-status" title="running {{service.2 }} processes"></span>
		{% else %}
		<span class="serverDown server-status" title="WAF is stopped"></span>
		{% endif %}
		<a href="/app/logs.py?serv={{ service.1 }}&rows=10&grep=&hour=00&minut=00&hour1=24&minut1=00&waf=1" title="View {{service.0 }}'s WAF logs" class="logs_link">
			{{ service.0 }}
		</a>
	{% else %}
		<span class="serverNone server-status" title="WAF is not installed"></span> <span title="WAF is not installed">{{ service.0 }}</span>
	{% endif %}
	</td>
	{% if service.3 == "On" or service.3 == "Off" or service.3 == "DetectionOnly" %}
		<td>
		{% if role <= 2 %}
			<a id="{{ service.1 }}" class="start-waf" title="Start WAF service">
				<span class="service-start" onclick="confirmAjaxAction('start', 'waf', '{{service.1}}')"></span>
			</a>
			<a id="{{ service.1 }}" class="stop-waf" title="Stop WAF service">
				<span class="service-stop" onclick="confirmAjaxAction('stop', 'waf', '{{service.1}}')"></span>
			</a>
			<a id="{{ service.1 }}" class="restart-waf" title="Restart WAF service">
				<span class="service-reload" onclick="confirmAjaxAction('restart', 'restart', '{{service.1}}')"></span>
			</a>
		{% endif %}
		</td>
		<td>
		{% if role <= 2 %}
			<select class="waf_mode" id="{{ service.0 }}_select">
				{% for waf_mode in waf_modes %}
					{% if service.3 == waf_mode %}
					<option value={{waf_mode}} selected="selected">{{waf_mode}}</option>
					{% else %}
					<option value={{waf_mode}}>{{waf_mode}}</option>
					{% endif %}
				{% endfor %}
			</select>
		{% else %}
			{{ service.3 }}
		{% endif %}
		</td>
		<td style="padding-top: 2px;" class="ajaxwafstatus">
		{% if service.4|int() == 1 %}
			<label for="metrics{{ service.0 }}"></label><input type="checkbox" id="metrics{{ service.0 }}" checked />
		{% else %}
			<label for="metrics{{ service.0 }}"></label><input type="checkbox" id="metrics{{ service.0 }}" />
		{% endif %}
		</td>
		<td>
		{% if role <= 2 %}
			<a href="/app/waf.py?manage_rules=1&serv={{service.1}}" class="ui-button ui-widget ui-corner-all">Open</a>
		{% endif %}
		</td>
		<td></td>
	{% else %}
		{% if role <= 2 %}
		<td colspan="5">
			<a title="Install WAF"><button onclick="installWaf('{{ service.1 }}')">Install</button></a>
		</td>
		{% endif %}	
	{% endif %}
{% endfor %}
<script>
	{% if role <= 2 %}
		$( "select" ).selectmenu();
		$( "input[type=checkbox]" ).checkboxradio();
		$( ".waf_mode" ).on('selectmenuchange',function() {
			var id = $(this).attr('id');
			changeWafMode(id)
		});	
		$( ".ajaxwafstatus input" ).change(function() {
			var id = $(this).attr('id');
			metrics_waf(id);
		});
	{% endif %}
</script>
<style>
.ui-selectmenu-button.ui-button {width: 10em;}
.fa-play, .fa-stop, .fa-sync-alt { margin-bottom: -1px; }
</style>