{% extends "facebook/canvas" %}
{% load facebook %}
{% block title %}Computers{% if role %}: {{ role.full_name }}{% endif %}{% endblock %}
{% block body %}
<div class="filterandsearch clearfix">
	<table border="0" cellspacing="0" class="formtable">
		<tr>
			<td class="label">Show:</td>
			<td>
				<form action="{% if not role %}roles{% else %}.{% endif %}/" id="role_select" method="get">
					<select name="role" onchange="RoleSelect()">
						<option{% if not role %} selected{% endif %} value="">All</option>
						{% for role_ in roles %}
						<option{% ifequal role role_ %} selected{% endifequal %} value="{{ role_ }}">{{ role_.full_name }}</option>
						{% endfor %}
					</select>
				</form>
			</td>
		</tr>
	</table>
</div>
<div class="bar clearfix summary_bar">
	<div class="summary">
		<h4>There {{ computers|pluralize:"is,are" }} {{ computers|length }} computer{{ computers|pluralize }} in <a href=".">The Lab</a>{% if role %} with the role <b>{{ role.full_name }}</b>{% endif %} {% if not computers|length_is:"1" %}there {{ online|pluralize:"is,are" }} {{ online }}{% else %}it is{% if not online %}n't{% endif %}{% endif %} online.</h4>
	</div>
</div>
<div class="search_results clearfix">
	<div class="column results computers">
		{% for computer in computers %}
		<div class="result clearfix">
			<div class="image">{% computer_picture computer t %}</div>
			<div class="info">
				<dl class="clearfix">
					<dt>Computer:</dt>
					<dd class="result_computer"><a href="{{ "/computers/"|root }}{{ computer }}">{{ computer.sword }}</a></dd>
					<dt>DNS Name:</dt>
					<dd>{{ computer.full_name }}</dd>
					<dt>OS:</dt>
					{% with computer.operating_system as operating_system %}
					<dd>{% if operating_system.url %}<a href="{{ operating_system.url }}">{{ operating_system }}</a>{% else %}{{ operating_system }}{% endif %}</dd>
					{% endwith %}
					<dt>Status:</dt>
					<dd>{{ computer.sword }} is {% if computer.online %}online{% else %}offline{% endif %}.</dd>
				</dl>
			</div>
			<div class="people clearfix">
				{% if computer.online %}
				{% with computer.local.0 as login %}
				{% if login %}
				{% include "facebook/computer-login" %}
				{% else %}
				Nobody is logged in at the console.
				{% endif %}
				{% endwith %}
				{% endif %}
			</div>
		</div>
		{% endfor %}
	</div>
</div>
<div class="bar clearfix footer_bar">
	<div class="quail" title="{{ computers|length }} {{ online }}">
		<span>I won't find something to put here.</span>
	</div>
</div>
{% endblock %}
{% block js %}
<script>
<!--
function RoleSelect()
{
	document.getElementById('role_select').submit();
}
//-->
</script>
{% endblock %}
{% block id %}$Id${% endblock %}
{# vim: set filetype=htmldjango: #}