    <h1>▶ Connexion ◀</h1>

    <div class="login">
        <form method="post" action="{{ racine }}/validlogin">
            <p> <strong>Identifiant *</strong></p>
            <input type="text" class="connexion" name="pseudo" id="pseudo" placeholder="Entrez votre pseudo" required />

            <p> <strong> Mot de passe *</strong></p>
            <input type="password" class="connexion" name="mdp" id="mdp" placeholder="Entrez votre mot de passe" required />

            {% if error is defined and error is not empty %}
                <p style="color: red">{{ error }}</p>
            {% endif %}
            <div class="createAccount">
                <p class="createAccount">Vous n'avez de compte?</p>
                <a href="{{ racine }}/signin" class="createAccount">S'incrire</a>
            </div>
            

            <div class="buttonSubmitDiv">
                <button class="buttonSudmite">Se Connecter</button>
            </div>
            
        </form>
    </div>
</body>
</html>