{% extends 'base.html' %}
{% load i18n uni_form_tags %}
{% load url from future %}

{% block title %}Reset Password{% endblock %}
{% block bodyclass %}resetPass{% endblock %}

{% block toolbar %}
<form action='/accounts/login/' method="post">
    {% csrf_token %}
    <table>        
        <tr>
            <td><input id="id_identification" type="text" placeholder="Email" name="identification" maxlength="75" /></td>
            <td><input type="password" placeholder="Password" name="password" id="id_password" /></td>
            <td><input type="submit" value="LOGIN" class = 'orange_button' /></td>
        </tr>        
        <tr>

            <td class = 'remember_me'><input id="id_remember_me" type="checkbox" class="required" name="remember_me" /> <label for = "id_remember_me">Ingat saya</label></td>
            <td class = 'remember_me'><a href="{% url applications_password_reset %}" title="Forgot your password?" class = 'forgot_password'>Lupa password Anda?</a></td>
            <td></td>
        </tr>
    </table>
        
</form>
{% endblock %}

{% block content %}
    <div id = 'landing'>
    
        <div class = 'para'>
            <h2>Lupa Password Anda?</h2>
            <p>Untuk membuka kembali akses ke aplikasi ODP Anda masukkan alamat email yang Anda gunakan untuk mendaftar dan kami akan mengirimkan instruksi lebih lanjut.</p>
        </div>
    
        <form action = '{% url applications_password_reset %}' method = 'post'><div class = 'box'>
            {% csrf_token %}
            <h1>Reset Password</h1>
            <table>
                {% for field in form %}
                    <tr>
                        <td class = 'label'>{{ field.label }}</td>
                        <td>{{ field.errors }}{{ field }}</td>
                    </tr>
                {% endfor %}
                <tr>
                    <td></td>
                    <td><input type = 'submit' value = 'RESET' class = 'button' /></tr>
                </tr>
                
            </table>
            
        </div></form>
    </div>
{% endblock %}