{% extends "base.html" %}
{% load i18n %}
{% block meta %}
{% endblock %}

{% block content %}
<div id="main">
  {% if server_list %}
  <ul data-role="listview" data-inset="true">
    {% for server in server_list %}
    <li>
      <a href="/link/{{server.name}}/" title="{{server.name}}" data-ajax="false">
        <img src="{{MEDIA_URL}}/img/icon/filesystem_network_local.png" />
        <h2>{{server.name}}</h2>

      {% if server.login %}
      <p>
        <img src="{{MEDIA_URL}}/img/icon/locked.gif" />
        {% trans "Logged in" %}
      </p>
      {% else %}
      <p>
        <img src="{{MEDIA_URL}}/img/icon/unlocked.gif" />
        {% trans "Not logged in" %}
      </p>
      {% endif %}
      </a>
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p>no server config.</p>
  {% endif %}
</div>
{% endblock %}