<!DOCTYPE html>
<html>
    <head>
        <title>Ma page</title>
        <meta charset="utf-8"/>
        <link href="/static/css/bootstrap.min.css" rel="stylesheet"/>
    </head>
    <body>
        <h1>Bienvenue !</h1>
        {% if not nom_uti  %}
        <form method="POST" action="/connecter">
            <p>
                <label>Indiquer votre nom :</label><br/>
                <input type="text" name="nom_utilisateur"/><br/>
                <input class="btn btn-primary" type="submit" value="Se connecter"/>
            </p>
        </form>
        {% endif %}
        {% if nom_uti  %}
            Bonjour {{nom_uti}} !<br/>
            <p>
                {{le_message}}
            </p>
            <p>
                <a href="/deconnecter" class="btn btn-danger">Se déconnecter</a>
            </p>
            <p>
                <form method="POST" action="/traiter_image" enctype="multipart/form-data">
                    <label>Indiquer l'image  (uniquement jpeg):</label><br/>
                    <input type="file" name="image_yolo" accept="image/jpeg"/>
                    <input type="submit" value="Envoyer" class="btn btn-primary"/>
                </form>
            </p>

        {% endif %}
        
    </body>
</html>