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

{% block title %}Mon compte - Test Projet{% endblock %}

{% block content %}

<h1 class="mt-4 ms-4">Mon compte</h1>

<p class="ms-4">Bienvenue <strong>{{ app.user.firstname }}</strong> dans votre compte.<br>
C'est dans cet espace que vous allez pouvoir gérer toutes vos informations personnelles.</p>
<hr>
<div class="container">
    <div class="row">
        <div class="col-md-4 text-center py-3">
            <a href="" class="a-account"><div class="bg-account py-3">
            <img src="{{ asset('assets/img/password.png') }}" alt="Modifier mon mot de passe" class="img-fluid mb-2" style="max-width: 40px;"><br>
            MODIFIER MON MOT DE PASSE</div></a>
        </div>       
        <div class="col-md-4 text-center py-3">
            <a href="" class="a-account"><div class="bg-account py-3">
            <img src="{{ asset('assets/img/reservation.png') }}" alt="Mes réservations" class="img-fluid mb-2" style="max-width: 40px;"><br>
            MES RÉSERVATIONS</div></a>
        </div>
        <div class="col-md-4 text-center py-3">
            <a href="" class="a-account"><div class="bg-account py-3">
            <img src="{{ asset('assets/img/information.png') }}" alt="Mes informations" class="img-fluid mb-2" style="max-width: 40px;"><br>
            MES INFORMATIONS</div></a>
        </div>
    </div>
</div>
<hr>

{% endblock %}