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

{% block title %}Mon compte - Les gîtes de Roquetoire{% endblock %}

{% block meta %}
    <meta name="description" content="Espace personnel de mon compte">
{% endblock %}

{% block content %}

<div class="container">
    <div class="d-flex justify-content-end">
        <a href="{{ path('app_logout') }}">
            <img src="{{ asset('assets/img/deconnexion.png') }}" alt="Se déconnecter" class="account-img mt-3 me-4">
        </a>
    </div>
    <h1 class="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="{{ path('app_account_password') }}" class="a-account"><div class="bg-account py-3">
                <img src="{{ asset('assets/img/password.png') }}" alt="Modifier mon mot de passe" class="account-img mb-2 "><br>
                MODIFIER MON MOT DE PASSE</div></a>
            </div>       
            <div class="col-md-4 text-center py-3">
                <a href="{{ path('app_account_reservation') }}" class="a-account"><div class="bg-account py-3">
                <img src="{{ asset('assets/img/reservation.png') }}" alt="Mes réservations" class="account-img mb-2"><br>
                MES RÉSERVATIONS</div></a>
            </div>
            <div class="col-md-4 text-center py-3">
                <a href="{{ path('app_account_information') }}" class="a-account"><div class="bg-account py-3">
                <img src="{{ asset('assets/img/information.png') }}" alt="Mes informations" class="account-img mb-2"><br>
                MES INFORMATIONS</div></a>
            </div>
            <div class="col-md-4 text-center py-3">
                <a href="{{ path('app_account_address') }}" class="a-account"><div class="bg-account py-3">
                <img src="{{ asset('assets/img/address.png') }}" alt="Mes adresses" class="account-img mb-2"><br>
                GÉRER MES ADRESSES</div></a>
            </div>
            {% if is_granted('ROLE_ADMIN') %}
            <div class="col-md-4 text-center py-3">
                <a href="/admin" class="a-account"><div class="bg-account py-3">
                <img src="{{ asset('assets/img/admin.png') }}" alt="Administrateur" class="account-img mb-2"><br>
                Administration du site</div></a>
            </div>
            {% endif %}
        </div>
    </div>
    <hr>
</div>

{% endblock %}