{% extends "base.html" %}

{% block body_container %}
    <div class="header-container">
        <a class="title" href="/">~~ Recettes de cuisine ~~</a>

        {% match user %}
        {% when Some with (user) %}
            <a class="create-recipe" href="/recipe/new" >Create a new recipe</a>
            <span>{{ user.email }} / <a href="/signout" />Sign out</a></span>
        {% when None %}
            <span><a href="/signin" >Sign in</a> / <a href="/signup">Sign up</a></span>
        {% endmatch %}

    </div>
    <div class="main-container">
        {% block main_container %}{% endblock %}
    </div>
{% endblock %}