{#Integration du fichier base.html.twig#}
{% extends 'base.html.twig' %}

{#Titre de la page#}
{% block title %}
Mon Compte
{% endblock %}

{#Corps de la page#}
{% block body %}
<center>
    {#Conteneur Principal#}
    <div class="card shadow mb-4 col-md-6">
        <div class="card-header py-3">
            {#Element titre du conteneur#}
            <h6 class="m-0 font-weight-bold text-primary">Mon profil</h6>
        </div>
        <div class="card-body">
            <h1>Mon profil</h1>
            <div>
                        <hr class="sidebar-divider my-0">
                        <br>
                {#Infos sur l'utilisateur connecté#}
                <h4>Données sur ce compte :</h4>
                {#Nom de l'utilisateur connecté#}
                <p>Nom d'utilisateur : {{ app.user.username }}</p>
                {#Role de l'user connecté#}
                <p>Rôle : {{ app.user.role }}</p>
                {#Si le role est createur alors afficher l'IP VPN #}
                {% if app.user.role == "CREATEUR" %}
                    <p>IP VPN : {{ app.user.ipVPN }}</p>
                {% endif %}
                {#Si le role est createur ou viewer alors afficher le nom de la clinique#}
                {% if app.user.role == "CREATEUR" or app.user.role == "VIEWER" %}
                    <p>Nom de la clinique : {{ app.user.laClinique.nomClinique }} </p>
                {% endif %}
                {% if app.user.role == "CREATEUR" or app.user.role == "VIEWER" %}
                {#Afficher mail user#}
                <p>Mail : {{ app.user.email }}</p>
                {% endif %}
            </div>
            <br>
            {% if app.user.role == "CREATEUR" or app.user.role == "VIEWER" %}
            {#Bouton pour modifier le mail#}
            <a href="{{ path("modifier_mail") }}"><button type="button" class="btn btn-primary">Modifier mon mail</button></a>
            {% endif %}
            {#Bouton pour modifier le mot de passe#}
            <a href="{{ path("modifier_mon_mdp") }}"><button type="button" class="btn btn-primary">Modifier mon mot de passe</button></a>
        </div>
    </div>
</center>
{% endblock %}