{% extends 'base_frontend.html.twig' %}

{% block title %} Changement de mot de passe {% endblock %}

{% block content %}
<!-- ============================================== HEADER : END ============================================== -->
<div class="breadcrumb">
	<div class="breadcrumb-inner">
		<ul class="list-inline list-unstyled">
			<li><a href="{{ path('frontend_home_index') }}">Mon Profile</a></li>
			<li class='active'>Changement de mot de passe</li>
		</ul>
	</div><!-- /.breadcrumb-inner -->
</div><!-- /.breadcrumb -->

<div class="body-content ">
	
		<div class="sign-in-page">
			<div class="row">
				<!-- Sign-in -->	
                <div class="col-md-4 col-sm-4">
                    <h3>Changement de mot de passe</h3>
                    <br>
                    <font size="4">
                        <p>
                            Pour modifier votre mot de passe, veuillez indiquer l’ancien mot de passe, puis le nouveau (à 2 reprises).
                        </p>
                    </font>
                    <br>
                    {% set formErrors = form.vars.errors.form.getErrors(true) %}
                    {% if formErrors|length %}
                        <div class="alert alert-danger">
                            <ul>
                                {% for key,error in formErrors %}
                                    <li><strong>{{ error.message }}</strong></li>
                                {% endfor %}
                            </ul>
                        </div>
                    {% endif %}
                    
                </div>		
                <div class="col-md-6 col-sm-6  col-md-offset-1">
                    
                     {{ form_start(form, {'attr': {'class': 'register-form outer-top-xs'}}) }}
                        <br>
                        <div class="form-group">
                            <label class="info-title">{{ form_label(form.password) }} <span>*</span></label>
                            {{ form_widget(form.password, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
                            <span class="help-block">{{ form_errors(form.password) }}</span>
                        </div>
                        
                        <div class="form-group">
                            <label class="info-title">{{ form_label(form.new_password) }}</label>
                            {{ form_widget(form.new_password, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
                            <span class="help-block">{{ form_errors(form.new_password) }}</span>
                        </div>
                        
                        <div class="form-group">
                            <label class="info-title">{{ form_label(form.confirm_password) }}</label>
                            {{ form_widget(form.confirm_password, {'attr': {'class': 'form-control unicase-form-control text-input'}}) }}
                            <span class="help-block">{{ form_errors(form.confirm_password) }}</span>
                        </div>

                        {{ form_widget(form.submit, {'attr': {'class': 'btn-primary btn'}}) }}

                    {{ form_end(form) }}	
                    			
                </div>
                <!-- Sign-in -->		
            </div><!-- /.row -->
		</div><!-- /.sigin-in-->
        <br><br><br><br>
    
</div>
{% endblock %}