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

{% block title %}
	{{parent()}}Profil
{% endblock %}

{% block body %}
	<div>
		<h1 class="h1titrepage">Profil</h1>

		<div class="profil-container">
			{% if app.user %}
				<ul class="profil-infos">
					<li>
						<strong>Nom :</strong>
						{{ app.user.nom }}</li>
					<li>
						<strong>Prénom :</strong>
						{{ app.user.prenom }}</li>
					<li>
						<strong>Email :</strong>
						{{ app.user.email }}</li>
					<li>
						<strong>Rue :</strong>
						{{ app.user.rue }}</li>
					<li>
						<strong>Code postal :</strong>
						{{ app.user.codePostal }}</li>
					<li>
						<strong>Ville :</strong>
						{{ app.user.ville }}</li>
					<li>
						<strong>Téléphone :</strong>
						{{ app.user.telephone }}</li>
				</ul>
			{% else %}
				<p>Vous devez être connecté pour voir votre profil.</p>
			{% endif %}
		</div>

		<div class="change-password-form">
			<h2>Changer mon mot de passe</h2>
			{% for label, messages in app.flashes %}
				<div class="flash-{{ label }}">
					{% for message in messages %}
						<p>{{ message }}</p>
					{% endfor %}
				</div>
			{% endfor %}

			{{ form_start(passwordForm) }}

			{{ form_row(passwordForm.oldPassword) }}
			{{ form_errors(passwordForm.oldPassword) }}

			{{ form_row(passwordForm.newPassword.first) }}
			{{ form_errors(passwordForm.newPassword.first) }}

			{{ form_row(passwordForm.newPassword.second) }}
			{{ form_errors(passwordForm.newPassword.second) }}

			<button type="submit" class="form-submit">Modifier</button>

			{{ form_end(passwordForm) }}
		</div>
	</div>
{% endblock %}