{% extends 'base.html' %}

{% block main_block %}
    <div class="row col-md" id="reset-form">
        {% for field, errors in form.errors.items() %}
        {{ ', '.join(errors) }}
        {% endfor %}
        <form method="post">
            {{ form.csrf_token() }}
            <div class="form-group">
                {{ form.username.label }}
                {{ form.username(class="form-control") }}
            </div>
            <div class="form-group">
                {{ form.currentpassword.label }}
                {{ form.currentpassword(class="form-control") }}
            </div>
            <div class="form-group">
                {{ form.newpassword.label }}
                <div id="password-msg">
                    The new password should contain at least :
                    <ul>
                        <li id="minlen">{{ form.minlength }} characters</li>
                        <li id="digit">1 numeric digit [0-9]</li>
                        <li id="lower">1 lowercase character [a-z]</li>
                        <li id="upper">1 uppercase character [A-Z]</li>
                    </ul>
                </div>
                {{ form.newpassword(class="form-control") }}
            </div>
            <div class="form-group">
                {{ form.confirm_password.label }}
                <div id="confirm-msg">
                    Passwords must match
                </div>
                {{ form.confirm_password(class="form-control") }}
            </div>
            <br>
            <div class="form-group" style="text-align: center; margin-bottom: 0.40em">
                {{ form.submit(class="btn btn-primary")}}
            </div>
        </form>
    </div>
{% endblock main_block %}

{% block script_block %}
<script defer src="/static/js/validate.js"></script>
{% endblock script_block %}