{% extends "facebook/canvas" %}
{% load facebook %}
{% block title %}Computers: {{ computer.sword }}{% endblock %}
{% block body %}
<div class="hostprofile clearfix">
	<div class="profilenarrowcolumn">
		<div class="profileimage">{% computer_picture computer n %}</div>
		<div class="profileActions">
			<ul class="actionspro">
				<li><span class="inactive">Send {{ computer.sword }} a Message</span></li>
				<li><span class="inactive">Poke {{ computer.sword }}!</span></li>
			</ul>
		</div>
		{% if computer.online %}
		<div class="online_status_container">
			<table cellspacing="0" cellpadding="0" border="0" width="100%">
				<tr style="vertical-align: top;">
					<td style="padding: 2px 7px 0px 0px;"><div class="online_status">{{ computer.sword }} is online.</div></td>
					<td style="padding: 2px 0px 0px 0px; width: 25px;"><img alt="" src="{{ "/images/online.png"|callback }}"/></td>
				</tr>
			</table>
		</div>
		{% endif %}
		<div class="header"><h2>People Logged In</h2></div>
		{% with computer.login_set.all as logins %}
		<div class="subheader clearfix">
			<h3>{% if computer.online %}{% if logins %}{{ logins|length }}{% else %}No{% endif %} {{ logins|length|pluralize:"person,people" }}{% else %}No people{% endif %} logged in.</h3>
		</div>
		<div class="inside_the_box">
			{% if logins %}
			<div class="people clearfix">
				{% for login in logins %}
				{% include "facebook/computer-login" %}
				{% endfor %}
			</div>
			{% else %}
			There are no people logged in to {{ computer.sword }}.
			{% endif %}
		</div>
		{% endwith %}
	</div>
	<div class="profilepagewidecolumn">
		<div class="computer_info clearfix">
			<div class="left_side">
				<h2><a href="{{ computer.article }}" target="_blank">{{ computer.sword }}</a></h2>
			</div>
		</div>
		{% with computer.roles.all as roles %}
		<div class="basic_info">
			<table class="profileTable" cellpadding="0" cellspacing="0">
				<tr>
					<td class="label">DNS Name:</td>
					<td class="data"><div class="datawrap">{{ computer.full_name }}</div></td>
				</tr>
				<tr>
					<td class="label">OS:</td>
					{% with computer.operating_system as operating_system %}
					<td class="data"><div class="datawrap">{% if operating_system.url %}<a href="{{ operating_system.url }}">{{ operating_system }}</a>{% else %}{{ operating_system }}{% endif %}</div></td>
					{% endwith %}
				</tr>
				<tr>
					<td class="label">IP Address:</td>
					<td class="data"><div class="datawrap">{{ computer.ip_address }}</div></td>
				</tr>
				<tr>
					<td class="label">Processor:</td>
					<td class="data"><div class="datawrap">{{ computer.processor }}</div></td>
				</tr>
				<tr>
					<td class="label">Roles:</td>
					<td class="data"><div class="datawrap">{% for role in roles %}<a href="./roles/{{ role }}">{{ role.full_name }}</a><br/>{% endfor %}</div>
					</td>
				</tr>
			</table>
		</div>
		<div class="header"><h2>MOTD</h2></div>
		<div class="inside_the_box clearfix">{% if computer.motd %}<span class="unixtext">{{ computer.motd|target_blankify|safe }}</span>{% else %}{{ computer.sword }} doesn't have a message of the day file.{% endif %}</div>
		{% for role in roles %}
		<div class="header"><h2><a href="./roles/{{ role }}">{{ role.full_name }}</a></h2></div>
		<div class="inside_the_box">
			<p style="margin-top: 0px;">Useful information about this?</p>
		</div>
		{% endfor %}
		{% endwith %}
	</div>
</div>
<div class="profileActionsSecondary clearfix">
	<ul>
		<li class="label">Show:</li>
		<li>
			<form action="./" class="editorkit" id="host_select" method="get">
				<select name="computer" onchange="HostSelect()">
					<option value="">All</option>
					{% for computer_ in computers %}
					<option{% ifequal computer computer_ %} selected{% endifequal %} value="{{ computer_ }}">{{ computer_.sword }}</option>
					{% endfor %}
				</select>
			</form>
		</li>
	</ul>
</div>
{% endblock %}
{% block js %}
<script>
<!--
function HostSelect()
{
	document.getElementById('host_select').submit();
}
//-->
</script>
{% endblock %}
{% block id %}$Id${% endblock %}
{# vim: set filetype=htmldjango: #}