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

{% block title %}Mon compte{% endblock %}

{% block meta %}
    <meta name="description" content="Retrouver ici votre espace personnel">
{% endblock %}

{% block content %}
<main>
<br>
<div class="container">
    <div class="d-flex justify-content-end">
        <a href="{{ path('app_logout') }}" class="ml-auto sedeco">
            <img src="{{ asset('assets/img/shutdown.png') }}" width="40px" alt="Déconnexion"> Deconnexion
        </a>
    </div>
    <h1>Mon compte</h1>
    Bienvenue {{ app.user.firstname }} dans votre compte. <br>
    C'est dans cet espace que vous pourrez gérer toutes vos informations personnelles. <br><br>
    {% if is_granted('ROLE_ADMIN') %}
    <a href="/admin">Vous êtes un administrateur, accéder au backoffice</a>
    {% endif %}
    <hr>
    <br>


    <section>
    <div class="d-flex flex-column bd-highlight mb-3 align-items-center justify-content-center">
        <div class="p-2 bd">
            <a href="{{ path('app_account_password') }}">
                <div class="account-item text-center">
                    <img src="{{ asset('assets/img/lock.png') }}" width="35px" alt="Modifier mon mot de passe"><br>
                    Modifier mon mot de passe
                </div>
            </a>
        </div>

        <div class="p-2 bd">
            <a href="{{path('app_account_address')}}">
                <div class="account-item text-center">
                    <img src="{{ asset('assets/img/home.png') }}" width="35px" alt="Gérer mes adresses"><br>
                    Gérer mes adresses
                </div>
            </a>
        </div>

        <div class="p-2 bd">
            <a href="{{ path('app_account_order') }}">
                <div class="account-item text-center">
                    <img src="{{ asset('assets/img/order.png') }}" width="35px" alt="Mes commandes"><br>
                    Mes commandes
                </div>
            </a>
        </div>
    </div>
</div>
<br>
</section>
<hr>
</main>
{% endblock %}