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

{% block title %}Profil{% endblock %}

{% block body %}
<div class="container">
		<h1>Profil de
			{{ app.user.prenom }}</h1>
		{% for  message in app.flashes('message') %}
			<div class="alert alert-success" role="alert">
				{{ message }}
			</div>
		{% endfor %}

		<table class="table table-bordered">
			<thead>
				<tr>
					<th scope="col">Nom</th>
					<th scope="col">Prénom</th>
					<th scope="col">Email</th>
					<th scope="col">Modifier profil</th>
					<th scope="col">Modifier mot de passe</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>{{ app.user.nom }}</td>
					<td>{{app.user.prenom}}</td>
					<td>{{ app.user.email }}</td>
					<td>
						<a href="{{path('profile_edit')}}" class="btn edit">
							<i class="bi bi-pencil"></i>
						</a>
					</td>
					<td>
						<a href="{{path('pass_edit')}}" class="btn edit">
							<i class="bi bi-pencil"></i>
						</a>
					</td>
				</tr>
			</tbody>
		</table>
		<div>
			<a href="{{ path('user_index') }}" class="btn create">
				<i class="bi bi-chevron-left">
					Retour à la page d'accueil</i>
			</a>
		</div>
	</div>
</div>
{% endblock %}