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

{% block title %}profile{% endblock %}

{% block body %}

<div class="container">
	<ul class="nav nav-tabs">
	  <li class="nav-item">
		<a class="nav-link active" 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" href="{{ path('app_edit_pass') }}">Modifier votre mot de passe</a>
	  </li>
	</ul>
	<div class="alert alert-secondary" role="alert">
		<h5>Bonjour {{ app.user.prenom }}!</h5>
	</div>

	 <div class="col-md-10 offset-lg-1">
			<div class="alert alert-secondary" role="alert">
			   <a href="#" class="alert-link">Votre profil</a>.
			</div>
            <div class="card card-default">
				<div class="card-body">		
					<p>Nom: {{ app.user.nom }}</p>
					<hr class="my-4">
					<p>Prenom: {{ app.user.prenom }}</p>
					<hr class="my-4">
					<p>Adresse e-mail: {{ app.user.email }}</p>
					<hr class="my-4">
					<p>Adresse: {{ app.user.adresse }}</p>
					<hr class="my-4">
					<p>Code postal: {{ app.user.codepostal }}</p>
					<hr class="my-4">
					<p>Ville: {{ app.user.ville }}</p>
					<hr class="my-4">
					<p>Telephone: {{ app.user.telephone }}</p>
				</div>
			</div>
	</div>

</div>

{% endblock %}