{% extends "base.html" %}

{% block content %}

<p><b>Organization:</b> {{ organization }}</p>
<p><b>User:</b> {{ user.first_name }} {{ user.last_name }} ({{ user.username }}) <a href="/user/{{ user.id }}/edit"><i class="fas fa-edit" title="Edit User"></i></a></p>

<div align="center"><b>Manage:</b> <a id="linkdevices" href="#" onclick="showdevices();">Devices</a> &dash; <a id="linkwifi" href="#" onclick="showwifi();">WiFi</a>{% if user.is_staff %} &dash; <a id="linkusers" href="#" onclick="showusers();">Users</a>{% endif %}</div>

<div name="devicespart" id="devicespart">
	<h2>Devices</h2>

	<div class="table-responsive">
		<table id="table" name="table" class="table">
			<thead>
				<tr>
					<th>Device ID</th>
					<th>Common Name</th>
					<th>Network</th>
					<th>Latest IP</th>
					<th>Options {% if user.is_superuser %}<a href="/makedevice/" style="font-weight:bold;color:green;"><i class="fas fa-plus" title="Add Device"></i></a>{% endif %}</th>
				</tr>
			</thead>

			{% for device in devices %}
			<tr>
				<td><div style="display: inline; color: grey; font-weight: bold;" title="No information available" id="{{ device.id }}-indicator">&#11044;</div>&nbsp;<div style="display: inline;" {% if user.is_superuser %}title="{{device.organization.name}}"{% endif %} id="{{ device.id }}-id">{{ device.serial }}</div></td>
				<td id="{{ device.id }}-name">{% if device.name %}{{ device.name }}{% endif %}</td>
				<td id="{{ device.id }}-network">{{ device.network }}</td>
				<td><div style="display:inline;" id="{{ device.id }}-ip">{% if device.curip %}{{ device.curip }} (at {{ device.lasttime }}){% endif %}</div></td>
				<td><a href="/devices/{{ device.id }}/edit"><i class="fas fa-edit" title="Edit Device"></i></a> <a href="#"><i style="color: green;" onclick="askreboot({{ device.id }});" class="fas fa-sync" title="Reboot Device"></i></a>{% if user.is_staff %} <a onclick="downloadnotice();" href="/devices/{{ device.id }}/download"><i class="fas fa-download" title="Download Configuration"></i></a>{% endif %}{% if user.is_superuser %} <a href="#"><i style="color: darkred;" onclick="askdelete({{ device.id }});" class="fas fa-trash-alt" title="Delete Device"></i></a>{% endif %}</td>
			</tr>
			{% endfor %}

		</table>
	</div>
</div>

<div name="wifipart" id="wifipart">
	<h2>WiFi</h2>

	<div class="table-responsive">
		<table id="wifi" name="wifi" class="table">
			<thead>
				<tr>
					<th>Common Name</th>
					<th>SSID</th>
					<th>Options {% if user.is_staff %}<a href="/makewifi/" style="font-weight:bold;color:green;"><i class="fas fa-plus" title="Add WiFi"></i></a>{% endif %}</th>
				</tr>
			</thead>

			{% for wifi in wifis %}
			<tr>
				<td><div style="display:inline;" {% if user.is_superuser %}title="{{ wifi.organization.name }}"{% endif %}>{{ wifi.serial }}</div></td>
				<td>{{ wifi.ssid }}</td>
				<td><a href="/wifi/{{ wifi.id }}/edit"><i class="fas fa-edit" title="Edit WiFi"></i></a>{% if user.is_staff %} <a href="#"><i style="color: darkred;" onclick="askdeletewifi({{ wifi.id }});" class="fas fa-trash-alt" title="Delete WiFi"></i></a>{% endif %}</td>
			</tr>
			{% endfor %}

		</table>
	</div>
</div>

{% if users %}
<div name="userpart" id="userpart">
	<h2>Users</h2>

	<div class="table-responsive">
		<table id="users" name="users" class="table">
			<thead>
				<tr>
					<th>Username</th>
					<th>Real name</th>
					<th>Last Login</th>
					<th>Options</th>
				</tr>
			</thead>

			{% for auser in users %}
			<tr>
				<td><div style="display:inline;" {% if user.is_superuser %}title="{% for orga in auser.organizations %}{{ orga }}&#10;{% endfor %}"{% endif %}>{% if auser.is_staff %}<b>{% endif %}{{ auser.username }}{% if auser.is_staff %}</b>{% endif %}</div></td>
				<td>{% if auser.is_staff %}<b>{% endif %}{{ auser.first_name }} {{ auser.last_name }}{% if auser.is_staff %}</b>{% endif %}</td>
				<td>{{ auser.last_login }}</td>
				<td><a href="/user/{{ auser.id }}/edit"><i class="fas fa-edit" title="Edit User"></i></a> {% if auser.email %}<a href="mailto:{{ auser.email }}"><i class="fas fa-envelope" title="Send Email"></i></a>{% endif %}</td>
			</tr>
			{% endfor %}

		</table>
	</div>
</div>
{% endif %}

<script src="/js/devices.js"></script>

{% endblock %}