{% load static %}

<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FET - Fachschaft Elektrotechnik</title>
<link rel="shortcut icon" type="image/png" href="{% static 'img/fet_logo_white.png' %}"/>
<link rel="stylesheet" href="{% static 'app.css' %}">
<link rel="stylesheet" href="{% static 'fet.css' %}">
<link href="{% static 'fontawesomefree/css/all.min.css' %}" rel="stylesheet" type="text/css">
{% block galleryheader %}
{% endblock %}
{% block extraheader %}
{% endblock %}
</head>

<body>

<div class="header-title-bar" data-responsive-toggle="example-menu" data-hide-for="large">
    <div class="title-bar">
        <div class="title-bar-left">
            <a href="{% url 'home' %}">
                <img class="logo" src="{% static 'img/logo2014_64.png' %}"/>
            </a>
        </div>

        <div class="title-bar-right">
            <button class="menu-icon dark" type="button" data-toggle="example-menu"></button>
        </div>
    </div>
</div>

<div class="top-bar" id="example-menu">
    <div class="top-bar-left show-for-large">
        <a href="{% url 'home' %}">
            <img class="logo" src="{% static 'img/logo2014_64.png' %}"/>
        </a>
    </div>

    <div class="top-bar-right">
        <ul class="dropdown vertical medium-horizontal menu" data-responsive-menu="drilldown medium-dropdown" data-animate-heigt="true">
            {% if request.user.is_authenticated %}
                <li>
                    <a class="button header-intern-btn header-intern-txt" role="menuitem">
                    {% if request.user.first_name %}
                        Hallo {{ request.user.first_name }}
                    {% else %}
                        Hallo {{ request.user.username }}
                    {% endif %}
                    </a>
                </li>          
                <li><a class="button header-intern-btn header-intern-link" href="{% url 'admin:index' %}">Admin</a></li>
                <li><a class="button header-intern-btn header-intern-link" href="{% url 'tasks' %}">Tasks</a></li>
                <li><a class="button header-intern-btn header-intern-link" href="https://legacy.fet.at/home/intern">Intern</a></li>
            {% endif %}
            <li><a class="button header-btn header-link" href="{% url 'posts:posts.index' %}">News</a></li>
            <!-- show active members first -->
            <li><a class="button header-btn header-link" href="{% url 'members_view' 'active' %}">Fachschaft</a></li>
            <li><a class="button header-btn header-link" href="{% url 'gallery' %}">Galerie</a></li>
            <li><a class="button header-btn header-link" href="{% url 'blackboard' %}">Blackboard</a></li>
            <li><a class="button header-btn header-link" href="{% url 'contact' %}">Kontakt</a></li>
            {% if request.user.is_authenticated %}
                <li><a class="button header-btn header-link" href="{% url 'logout' %}?next={{ request.path }}">Logout</a></li>
            {% else %}
                <li><a class="button header-btn header-link" href="{% url 'login' %}?next={{ request.path }}">Login</a></li>
            {% endif %}
        </ul>
    </div>
</div>

{% block content %}
{% endblock %}

<footer>
    <div class="grid-container">
    <div class="grid-x padding-top-1 padding-bottom-1">
                <div class="cell small-12 medium-3 large-3">
                    <a class="button footer-link" href="{% url 'impressum' %}" >Impressum</a>
                </div>

                <div class="cell small-12 medium-9 large-9 text-right">
                    <span class="footer-text">Probiers mal social:</span>
                    <a class="badge social-media-footer" href="{% url 'facebook' %}">
                        <i class="social-media-footer-symbol fa-brands fa-facebook-square"></i>
                    </a>
                    <a class="badge social-media-footer" href="{% url 'instagram' %}">
                        <i class="social-media-footer-symbol fa-brands fa-instagram-square"></i>
                    </a>
                    <a class="badge social-media-footer" href="{% url 'discord' %}">
                        <i class="social-media-footer-symbol fa-brands fa-discord"></i>
                    </a>
                    <a class="badge social-media-footer" href="{% url 'telegram' %}">
                        <i class="social-media-footer-symbol fa-brands fa-telegram"></i>
                    </a>
                </div>

            </div>
        </div>
    </div>
    </div>
</footer>

<!--  App.js -->
<script src="{% static 'app.js' %}"></script>
</body>
</html>
