{#{% load static %}#}
{# ===== HTML ===== #}
<!DOCTYPE html>
<html lang="en" dir="ltr">
{# ===== Head ===== #}
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>LAMa</title>
    <link rel="icon"
          type="image/png"
          href="{{ static('images/lama.svg') }}">
    <meta name="author" content="Michael Götz"/>
    {% block js_extra %}{% endblock %}
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{{ static('libs/bootstrap-4.3.1-dist/css/bootstrap.css') }}">
    <link rel="stylesheet" href="{{ static('css/floating_labels.css') }}">
    <link rel="stylesheet" href="{{ static('libs/fontawesome-free-5.8.2-web/css/all.css') }}">


    {% block css_extra %}{% endblock %}
</head>

{# ===== Body ===== #}
<body>
<nav class="navbar navbar-light bg-light">
    {% block extra_nav %}
    {% endblock %}
    <a class="navbar-brand" href="{{ url('realm-home') }}">
        <img src="{{ static('images/lama.svg') }}" width="30" height="30" class="d-inline-block align-top"
             alt="">
        LAMa
    </a>

    {% if request.user.is_authenticated %}
        <span class="navbar-text">
        Hi <a href="{{ url('realm-home') }}?show_user=True">{{ request.user.username }}</a>!
        <a href="{{ url('logout') }}?next=/">Logout <i class="fas fa-sign-out-alt"></i></a>
    {% else %}
        <a href="{{ url('login') }}"><i class="fas fa-sign-in-alt"></i> Login</a>
    {% endif %}
    </span>
</nav>

{% block body %}
    {% block content %}{% endblock %}
{% endblock %}

{% if not realms and not realm and not request.user.is_superuser%}

    <footer class="bg-light footer mt-auto py-3 text-center">
        <div class="container">
    <span class="text-muted">
        <a href="{{ url('about') }}">Über</a>
    </span>
        </div>
    </footer>

{% endif %}


{% block js_tail %}{% endblock %}
<script src="{{ static('libs/jquery-3.4.1.js') }}"></script>
<script src="{{ static('libs/DataTables/DataTables-1.10.18/js/jquery.dataTables.js') }}"></script>
<script src="{{ static('libs/DataTables/RowReorder-1.2.4/js/dataTables.rowReorder.min.js') }}"></script>
<script src="{{ static('libs/DataTables/Responsive-2.2.2/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ static('js/main.js') }}"></script>

</body>
</html>
