{% extends "base.html" %}

{% block body_container %}
    <div class="header-container">
        {% include "title.html" %}

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

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