{% extends '@Core/base.html.twig' %}


{% block sectionTitle %}Cambiar contraseña{% endblock %}

{% block breadcrumbLinks %}

    <li><a href="{{ path('my_profile') }}">Perfil</a></li>
    <li class="active">Cambiar contraseña</li>

{% endblock %}
{% block content %}
    {% form_theme form 'bootstrap_3_layout.html.twig' %}


    {{ form_start(form) }}
    {{ form_errors(form) }}

    <div class="panel panel-flat">

        <div class="panel-heading">
            {% for flash_message in app.session.flashBag.get('success') %}
                <div class="alert alert-success alert-styled-left">
                    <span class="text-semibold">{{ flash_message }}</span>
                </div>
            {% endfor %}
            {% for flash_message in app.session.flashBag.get('success') %}
                <div class="alert alert-primary alert-styled-left">
                    <span class="text-semibold">{{ flash_message }}</span>
                </div>
            {% endfor %}
        </div>

        <div class="panel-heading">

            <div class="col-xs-4">
            </div>
            <div class="col-xs-4">
                <h5 class="panel-title">{{ user.name }}<a class="heading-elements-toggle"><i class="icon-more"></i></a></h5>
            </div>
            <div class="col-xs-4">
            </div>
        </div>

        <div class="panel-body">

            <div class="col-xs-4">
            </div>


            <div class="col-xs-4" style="text-align: left">
                <div class="form-group">
                    {{ form_widget(form) }}
                </div>
                <button type="submit" class="btn-rounded btn btn-primary" style="float: right"><i class="icon-download position-left"></i>Cambiar contraseña</button>

            </div>

            <div class="col-xs-4">
            </div>

        </div>

    </div>


    {{ form_end(form) }}




{% endblock%}