{% extends "base.html" %}
{% block content %}	
<script>
	if (cur_url[0] == "overview.py") { 
		$("#secIntervals").css("display", "none");
	}
</script>
{% if role <= 1 %}
	<table class="overview">
		<tr class="overviewHead">
			<td class="padding10 first-collumn">Login</td>
			<td class="padding10 second-collumn">Email</td>
			<td class="padding10 second-collumn">Group</td>
			<td class="padding10">Role</td>
			<td class="padding10">
				<span class="add-button">
					<a title="Show all users" id="show-all-users" style="color: #fff">
						Show all
					</a>
				</span>
			</td>
		</tr>		
		{% set counter = 0 -%}
		{% for USER in users %}
			{% set counter = counter + loop.index0 %}
			{% if counter <= 2 %}
				<tr>
					<td class="padding10 first-collumn"> {{ USER.1 }}</td>
					<td class="padding10"> {{ USER.2 }}</td>
					{% for group in groups %}
						{% if USER.5 == group.0|string() %}
							<td class="second-collumn">{{ group.1 }}</td>
						{% endif %}
					{% endfor %}
					<td>{{ USER.4 }}</td>
					<td></td>
				</tr>
			{% else %}
				<tr style="display: none;" class="show-users">
					<td class="padding10 first-collumn"> {{ USER.1 }}</td>
					<td class="padding10"> {{ USER.2 }}</td>
					{% for group in groups %}
						{% if group.0|string() == USER.5 %}
							<td class="second-collumn">{{ group.1 }}</td>
						{% endif %}
					{% endfor %}
					<td>{{ USER.4 }}</td>
					<td></td>
				</tr>
			{% endif %}
		{% endfor %}
	</table>
{% endif %}
<table class="overview">
	<tr class="overviewHead">
		<td class="padding10 first-collumn">
			Server
		</td>
		<td class="padding10 second-collumn">
			HAproxy status
		</td>
		<td class="padding10 second-collumn">
			Action
		</td>
		<td class="padding10">
			Last edit
		</td  class="padding10">
		<td></td>
	</tr>
<tbody id="ajaxstatus"></tbody>

</table>
<table class="overview" >
	<tr class="overviewHead">
		<td class="padding10 first-collumn">
			Server
		</td>
		<td class="padding10 second-collumn">
			HAproxy info
		</td>
		<td  class="padding10 second-collumn">
			Server status
		</td>
		<td class="padding10">
			Front/Back-ends
		</td>
		<td>
		</td>
	</tr>
<tbody id="ajaxservers"></tbody>
</table>
<div id="dialog-confirm" style="display: none;">
  <p><span class="ui-icon ui-icon-alert" style="float:left; margin:3px 12px 20px 0;"></span>Are you sure?</p>
</div>
<script>
	window.onload = showOverview()
</script>

{% endblock %}