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

{% block title %}Modification mot de passe


{% endblock %}

{% block body %}
    <div class="container">
        {% for message in app.flashes('error') %}
        <div class="alert alert-danger" role="alert">
          {{ message }}
        </div>
{% endfor %}
        <h1> Modification du mot de passe de {{ app.user.prenom }}</h1>

        <form method="post">
            <div class="mb-3">
                <label for="name" class="form-label">Nom</label>
                <input type="text" class="form-control" id="name" aria-describedby="name">
            </div>
            <div class="mb-3">
                <label for="name" class="form-label">Prenom</label>
                <input type="text" class="form-control" id="name" aria-describedby="name">
            </div>
            <div class="mb-3">
                <label for="pass" class="form-label">Mot de passe</label>
                <input type="password" class="form-control" id="pass" name="pass">
            </div>
            <div class="mb-3">
                <label for="pass2" class="form-label">Confirmer le mot de passe</label>
                <input type="password" class="form-control" id="pass2" name="pass2">
            </div>

            <button type="submit" class="btn create">Mettre à jour</button>
        <button class="btn create" href="{{path("profile_index")}}"><i class="bi bi-chevron-left"> Retour à la page profil</i></button>
        
        </form>
    </div>

{% endblock %}