<!DOCTYPE html>
{% load static i18n fontawesome_5 %}
<html lang="{{ language }}">
<head>
    <meta charset="UTF-8">
    <title>{{ base_title }}</title>
    <link rel="stylesheet" href="{% static 'css/messages.css' %}">
    <link rel="stylesheet" href="{% static 'css/mulewf.css' %}">
    <link rel="stylesheet" href="{% static 'css/konova.css' %}">
    <script type="text/javascript" src="{% static 'js/jquery-3.5.1.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/jquery-ui.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/mulewf.min.js' %}"></script>
    {% fontawesome_5_static %}
    {% block head %}

    {% endblock %}
</head>
<body>
{% if render_header %}
<header class="header">
    <div class="background-wrap gray-600">
        <div class="row logo-search-area">
				<div class="small-6 medium-4 columns">
                    <h3>{{ base_frontend_title }}</h3>
                </div>
				<div class="medium-4 columns hide-for-small-only"></div>
				<div class="small-6 medium-4 columns last">
					<a href="{% url 'home' %}">
                        <img class="logo" alt="{% trans 'Home' %}"
                            title="{% trans 'Home' %}"
                             src="{% static 'images/rlp-logos-MUEEF.png' %}"/>
                        <noscript>
                            <img title="rlp" alt="rlp-logo" src="{% static 'images/rlp-logos-MUEEF.png' %}" width="192" height="84" />
                        </noscript>
                    </a>
				</div>
        </div>
    </div>
</header>
{% endif %}
    <div class="body-content">

        <nav class="main-menu static" role="navigation">
            {% block navbar %}
            {% if user.is_authenticated %}
                {% include 'authenticated-user-navbar.html' %}
            {% else %}
                {% include 'anonymous-user-navbar.html' %}
            {% endif %}
            {% endblock %}
        </nav>
        <div class="row">
            <div class="large-12 columns">
            {% for message in messages %}
                <div class="{{ message.tags }}">
                    {{ message }}
                </div>
            {% endfor %}
            </div>

            <div class="small-12 columns">
                <div class="column" style="margin-top: 50px;">
                    {% block body %}
                        <div class="small-12 medium-3 columns">
                            {% block body_left %}
                            &nbsp;
                            {% endblock %}
                        </div>
                        <div class="small-12 medium-6 columns">
                            {% block body_middle %}
                            {% endblock %}
                        </div>
                        <div class="small-12 medium-3 columns">
                            {% block body_right %}
                            &nbsp;
                            {% endblock %}
                        </div>
                    {% endblock %}
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        {% block footer %}
        <div class="background-wrap gray-500 line"></div>
        <div class="row">
            <div class="large-6 medium-6 columns">
                <h2 class="h6">{% trans 'About this site' %}</h2>
                <ul class="no-bullet">
                    <li><a href="" target="_self">Impressum</a></li>
                    <li><a href="" target="_self">{% trans 'Privacy policy' %}</a></li>
                </ul>
            </div>
        </div>
        {% endblock %}
    </footer>
</body>


</html>