{% extends "base.html" %}

{% load static from staticfiles %}
{% load thread_tags %}
{% block headers %}
<link type="text/css" rel="stylesheet" href="{% static 'ui/css/content.css' %}" />
<link type="text/css" rel="stylesheet" href="{% static 'jquery/tablesorter-master/css/theme.default.css' %}" />
{% endblock %}

{% block content %}
<div class="table_container">
	<div class="header">
		<form class="header_form" action="{% url 'add_manager' %}">
			<button id="add_manager" type="submit" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span><span class="hidden-xs"> Add Manager</span></button>
		</form>
		<h3 class="table_title small_title">Manage Managers</h3>
	</div> <!-- .header -->
	<div class="main_table">
	{% if not managerset %}
		<div class="field_wrapper text-danger">No managers in database.</div>
	{% else %}
	<table class="table table-striped table-bordered table-condensed table-hover" id="managers_table" style="margin: 0px;">
	<thead>
		<tr><th>Title</th>
			<th>Incumbent</th>
			<th>Active</th>
			<th>President</th>
			<th>Workshift</th>
			<th>E-mail</th>
		</tr>
	</thead>
	<tbody>
		{% for pos in managerset %}
		<tr><td><a title="Edit Manager" href="{% url 'edit_manager' managerTitle=pos.url_title %}"><span class="glyphicon glyphicon-wrench"></span> {{ pos.title }}</a></td>
			<td>{% if pos.incumbent %}<a title="View Profile" href="{% url 'member_profile' targetUsername=pos.incumbent.user.username %}"><span class="glyphicon glyphicon-user"></span> {{ pos.incumbent.user.get_full_name }}</a>{% endif %}</td>
			<td>{% if pos.active %}<span style="display: none">1</span><img src="{% static 'admin/img/icon-yes.gif' %}" alt="Yes" />{% else %}<span style="display: none">2</span><img src="{% static 'admin/img/icon-no.gif' %}" alt="No" />{% endif %}</td>
			<td>{% if pos.president %}<span style="display: none">1</span><img src="{% static 'admin/img/icon-yes.gif' %}" alt="Yes" />{% else %}<span style="display: none">2</span><img src="{% static 'admin/img/icon-no.gif' %}" alt="No" />{% endif %}</td>
			<td>{% if pos.workshift_manager %}<span style="display: none">1</span><img src="{% static 'admin/img/icon-yes.gif' %}" alt="Yes" />{% else %}<span style="display: none">2</span><img src="{% static 'admin/img/icon-no.gif' %}" alt="No" />{% endif %}</td>
			<td>{% if pos.email %}<a title="Write E-mail" href="mailto:{{ pos.email }}"><span class="glyphicon glyphicon-envelope"></span> {{ pos.email }}</a>{% endif %}</td>
		</tr>
		{% endfor %}
	</tbody>
	</table>
	{% endif %}
	</div> <!-- .main_table -->
</div> <!-- .table_container -->
<div class="alert alert-info" style="margin-top: 10px;">
Don't know how to use this page?  Check out the
<a target="_blank" href="{% url 'helppage' %}#meta_manager" class="alert-link"><span class="glyphicon glyphicon-new-window"></span>
Meta-Manager section</a> of the
<a target="_blank" href="{% url 'helppage' %}" class="alert-link"><span class="glyphicon glyphicon-new-window"></span> help page</a>.
</div>
{% endblock %}

{% block endscripts %}
<script>
	$(document).ready(function() {
		$('table').tablesorter({
			sortList: [[0,0], [1,0]]
		});
	});
</script>
{% endblock %}