{% load static %}
{% load taglinks %}

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>
            {% block title %}
                {% if own_acct %}
                    brutaldon ('{{ own_acct.username }}')
                {% else %}
                    brutaldon
                {% endif %}
            {% endblock %}</title>
            <link rel="manifest" href="{% static 'manifest.webmanifest' %}">
            {% if not preferences %}
                <link rel="stylesheet"
                      href="{% static 'css/bulma.min.css' %}">
                <link rel="stylesheet"
                      href="{% static 'css/fork-awesome.min.css' %}">
                <link rel="stylesheet" href="{% static "css/brutaldon.css" %}">
            {% else  %}
                <link rel="stylesheet"
                      href="{% static preferences.theme.main_css %}">
                <link rel="stylesheet" href="{% static preferences.theme.tweaks_css %}">
                {% if not preferences.theme.is_brutalist %}
                    <link rel="stylesheet"
                          href="{% static 'css/fork-awesome.min.css' %}">
                    <link rel="stylesheet"
                          href="{% static 'css/bulma-badge.min.css' %}">
                    <link rel="stylesheet"
                          href="{% static 'css/bulma-badge.min.css' %}">
                    <link rel="stylesheet"
                          href="{% static 'css/photobox.css' %}">
                {% endif %}
                {% if not preferences.no_javascript %}
                    <script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>
                    <script type="text/javascript" src="{% static 'js/intercooler.js' %}"></script>
                    <script type="text/javascript" src="{% static 'js/jquery.photobox.js' %}"></script>
                    <script type="text/javascript" src="{% static 'js/brutaldon-enhancements.js' %}"></script>
                    {% block page_scripts %}
                    {% endblock %}
                {% endif %}
            {% endif %}
            {% if own_acct %}
                <link rel="icon" href="{{ own_acct.avatar_static }}">
            {% else %}
                <link rel="icon" href="{% static "images/brutaldon.png" %}" type="image/png">
            {% endif %}
    </head>
    <body class="has-navbar-fixed-top"
          ic-global-include='{"csrfmiddlewaretoken": "{{ csrf_token }}"}'>
        <div id="page-load-indicator">&nbsp</div>
        {% block navbar %}
            <nav class="navbar is-fixed-top is-primary" role="navigation"
                 aria-label="main navigation" id="main-nav-bar">
                <div class="navbar-brand">
                    <a class="navbar-item" href="{% url "home" %}">
                        {% if own_acct %}
                            <img src="{{ own_acct.avatar_static }}"
                                 class="image is-32x32 avatar"
                                 alt="Brutaldon ('{{ own_acct.username }}')">
                        {% else %}
                            <img src="{% static "images/brutaldon.png" %}"
                                 class="image is-32x32" alt="Brutaldon">
                        {% endif %}
                    </a>
                </div>
                {% if request.session.instance %}
                    {% if request.session.username or request.session.access_token %}
                        <div class="navbar-menu is-active" id="navMenu">
                            <!-- navbar start, navbar end -->
                            <div class="navbar-start">
                                <a href="{% url "home" %}" class="navbar-item">
                                    <span class="fa fa-home"></span>
                                    <span>&nbsp; Home</span>
                                </a>
                                <a class="navbar-item" href="{% url "note" %}"
>
                                    <span class="fa fa-bell-o"></span>
                                    {% if preferences.notifications and not preferences.theme.is_brutalist %}
                                        <span ic-src="{% url 'notes_count' %}"
                                              ic-poll="60s"
                                              ic-target="this">
                                            <span
                                                {% if notifications and notifications != '0' %}
                                                class="badge"
                                                {% endif %}
                                                data-badge="{{ notifications }}">
                                                &nbsp; Notifications</span>
                                            </span>
                                    {% elif notifications and preferences.notifications %}
                                        <span >&nbsp; Notifications ({{ notifications }})</span>
                                    {% else %}
                                        <span >&nbsp; Notifications</span>
                                    {% endif %}
                                </a>
                                <a class="navbar-item" href="{% url "local" %}">
                                    <span class="fa fa-community"></span>
                                    <span >&nbsp; Local</span>
                                </a>
                                <a class="navbar-item" href="{% url "fed" %}">
                                    <span class="fa fa-globe"></span>
                                    <span >&nbsp;Federated</span>
                                </a>
                                <a class="navbar-item" href="{% url "toot" %}">
                                    <span class="fa fa-edit"> </span>
                                    <span >&nbsp; New Toot</span>
                                </a>
                                <a class="navbar-item" href="{% url "search" %}">
                                    <span class="fa fa-search"> </span>
                                    <span >&nbsp; Search</span>
                                </a>
                            </div>
                            <div class="navbar-end" >
                                <a class="navbar-item" href="{% url "settings" %}">
                                    <span class="fa fa-gear"></span>
                                    <span >&nbsp;Settings</span>
                                </a>
                                <a class="navbar-item" href="{% url "logout" %}">
                                    <span class="fa fa-power-off"></span>
                                    <span >&nbsp;Log out</span>
                                </a>
                            </div>
                        </div>
                    {% endif %}
                {% endif %}
            </nav>
        {% endblock %}

        <section id="main" class="section">
            <div class="container">
                {% block content %}
                    <h1 class="title">
                        Title
                    </h1>
                    <p class="subtitle">
                        Brutaldon is totally a thing.
                    </p>
                {% endblock %}
            </div>
        </section>

        <footer class="footer">
            <div class="level">
                <div class="level-left">
                    <a class="level-item is-size-7" href="{% url "about" %}">
                        About
                    </a>
                    <a class="level-item is-size-7" href="https://github.com/jfmcbrayer/brutaldon">
                        Source
                    </a>
                </div>
                <div class="level-right">
                    {% if preferences.theme.is_brutalist %}
                        <img class="level-item" src="{% static '/images/lynx.gif' %}"
                             alt="Lynx Now!">
                        <img class="level-item" src="{% static '/images/now9.gif' %}"
                             alt="Netscape Now!">
                    {% endif %}
                    <a class="level-item is-size-7" href="{% url "privacy" %}">
                        Privacy
                    </a>
                </div>
            </div>
        </footer>

        {% if not preferences.no_javascript %}

            <script type="application/javascript">
             $(document).ready(function () {
                 menuPrepare();
             });
             Intercooler.ready(function ()
                 {
                     $(".attachments").photobox('a', { history: false });
                 });
            </script>
            {% block page_scripts_inline %}
            {% endblock %}

        {% endif %}
    </body>
</html>
