{% extends '::layout_login.html.twig' %}
{% block title %}
    Changer mot de passe
{% endblock %}
 {% block fos_user_content %}
     <div class="lock-screen" style="width: 300px;">
         <div class="box-ls">
             {% if(app.user.civility == 'Mr') %}
             <img alt="" style="width: 120px;" src="{{ asset('components/assets/images/man.png') }}" class="img-rounded">
             {% else %}
                 <img alt="" style="width: 120px;" src="{{ asset('components/assets/images/women.png') }}" class="img-rounded">
             {% endif %}
             <div class="user-info">
                 <h4>{{ app.user.getFullname }}</h4>
                 <span>{{ app.user.email }}</span>

                     {{ form_start(form, { 'action': path('fos_user_change_password'), 'attr': { 'class': 'fos_user_change_password' } }) }}

                     <div class="input-group">
                         <div class="row">
                             <div class="col-xs-12">
                         <div class="form-group col-xs-12">
								<span class="input-icon">
									 {{ form_widget(form.current_password,{'attr': {'class': 'form-control','placeholder':'Votre ancien password'}}) }}
                                    <i class="fa fa-key"></i> </span>
                             {% if  form.current_password.vars.errors|length > 0 %}
                                 <div class="text-danger text-large"> {{ form_errors(form.current_password) }}</div>
                             {% endif %}
                         </div>
                         <div class="form-group col-xs-12">
								<span class="input-icon">
									 {{ form_widget(form.plainPassword.first,{'attr': {'class': 'form-control','placeholder':'Répeter votre password'}}) }}
                                    <i class="fa fa-key"></i> </span>
                             {% if  form.plainPassword.first.vars.errors|length > 0 %}
                                 <div class="text-danger text-large"> {{ form_errors(form.plainPassword.first) }}</div>
                             {% endif %}
                         </div>
                         <div class="form-group col-xs-12">
								<span class="input-icon">
									 {{ form_widget(form.plainPassword.second,{'attr': {'class': 'form-control','placeholder':'Répeter votre password'}}) }}
                                    <i class="fa fa-key"></i> </span>
                             {% if  form.plainPassword.second.vars.errors|length > 0 %}
                                 <div class="text-danger text-large"> {{ form_errors(form.plainPassword.second) }}</div>
                             {% endif %}
                         </div>
                         <div class="form-actions col-xs-12">
                             <button type="submit" class="btn btn-primary pull-right">Changer <i class="fa fa-arrow-circle-right"></i>
                             </button>
                         </div>
                             </div>
                         </div>
                     </div>
                     {{ form_end(form) }}

                     </div>
         </div>
     </div>

     <footer class="page-footer">
         <section class="social-bar social-bar--shadow">
             <input type="checkbox" id="social-bar__checkbox" class="social-bar__checkbox" />
             <label  for="social-bar__checkbox" class="social-bar__toggler social-bar__toggler--with-label"><i class="fa fa-user"></i><span>{{ app.user.nom }}</span></label>
             <ul>
                 <li class="social-bar__item social-bar__item--facebook">
                     <a href="{{ path('operation_utilisateur_accueil') }}"><i class="fa fa-home"></i><span class="social-bar__label">Accueil</span></a>
                 </li>
                 <li class="social-bar__item social-bar__item--twitter">
                     <a href="{{ path('fos_user_change_password') }}"><i class="fa fa-key"></i><span class="social-bar__label">Changer password</span></a>
                 </li>
                 <li class="social-bar__item social-bar__item--google-plus">
                     <a href="{{ path('fos_user_security_logout') }}" ><i class="fa fa-unlock-alt"></i><span class="social-bar__label">Déconnexion</span></a>
                 </li>

             </ul>
         </section>

     </footer>
{% endblock %}