{% extends 'admin/master.html' %}
{% from "security/_macros.html" import render_field_with_errors, render_field, render_button %}
{% include "security/_messages.html" %}
{% block head %}
    <style>
        body {
            background: #d2d6de;
        }
    </style>
{% endblock head %}
{% block page_body %}
    <div class="login-box">
        <div class="login-logo">
            {% autoescape false %}{{ admin_view.admin.long_name }}{% endautoescape %}
        </div>
        <div class="login-box-body">
            <p class="login-box-msg">Change your password</p>
            <form action="{{ url_for_security('change_password') }}" method="POST" name="change_password_form">
                {{ change_password_form.hidden_tag() }}
                {{ render_field_with_errors(change_password_form.password, 'fa fa-lock') }}
                {{ render_field_with_errors(change_password_form.new_password, 'fa fa-lock') }}
                {{ render_field_with_errors(change_password_form.new_password_confirm, 'fa fa-lock') }}
                <div class="row">
                    <div class="col-xs-12">
                        {{ render_button(change_password_form.submit, class="btn btn-primary btn-block btn-flat") }}
                    </div>
                </div>
            </form>
        </div>
        <p class="text-center" style="margin-top: 15px;">
            <a href="/admin/">Back to the Admin</a>
        </p>
    </div>
{% endblock page_body %}