<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>Saisir Pseudo</title>
        <link rel="stylesheet" href="../css/bootstrap.min.css">
        <style>
            p,
            label {
                font:
                        1rem 'Fira Sans',
                        sans-serif;
            }

            input {
                margin: 0.4rem;
            }
        </style>
    </head>
    <body>

        <br><br><br>

        <center>
            <p></p>
            <form action="" method="post">
                <fieldset>
                    <legend>Veuillez choisir votre pseudo</legend>
                    {% if dVueErreur|length > 0 %}
                        <div>
                            <h5>Erreur : </h5>
                            {% for erreur in dVueErreur %}
                                <p>{{erreur}}</p>
                            {% endfor %}
                        </div>
                    {% endif %}
                    <div>
                        <label for="txt_pseudo">
                            <input required type="text" name="pseudo" id="txt_pseudo">
                        </label>
                    </div>
                </fieldset>
                <input type="submit" value="Valider">

            </form>
        </center>

        <script src="../js/bootstrap.min.js"></script>
    </body>
</html>