{% extends "base.html" %}
{% load i18n %}

{% block content %}
<div class="navigation" data-role="navbar" data-iconpos="right">
  <ul>
    <li>
      <a href="/link/" data-icon="arrow-r" data-ajax="false">
        {% trans "Server Index" %}　
      </a>
    </li>
    <li>
      <a href="#" class="ui-btn-active" data-icon="arrow-r" data-ajax="false">
        {{server}}　
      </a>
    </li>
  </ul>
</div>

<div id="login_area">
  <h3>{% trans "Login" %}: {{server}}</h3>
  <hr />
  <div id="error_container"></div>
  <form method="POST" action="/login/{{server}}/{{path}}"
        id="login-form" data-ajax="false">
    <div data-role="fieldcontain" class="ui-field-contain">
      <label for="id_username">{% trans "Username" %}:</label>
      <input type="text" name="username" id="id_username" autofocus />
    </div>
    <div data-role="fieldcontain" class="ui-field-contain">
      <label for="id_password">{% trans "Password" %}:</label>
      <input type="password" name="password" id="id_password" />
      <input type="hidden" name="this_is_the_login_form" value="1" />
      <input type="hidden" name="share" value="{{share}}" />
    </div>
{% if domains %}
    <div data-role="fieldcontain" class="ui-field-contain">
      <label for="id_domain">{% trans "Domain" %}:</label>
      <select name="domain" id="id_domain">
{% for domain in domains %}
        <option value="{{domain}}">{{domain}}</option>
{% endfor %}
      </select>
    </div>
{% endif %}
    <div class="submit-row">
      <label>&nbsp;</label><input type="submit" value="{% trans "Login" %}" />
    </div>
  </form>
</div>
{% endblock %}

{% block javascript %}
<script type="text/javascript">
<!--
  var js_debug = {{JS_DEBUG}};
// -->
</script>

<script type="text/javascript" src="{{MEDIA_URL}}/js/thothlink.js"></script>
<script type="text/javascript">
  $(document).ready(ready_login);
</script>
{% endblock %}