{% extends 'layout.html' %}

{% block content %}

<div class="login">
    {% if flash %}
        <div class="alert bg-red">
            {{ flash }}
        </div>
    {% endif %}
    
    <h3>Reset password</h3>
    
    <p>
        Please insert your username and email. You will receive a secret
        code for resetting your password.
    </p>
    <p style="margin: 1em 0 2em 0;">
        You can only reset your password once per hour.
    </p>
    
    <form action="{{ url ('password_reset_send_code') }}" method="post">
        <div>
            <p>
                <input type="text" name="username" placeholder="Username" class="form-control" required />
            </p>
            <p>
                <input type="text" name="email" placeholder="Email" class="form-control" required />
            </p>
        </div>
        
        <div>
            <input type="submit" value="Send email" class="button button_info" />
        </div>
    </form>
    
</div>

{% endblock %}