{% load static %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>
      {% if title %}{{ title }} {% endif %}
      {% if user.is_authenticated %} - {{ user.username }}@{% endif %}{{ settings.APPLICATION_NAME }}
    </title>
    <meta name="application-name" content="{{ settings.APPLICATION_NAME }}">
    <meta name="author" content="Double-Vee">
    <meta name="description" content="{{ description }}">
    <meta name="keywords" content="{{ keywords }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="{% static "favicon-32x32.png" %}">
    <link rel="stylesheet" type="text/css" href="{% static "semantic.min.css" %}">
    <style>
      .main.container {
        padding-top: 5em;
      }
      body {
        background-image: url('{% static "website_background.png" %}');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
      }
    </style>
    <script src="{% static "jquery@3.3.1/dist/jquery.min.js" %}"></script>
    <script src="{% static "semantic.min.js" %}"></script>
    <!--script src="{% static "Chart.min.js" %}"></script-->
  </head>
  <body>
    <nav class="ui pointing top fixed inverted menu">
      <a class="item" href="% url 'index' %">
        <!--img src="{% static "favicon-32x32.png" %}" alt="{{ settings.APPLICATION_NAME }} logo"-->
        <i class="robot icon"></i>
        {{ settings.APPLICATION_NAME }}
      </a>
      {% if title %}
        {% if parent_title %}
          <a class="item" href="{{ parent_url }}"><i class="{{ parent_icon }} icon"></i>{{ parent_title }}</a>
        {% endif %}
        <a class="active item" href="{{ request.path }}">
          <i class="{{ icon }} icon"></i>
          {{ title }}</a>
      {% endif %}
      <div class="right menu">
        <div class="ui item">
          <a class="ui inverted primary labeled icon button" href="{{ settings.DISCORD_LINK }}">
            <i class="discord icon"></i>
            Discord
          </a>
        </div>
        {% if user.is_authenticated %}
          <!--a class="item" href="{ url 'core:logout' }?next={{ request.path }}"><i class="sign out alternate icon"></i>Log out</a-->
          {% else %}
          <!--a class="item" href="{ url 'core:login' }?next={{ request.path }}"><i class="sign in alternate icon"></i>Log in</a-->
          {% endif %}
      </div>
    </nav>
    <div class="ui main container">
      {% block content %}{% endblock content %}
    </div>
    <footer class="ui bottom fixed borderless menu">
      <nav class="ui breadcrumb item">
        {% block breadcrumbs %}{% endblock %}
      </nav>
    </footer>
  </body>
</html>