<!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>
        <p>
            {% if not nom_uti %}
            <form method="POST" action="/connecter">
                <label> Indiquer votre nom :</label><br/>
                <input type="text" name="nom_utilisateur"/><br/>
                <input type="submit" value="Se connecter"/>
            </form>
            {% endif %}
            {% if  nom_uti %}
                Bonjour {{ nom_uti }} !<br/>
                <p>
                    {{ info }}
                </p>
                <a href="/deconnecter" class="btn btn-danger">Se déconnecter</a>
                <p>
                    <form method="POST" action="/traiter_image" enctype="multipart/form-data">
                        <label>Choisir image:</label><br/>
                        <input type="file" name="image_yolo" accept="image/png image/jpeg"/><br/>
                        <input type="submit" class="btn btn-primary" value="Envoyer"/>
                    </form>

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