{% extends 'base.html.twig' %}
{% block page_header_title %}Change Password{% endblock %}
{% block page_header_subtitle %}{% endblock %}
{% block content %}
    <div class="row justify-content-center">
        <div class="col-4">
            <div class="panel panel-default">
                <div class="panel-body">
                    <form class="form form-horizontal" action="{{ path('changePassword') }}" method="post">
                                <h4 class="text-white">Reset Password</h4>
                                <p>Please enter a new password now.</p>
                                <div class="form-group m-b-20">
                                    {{ form_label(form.password.first, null, {'label_attr':{'class':'sr-only'}}) }}
                                    {{ form_widget(form.password.first, {'attr':{'class':'form-control input-lg', 'placeholder':'New Password', 'autocomplete':'off'}}) }}
                                </div>
                                <div class="form-group m-b-20">
                                    {{ form_label(form.password.second, null, {'label_attr':{'class':'sr-only'}}) }}
                                    {{ form_widget(form.password.second, {'attr':{'class':'form-control input-lg', 'placeholder':'Confirm New Password', 'autocomplete':'off'}}) }}
                                </div>
                                {{ form_rest(form) }}
                                <div class="login-buttons">
                                    <button type="submit" class="btn btn-success btn-block btn-lg">Change my Password</button>
                                </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}