<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAlJSUAAGIAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAIiIiIgAAAAAAAAAgAAAAAAAAAAAAADIiIiIi
IiIjMhERERERESMyERERERERIzIREREREREjMhERIRERESMyERIiIiERIzIRESEREREjMhERERER
ESMyERERERERIzIREREREREjMiIiIiIiIiMAAAAAAAAAAAAAAAAAAAAAAAAAAIABAACAAQAAgAEA
AIABAACAAQAAgAEAAIABAACAAQAAgAEAAIABAACAAQAA" rel="icon" type="image/x-icon" />
<style>
	body {
		font-family: sans-serif;
	}
	td {
		padding: 0px;
	}
	td > * {
		padding: 20px;
		display: block;
	}
	.entry {
		
	}
	.grey {
		color: #888;
		text-align: right;
	}
	.entry_list {
		width: 100%;
		border-collapse: collapse;
	}
	tbody tr:nth-child(odd) {
		background-color: #ddd;
	}
</style>
<title>Server list</title>
</head>
<body>

<h1>Server list</h1>

{{#if dev_mode}}
<div style="color: red;">Relay is in dev mode. This should never be seen in production!</div>
{{/if}}

<div style="padding-top: 1em;">
{{#if servers}}
	<table class="entry_list">
	<thead>
	<tr>
	<th>Name</th>
	<th>Last seen</th>
	</tr>
	</thead>
	<tbody>
	
	{{#each servers}}
		<tr>
		<td><a class="entry" href="{{this.name}}/files/">{{this.display_name}}</a></td>
		<td><span class="grey">{{this.last_seen}}</span></td>
		</tr>
	{{/each}}
	
	</tbody>
	</table>
{{else}}
	(No servers are registered in the config file)
{{/if}}
</div>

<div style="color: #888; padding-top: 1em;">
{{#if git_version}}
Git version: {{git_version}}
{{else}}
Not built from Git
{{/if}}
</div>

</body>
</html>