{% extends "base.html" %}
{% block title %}login{% endblock %}
{% block headers %}
<h2>Login</h2>
{% endblock headers %}

{% block content %}
<form action="" method="post" id="login-form">
  <div class="form-row">
    <label for="id_username">Username:</label> <input type="text" name="username" id="id_username" />
  </div>
  <div class="form-row">
    <label for="id_password">Password:</label> <input type="password" name="password" id="id_password" />
    <input type="hidden" name="this_is_the_login_form" value="1" />
  </div>
  <div class="submit-row">
    <label>&nbsp;</label><input type="submit" value='Log in' />
  </div>
</form>

<script type="text/javascript">
document.getElementById('id_username').focus()
</script>

<p>If you don't have a <i>login</i> you can <a href='{{ root_url }}request/'>request it</a>.</p>

<h2>Forgot password?</h2>
<p>
If you have forgot your password, you can request a 
new one. Fill in the following form and you will receive a new password by email. If you don't even remember your username look for your personal page in the <a href='{{ root_url}}persons/'>authors list</a>. The username is written in square brackets in the upper-right corner of the page.
<form action='' method='POST'>
<b>username:</b> <input name="username">
<input type="hidden" name="sendpasswd" value="1">
<input type="submit" value="send new password">
</form>
</p>
{% endblock %}
