{% extends 'layout.html' %}
{% load i18n %}
{% load static %}
{% load bw %}

{% block content %}
<div class="pure-g content">
<div class="pure-u-1 pure-u-xl-2-3" id="gateways">
    <h2>{% trans 'Our Servers' %}</h2>

    <table>
        <thead>
            <tr><td>{% trans 'Location' %}</td>
                <td>{% trans 'Hostname' %}</td>
                <td>{% trans 'Servers' %}</td>
                <td>{% trans 'Load' %}</td>
            </tr>
        </thead>
        <tbody>
            {% for country, d in locations %}
                <tr><td class="left">{{ d.country_name }}</td>
                    <td class="left host_line">
                        <span class="host_name">{{ d.hostname }}</span>
                    </td>
                    <td class="right">{{ d.servers|length }}</td>
                    <td class="right">
                        {{ d.load_percent|floatformat:1 }}%
                        of
                        {{ d.bandwidth|bwformat }}
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
</div>
<script type="text/javascript" src="/static/ping.js"></script>

{% endblock %}