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

{% block title %}{{ user.firstName }} - Profil{% endblock %}

{% block body %}
  
<h1 class="text-center font-bold text-3xl m-4">Profil de {{ user.firstName }}</h1>
<div class="h-75 bg-white rounded m-auto w-2/5 p-8 mb-24">
    <div class="grid h-100  rounded border border-2 border-teal-400 p-6">
		<div class="text-left ml-1 mt-2">
			<p class="font-bold mb-8 text-2xl"> <i class="fa-regular fa-circle-user mx-1" style="font-size : 3rem"></i> {{ user.firstName }} {{ user.lastName }}</p>
			<p >Genre : {{ user.gender }}</p>
            <p >Email : {{ user.email }}</p>
            <p >Date de naissance : {{ user.birthAt|date("d/m/Y") }}</p>
            <p >Adresse : {{ user.address }}</p>
            <p >Numéro de téléphone : {{ user.phone }}</p>            
			<p >Date de création : {{ user.createdAt ? user.createdAt|date('d/m/Y H:i') : 'N/A' }}</p>
			<span class=" mt-10 flex text-right">
				<a href="{{ path("app_user_edit", {'id': user.id}) }}" class=" my-1 mr-1 rounded bg-orange-300 shadow p-2  text-sm text-black hover:bg-orange-400"><i  class="fa-solid fa-pen-to-square"></i> Modifier le profil</a>
				{{ include('user/_delete_form.html.twig') }}
			</span>

		</div>
    </div>
</div>
{% endblock %}