<!DOCTYPE html>
<html>
    <head>
        <title>Calendar.Social</title>

        <link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='images/calendar-social-icon-16.png') }}">
        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-32.png') }}">
        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-96.png') }}">
        <link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-192.png') }}">

        <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css">
{% block head %}{% endblock %}
    </head>
    <body>
        <header>
            <h1>
                <img src="{{ url_for('static', filename='images/calendar-social-icon.svg') }}">
                Calendar.social
            </h1>
            <nav class="menu">
{% if current_user.is_authenticated %}
                {{ _('Logged in as %(username)s', username=('<a href="' + url_for('display_profile', username=current_user.username) + '">' + current_user.username + '</a>') | safe) }}
{% endif %}
                <ul>
{% if not current_user.is_authenticated %}
                    <li><a href="{{ url_for('security.login') }}">{% trans %}Login{% endtrans %}</a></li>
{% else %}
                    <li><a href="{{ url_for('hello') }}">{% trans %}Calendar view{% endtrans %}</a></li>
                    <li><a href="{{ url_for('notifications') }}">{% trans %}Notifications{% endtrans %}</a></li>
                    <li><a href="{{ url_for('settings') }}">{% trans %}Settings{% endtrans %}</a></li>
                    <li><a href="{{ url_for('security.logout') }}">{% trans %}Logout{% endtrans %}</a></li>
{% endif %}
                </ul>
            </nav>
        </header>
{% block content %}{% endblock %}
        <footer>
            Soon…™
        </footer>
{% block scripts %}{% endblock %}
    </body>
</html>