{% trans_default_domain 'FOSUserBundle' %}



<!------ Include the above in your HEAD tag ---------->






    <div class="row rowmain" >
        {{ form_start(form, { 'action': path('fos_user_change_password'), 'attr': { 'class': 'fos_user_change_password' } }) }}
        <div class="col-sm-12"  id="stab" >

            <ol class="breadcrumb">
                <li class="breadcrumb-item">
                    <a href="#"> {{ 'change_password.submit'|trans }} </a>
                </li>
                <li class="breadcrumb-item active"></li>
            </ol>
            {% for message in app.flashes('error') %}
                <div id="erreur" class=" alert-danger" style="padding-top: 1%;height: 42px; width: 300px ;border-radius: 30px;  color: red;font-weight: bold; display: block;  display: inline-block;float: right  " align="center" role="alert">{{ message }}</div>
            {% endfor %}

            {% for message in app.flashes('success') %}
                <div  id="overlay"  class=" alert-success" style="padding-top: 1%;height: 42px; width: 300px ;border-radius: 30px;  color: forestgreen;font-weight: bold; display: block;  display: inline-block;float: right  " align="center" role="alert"> {{ message }} </div>

            {% endfor %}
        </div>

        <div class="col-sm-8">


            <div class="tab-content">
                <div >
                    <hr>
                    <div class="form-group">

                        <div class="col-xs-12">
                            <label for="email"><h4>{{ form_label(form.current_password)}}</h4></label>
                            {{ form_widget(form.current_password,{'attr':{'class':'form-control', 'placeholder':'current password'}}) }}
                            <b style="color: red">
                                {{ form_errors(form.current_password) }}
                            </b>
                        </div>
                    </div>
                    <div class="form-group">

                        <div class="col-xs-6">
                            <label for="email"><h4>{{ form_label(form.plainPassword.first)}}</h4></label>
                            {{ form_widget(form.plainPassword.first,{'attr':{'class':'form-control', 'placeholder':'Nouveau mot de passe'}}) }}
                            <b style="color: red">
                                {{ form_errors(form.plainPassword.first) }}
                            </b>
                        </div>
                    </div>
                    <div class="form-group">

                        <div class="col-xs-6">
                            <label for="email"><h4>{{ form_label(form.plainPassword.second)}}</h4></label>
                            {{ form_widget(form.plainPassword.second,{'attr':{'class':'form-control', 'placeholder':'Répéter le nouveau mot de passe'}}) }}
                            <b style="color: red">
                                {{ form_errors(form.plainPassword.second) }}
                            </b>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-xs-12">
                            <br>
                            <b style="color: red">
                                {{ form_errors(form) }}
                            </b>
                            {{ form_rest(form) }}
                            {{ form_widget(form) }}

                            <button class="btn btn-lg btn-success" type="submit"><i class="glyphicon glyphicon-ok-sign"></i> {{ 'change_password.submit'|trans }}</button>
                            <button class="btn btn-lg" type="reset"><i class="glyphicon glyphicon-repeat"></i> Reset</button>
                        </div>
                    </div>

                    <hr>

                </div><!--/tab-pane-->


            </div><!--/tab-pane-->
        </div><!--/tab-content-->

        {{ form_end(form) }}
    </div><!--/col-9-->