<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta name="description"
          content="{% block description %} {% endblock description %}" />
    <meta name="keywords"
          content="{% block keywords %} {% endblock keywords %}" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <link rel="stylesheet"
          href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
          crossorigin="anonymous" />
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
            integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
            crossorigin="anonymous"></script>
    <title>RepApp
      {% block title %}
      {% endblock title %}
    </title>
    {% block head %}
    {% endblock head %}
  </head>
  <body>
    <div class="container">
      <div class="row justify-content-center">
        <div class="col-8">
          {% if messages %}
            {% for message in messages %}<div class="alert alert-primary" role="alert">{{ message }}</div>{% endfor %}
          {% endif %}
          {% block content %}
          {% endblock content %}
        </div>
      </div>
    </div>
    <footer>
      {% if user.is_authenticated %}
        <a href="{% url 'logout' %}">Gast Logout</a>
        <a href="{% url 'member_login' %}">Mitarbeiter Logout</a>
      {% else %}
        <a href="{% url 'login' %}">Gast Login</a>
        <a href="{% url 'member_login' %}">Mitarbeiter Login</a>
      {% endif %}
    </footer>
  </body>
</html>
