<!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="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.0/css/fork-awesome.min.css" integrity="sha256-sX8HLspqYoXVPetzJRE4wPhIhDBu2NB0kYpufzkQSms=" crossorigin="anonymous">
        <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='semantic/semantic.min.css') }}">

        <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css">

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
{% block head %}{% endblock %}
    </head>
    <body>
        <header>
            <div class="ui top attached menu">
                <div class="header item">
                    <img src="{{ url_for('static', filename='images/calendar-social-icon.svg') }}">
                    Calendar.social
                </div>
                <div class="right menu">
{% if not current_user.is_authenticated %}
                    <a class="item" href="{{ url_for('security.login') }}">{% trans %}Login{% endtrans %}</a>
{% else %}
                    <div class="item">
    {% trans username=('<a href="' + url_for('display_profile', username=current_user.username) + '">' + current_user.username + '</a>') | safe -%}
                        Logged in as {{username}}
    {%- endtrans %}
                    </div>
                    <a class="item" href="{{ url_for('hello') }}">{% trans %}Calendar view{% endtrans %}</a>
                    <a class="item" href="{{ url_for('account.notifications') }}">{% trans %}Notifications{% endtrans %}</a>
                    <a class="item" href="{{ url_for('account.settings') }}">{% trans %}Settings{% endtrans %}</a>
                    <a class="item" href="{{ url_for('security.logout') }}">{% trans %}Logout{% endtrans %}</a>
{% endif %}
                </div>
            </div>
        </header>
        <div class="ui container" id="content">
{% block content %}{% endblock %}
        </div>
        <footer class="ui segment">
            <a href="{{ url_for('about') }}">{% trans %}About this instance{% endtrans %}</a><br>
            Soon…™
        </footer>
{% block scripts %}{% endblock %}
        <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
        <script src="{{ url_for('static', filename='semantic/semantic.min.js') }}"></script>
    </body>
</html>