{% extends "static/static_base.html" %}

{% block content %}
    <div class="modal-dialog" style="margin:30px auto; z-index:9999;">
        <div class="modal-content">
            <div class="modal-body">
                <h2>Enter new password</h2>
                <form method="post">
                    {% csrf_token %}
                    <p>
                        <label for="id_new_password1">New password:</label>
                        <input type="password" class="form-control" name="new_password1" autocomplete="new-password"
                               required=""
                               aria-describedby="id_new_password1_helptext" id="id_new_password1">
                        <span class="helptext" id="id_new_password1_helptext"></span></p>

                    {{ form.new_password1.help_text|safe }}

                    <p>
                        <label for="id_new_password2">New password confirmation:</label>
                        <input type="password" class="form-control" name="new_password2" autocomplete="new-password"
                               required=""
                               aria-describedby="id_new_password2_helptext" id="id_new_password2">
                        {{ form.new_password2.help_text|safe }}
                    </p>
                    <button class="btn btn-primary" type="submit">Reset Password</button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}