<!DOCTYPE html>
<html>
    <head>
        <title>Ma page</title>
        <meta charset="utf-8"/>
        <link href="/static/css/bootstrap.min.css" rel="stylesheet"/>


    </head>
    <body>
        <h1 class="titre_niveau1">Bienvenue dans l'application  !</h1>
        {% if nom_utilisateur %}
        <p>
             bonjour {{nom_utilisateur}} !<br/>
        </p>
        <p>
            <form method="POST" action="/traiter_image" enctype="multipart/form-data">
                <label>Image à interpréter:</label><br/>
                <input type="file" name="image_yolo" accept="image/jpeg"/><br/>
                <input type="submit" class="btn btn-primary" value="Envoyer"/>
            </form>

        </p>
        <p>
             <a href="/deconnecter" class="btn btn-danger">Déconnecter</a>
        </p>

        {% endif %}
        {% if not nom_utilisateur %}
        <form method="POST" action="/connecter">
            <label> Votre nom : </label>
            <input type="text" name="nom_utilisateur"/>
            <br/>
            <input type="submit" value="Se connecter" class="btn btn-primary"/>
        </form>
        {% endif %}

    </body>
</html>