{% 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 'Load' %}</td>
            </tr>
        </thead>
        <tbody>
            {% for country, d in locations %}
                <tr><td class="left">
                    {{ d.country_name }}
                    {% if d.tags.no_p2p %}
                        <span class="no-p2p" title="{% trans 'BitTorrent on public trackers is not allowed on this location' %}">NO<br />P2P</span>
                    {% endif %}
                    {% if d.tags.no_ipv6 %}
                        <span class="no-ipv6" title="{% trans 'IPv6 is not available on this location ' %}">NO<br />IPv6</span>
                    {% endif %}
                </td>
                    <td class="left host_line">
                        <span class="host_name">{{ d.hostname }}</span>
                    </td>
                    <td class="right">
                        <span class="bandwidth">
                            <span class="inner {% if d.load_percent > 75 %}high{% endif %}" style="width: {{d.load_percent}}%"></span>
                            <span class="label">
                                {{ d.load_percent }}%
                                of
                                {{ d.bandwidth|bwformat }}
                            </span>
                        </span>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
</div>
<script type="text/javascript" src="/static/ping.js"></script>

{% endblock %}