
    <div class="login">
        <h1>▶ Profil ◀</h1>

        <p name="image" id="image">
        <button popovertarget="list-ChangeImg" name="image" class="ChangeImg"><img src="{{ srcImg }}" class="imageProfil"/></button>
        </p>
        <form method="post" action="{{ racine }}/changedata">
        
            <p name="imagePost" id="imagePost">
            </p>
            
            <div popover id="list-ChangeImg" >
                {% if images|length > 0 %}
                    {% for image in images %}
                        <p  class="ChangeImg" onclick="editFieldImage({{ image.idImg }},'{{ image.imgPath }}')">
                            <img src="{{ image.imgPath }}" class="imageProfil" />
                        </p>
                    {% endfor %}
                {% else %}
                    <p>Aucune images n'a été trouvée.</p>
                {% endif %}
            </div>


            {% if error_message is defined and error_message is not empty %}
                <p style="color: red">{{ error_message }}</p>
            {% endif %}
            
            <p class="infoProfil" name="pseudo" id="username"> <strong>{{ srcUsername }}</strong><img class='imgModify' src='{{ racine }}/images/modify.svg' onclick="editFieldUsername('username')"/></p>

            <p class="infoProfil" name="email" id="email"> <strong> {{ srcEmail }}</strong>
            <img class='imgModify' src='{{ racine }}/images/modify.svg' onclick="editFieldEmail('email')"/>
            </p>


            <p class="infoProfil" name="mdp" id="passwd"> <strong>Votre mot de passe</strong><img class='imgModify' src='{{ racine }}/images/modify.svg' onclick="editFieldPassWd('passwd')"/></p>


            
            <div class="languageDiv">
                <p class="languageTitle">Language :</p>
            </div>
            <img class="languageImage" src="{{ racine }}/images/drapeauFrance.png" onmousedown="return false"/>
            
        </form>
            

            <div class="buttonSudmiteDiv">
                <a href="{{ racine }}/unlog" class="createQuote">
                    <button class="buttonSudmite">Se déconnecter</button>
                </a>
            </div>

            <div class="buttonSudmiteDiv">
                <a href="{{ racine }}/deleteAccount" class="createQuote">
                    <button class="buttonSudmite">Supprimer son compte</button>
                </a>
            </div>
        
    </div>
</body>
</html>