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

{% block title %}Modification d'utilisateur{% endblock %}

{% block body %}
<div class="container">
	<ul class="nav nav-tabs">
	  <li class="nav-item">
		<a class="nav-link" href="{{ path('app_profil') }}">Profil</a>
	  </li>
	  <li class="nav-item">
		<a class="nav-link" href="{{ path('app_edit_profil') }}">Modifier votre profil</a>
	  </li>
	  <li class="nav-item">
		<a class="nav-link active" href="{{ path('app_edit_pass') }}">Modifier votre mot de passe</a>
	  </li>
	</ul>
	<br>
<div class="col-md-10 offset-lg-1">
	<div class="alert alert-secondary" role="alert">
			   <a href="" class="alert-link">Modification du mot de passe</a>.
	</div>

<div class="card card-default">

      <div class="card-body">
		<h3>{{ user.nom }} {{ user.prenom }} </h3>
		<hr class="my-4">
    {% for flashError in app.flashes('verify_email_error') %}
        <div class="alert alert-danger" role="alert">{{ flashError }}</div>
    {% endfor %}
   {{ form_start(registrationForm) }}

	 <div class="form-group">
		{{ form_errors(registrationForm.password.first) }}
		<label for="inputPassword3" class="control-label">Mot de passe</label>
		  {{ form_widget(registrationForm.password.first, {'attr': {'class': 'form-control'}}) }}
	  </div>
	  <div class="form-group">
		{{ form_errors(registrationForm.password.second) }}
		<label for="inputPassword3" class="control-label">Répéter le mot de passe</label>
		  {{ form_widget(registrationForm.password.second, {'attr': {'class': 'form-control'}}) }}
	  </div>

		
	  <div class="form-group">
		<div class="col-sm-offset-4 col-sm-6">
		  <button type="submit" class="btn btn-primary">
                <i class="fa fa-key fa-fw"></i> Modifier le mot de passe
            </button>
		</div>
	  </div>
	{{ form_end(registrationForm) }}
	</div>
 </div> 
    
</div>	
</div>
{% endblock %}