<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block head_title %}{% endblock %}</title>
    {% block extra_head %}
    {% endblock %}
</head>

<body>
    {% block body %}

    {% if messages %}
    <div>
        <strong>{% trans %}Messages:{% endtrans %}</strong>
        <ul>
            {% for message in messages %}
            <li>{{message}}</li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}

    <div>
        <strong>{% trans %}Menu:{% endtrans %}</strong>
        <ul>
            {% if request.user.is_authenticated %}
            <li><a href="{{ url('account_email') }}">{% trans %}Change Email{% endtrans %}</a></li>
            <li><a href="{{ url('account_logout') }}">{% trans %}Sign Out{% endtrans %}</a></li>
            {% else %}
            <li><a href="{{ url('account_login') }}">{% trans %}Sign In{% endtrans %}</a></li>
            <li><a href="{{ url('account_signup') }}">{% trans %}Sign Up{% endtrans %}</a></li>
            {% endif %}
        </ul>
    </div>
    {% block content %}
    {% endblock %}
    {% endblock %}
    {% block extra_body %}
    {% endblock %}
</body>

</html>