<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title>Pendu</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>
                    {% if dVue.decouvert is defined %}
                        <div>
                            <h1>
                                {{dVue.decouvert}}
                            </h1>
                        </div>
                        <br>
                    {% endif %}
                    {% if dVue.essaisRestant is defined %}
                        <p>Il vous reste {{dVue.essaisRestant}} essais</p>
                    {% endif %}
                    {% if dVue.lettresUtilisees is defined %}
                        <h5>Lettres utilisées</h5>
                        <div>
                            {%for lettre in  dVue.lettresUtilisees %}
                                {{lettre}}&nbsp;
                            {% endfor %}
                        </div>
                    {% endif %}
                    <legend>Votre lettre</legend>
                    {% if dVueErreur|length > 0 %}
                        <div>
                            <h5>Erreur : </h5>
                            {% for erreur in dVueErreur %}
                                <p>{{erreur}}</p>
                            {% endfor %}
                        </div>
                    {% endif %}
                    <div>
                        <input required type="text" name="lettre">
                    </div>
                </fieldset>
                <input type="submit" value="Valider">

            </form>
        </center>

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