<!DOCTYPE html>
<html lang="de">
    {% load static %}

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title> {% block title %}Seitenname{% endblock %}</title>
        <link href="{% static 'css/application.css' %}" rel="stylesheet">
        <link href="{% static 'bootstrap/css/bootstrap.css' %}" rel="stylesheet">
    </head>

    <body>


        <!-- Navigation -->
        <nav id="navbar-efi" class="navbar navbar-expand-lg navbar-light">

            <a class="navbar-brand" href="#">
                <img src="{% static 'images/efi.jpg' %}" width="35" height="35" alt="efi">
            </a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    {% if user.is_superuser %}
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'admin:index' %}">Administration</a>
                    </li>
                    <li>
                        <a class="nav-link" href="{% url 'post_list' %}">Dashboard</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'student_page' %}">Studentenansicht</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'blog_search_list_view' %}">Suche</a>
                    </li>
                    {% elif user.is_staff %}
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'logout' %}">Administration</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'post_list' %}">Dashboard</a>
                    </li>
                    {% else %}
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'student_page' %}">{{user.get_username}}'s Dashboard</a>
                    </li>
                    {% endif %}
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    {% if user.is_authenticated %}
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#"></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'logout' %}?next={{ LOGOUT_REDIRECT_URL }}">Abmelden</a>
                    </li>
                    {% else %}
                    <li class="dropdown">
                        <a id="login-button" href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
                            Anmelden
                            <span class="caret"></span>
                        </a>
                        <ul id="login-dp" class="dropdown-menu">
                            <li>
                                <form class="form" role="form" method="post" action="{% url 'login' %}" accept-charset="UTF-8" id="login-nav">
                                    {% csrf_token %} {% if next %}
                                    <input type="hidden" name="next" value="{{ next }}" /> {% endif %}
                                    <div class="form-group">
                                        <label class="sr-only" for="username">Benutzername</label>
                                        <input type="text" class="form-control" id="username" name="username" placeholder="Benutzername" required>
                                    </div>
                                    <div class="form-group">
                                        <label class="sr-only" for="password">Kennwort</label>
                                        <input type="password" class="form-control" id="password" name="password" placeholder="Kennwort" required>
                                    </div>
                                    <div class="form-group">
                                        <button type="submit" class="btn btn-primary btn-block">Anmelden</button>
                                    </div>
                                </form>
                            </li>
                        </ul>
                    </li>
                    {% endif %}
                </ul>
            </div>
        </nav>

        <div class="content container">
            <div class="row">
                <div class="col-md-8">
                    {% block content %} {% endblock %}
                </div>
            </div>
        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="{% static 'bootstrap/js/jquery-1.11.1.js' %} "></script>
        <script src="{% static 'bootstrap/jsjquery.tagcanvas.min.js' %} " type="text/javascript"></script>
        <script src="{% static 'js/app.js' %}"></script>
        <script src="{% static 'bootstrap/js/bootstrap.bundle.js' %}"></script>
    </body>

</html>