{% extends "base-gray.html.twig"%}

{%block title%} Modification of the password - {{ parent() }} {%endblock%}

{%block body%}
<div class="container pt-0 pb-0">
    {% if app.request.hasPreviousSession %}
        {% for type, messages in app.session.flashbag.all %}
            {% for message in messages %}
            <div class="al1">
                <div class="alert alert-{{ type }} alert-dismissable mb-0">
                    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
                    {{ message|raw }}
                </div>
            </div>
            {% endfor %}
        {% endfor %}
    {% endif %}
</div>
<div class="container" style="margin-top: 2.9rem; margin-bottom: 2rem">
    <div class="row">
        <div class="col-md-3">
            <ul class="nav-dashboard">
                <li>
                    <a href="{{path('imax_security_parameters',{'username':app.user.username})}}">Parameters</a>
                </li>
                <li class="active">
                    <a href="{{path('imax_security_parameters_password',{'username':app.user.username})}}">Password</a>
                </li>
                <li>
                    <a href="{{path('imax_security_parameters_delete',{'username':app.user.username})}}">Delete my account</a>
                </li>
            </ul>
        </div>
        <div class="col-md-9">
            <div class="card mb-3">
                <div class="card-header bg-white h6">
                    Modification of the password
                </div>
                {{form_start(form)}}
                <div class="new_user" id="new_user">
                    <div class="card-body">
                        <div class="form-group row">
                            <label class="col-md-3"></label>
                            <div class="col-md-4">
                                {{form_errors(form.password.first)}}
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">
                                {{form_label(form.password.first)}}
                            </label>
                            <div class="col-md-4">
                                {{form_widget(form.password.first)}}
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-md-3 col-form-label">
                                {{form_label(form.password.second)}}
                            </label>
                            <div class="col-md-4">
                                {{form_widget(form.password.second)}}
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-sm-6 col-md-4">
                                <input class="btn btn-light" data-disable-with="Please be patient" data-modal-submit="" name="commit" type="submit" value="Confirm" style="border:1px solid #ddd">
                            </div>
                        </div>
                    </div>
                </div>
                {{form_end(form)}}
            </div>
        </div>
    </div>
</div>
{%endblock%}