<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {% if title %}
        <title>{{ title }} - Parassiter</title>
        {% else %}
        <title>Parasitter</title>
        {% endif %}
        <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='semantic/semantic.min.css') }}">
        <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles.css') }}">
    </head>
    <body>
        <div class="ui stackable menu">
            <div class="item">
            <img src="{{ url_for('static',filename='img/logo.png') }}">
            </div>
            <a href="{{ url_for('index') }}" class="twitter item">Twitter</a>
            {% if current_user.is_anonymous %}
            <a href="{{ url_for('login') }}" class="item">Login</a>
            {% else %}
                <a href="{{ url_for('search') }}" class="twitter item">Search</a>
                <a href="{{ url_for('following') }}" class="twitter item">Following</a>
                <a href="{{ url_for('saved') }}" class="twitter item">Saved</a>
                <a href="{{ url_for('invidious') }}" class="youtube item">Youtube</a>
                <a href="{{ url_for('ytsearch') }}" class="youtube item">Search</a>
                <a href="{{ url_for('logout') }}" class="item">Logout</a>
                <a href="{{ url_for('settings') }}" class="item"><i class="cog icon"></i></a>
            {% endif %}
        </div>

        {% with messages = get_flashed_messages() %}
        {% if messages %}
            <div class="ui info message">
                <div class="header">
                    Information
                </div>
                <ul class="list">
                    {% for message in messages %}
                        <li>{{ message }}</li>
                    {% endfor %}
                </ul>
            </div>
            </ul>
        {% endif %}
        {% endwith %}
        
        {% block content %}{% endblock %}

        <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    </body>
</html>
