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

    <meta charset="UTF-8">
    <title>{% block title %} {{ config.WEBSITE_TITEL }} {% endblock %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="{% static 'favicon.ico'%}">
    <link rel="apple-touch-icon" href="{% static 'favicon.ico'%}">
    {% compress css %}
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css'%}" >
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
    <link href="{% static '/fontawesome/css/all.css'' %}" rel="stylesheet">
    {% endcompress %}
    {% compress js  %}
    <script src="{% static 'jquery-3.2.1.slim.min.js' %}" ></script>
    <script src="{% static 'popper.min.js' %}" ></script>
    <script src="{% static 'bootstrap.min.js' %}" ></script>
    <script src="{% static 'jquery.min.js' %}"></script>
    <script src="{% static 'dist/main.js' %}"></script>
    {% endcompress %}


    {% if settings.DEBUG %}

    <script src="{% static 'js/vuejs/vue-dev.js' %}"></script>

    {% else %}

    <script src="{% static 'js/vuejs/vue2.js' %}"></script>

    {% endif %}

    <link rel="preload" href="{% static 'css/NeuzeitGro-Reg/font.woff2' %}" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="{% static 'css/NeuzeitGro-Reg/font.woff' %}" as="font" type="font/woff" crossorigin>
    <link rel="preload" href="{% static 'css/NeuzeitGro-Bla/font.woff2' %}" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="{% static 'css/NeuzeitGro-Bla/font.woff' %}" as="font" type="font/woff" crossorigin>




    {% compress css inline %}
    <style media="screen">
      .mab-navbar {

        padding-left: 15px;
        padding-bottom: 4px;
        margin-bottom: 16px;
        position: sticky;
        top: 0;
        z-index: 2;
        background-color: #FCFCFC;
        padding-right: 15px;
        border-bottom: 1px solid #469CA8;
        /* box-shadow: 0 8px 4px -6px gray; */
      }


      .cursor-pointer {
        cursor: pointer;
      }

      .text-decoration-none,
      .text-decoration-none:hover,
      .text-decoration-none a:hover {
        text-decoration: none;
      }
    </style>



    <style media="screen">
      /* The Modal (background) */
      .modal {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 1;
        /* Sit on top */
        padding-top: 100px;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
      }

      /* Modal Content */
      .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
      }

      /* The Close Button */
      .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
      }

      .close:hover,
      .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
      }


      .mab-menu-mega {
        padding: .15em .75em .15em 0.75em;
        border-style: solid;
        border-width: 0px;
        border-color: #469CA8;
        color: #469CA8;
        background-color: #CEEAE8;
        border-radius: 150px;

        font-size: 1em;
        /* font-weight: bold; */
        /* font-family: NeuzeitGro-Bla; */
        text-align: center;
        margin: 5px 10px 5px 10px;
      }


      .mab-menu-mega:hover {
        color: #FFF;
        background-color: #469cab;
      }

      .mab-menu-elm {
        color: #469CA8;
        padding: 12px 8px 12px 8px;
        display: block;
      }

      .mab-nav-fix {
        padding-top: 8px;
      }

      .mab-menu-elm:hover {
        color: #FFF;
      }

      .mab-logo {

        padding-bottom: 10px;
        width: 75%
      }

      /* ----- MODAL ------- */

      .modal {
        display: none;
        position: fixed;
        z-index: 3;
        padding-top: 100px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
      }

      .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
      }

      .close {
        color: #aaaaaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
      }

      .close:hover,
      .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
      }

      .img-menu{

        max-height:90px;
      }

    </style>
    {% endcompress %}

    {% block script %}

    {% endblock %}

    {% block header %}
    {% endblock header %}

</head>
<body>

    {% if not embed %}
    {% block navbar %}











<!--
********************************************************************************** -->


<nav class="navbar navbar-fixed-top navbar-expand-lg navbar-light" style="padding-top:20px;">


  <!-- <a class="navbar-brand navbar-right" href="{% url 'products' %}" style="width:50%" >
    <span></span>
  </a> -->

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

  <div class="collapse navbar-collapse" id="navbarTop">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
      </li>

    </ul>
    <ul class="navbar-nav ml-auto">

    {% if user.is_authenticated %}
    <li class="nav-item">
      <div class="mab-nav-fix">
        <a class=" nav-link active nav-right boldkur mab-menu-elm" style="" href="{% url 'mab_logout' %}">Ausloggen</a>

      </div>
    </li>
    <li class="nav-item">
      <div class="mab-nav-fix">
        <a class=" nav-link active nav-right boldkur mab-menu-elm" style="" href="{% url 'meine-projekte' %}">Meine Projekte</a>
      </div>
    </li>

    <li class="nav-item">
      <div class="mab-nav-fix">
        <a class=" nav-link active nav-right boldkur mab-menu-elm" style="" href="{% url 'meine-daten' pk=request.user.contact.id %}">Meine Daten</a>
      </div>
    </li>

      {% if request.user.is_superuser %}
      <li class="nav-item">
        <div class="mab-nav-fix">
          <a class=" nav-link active nav-right boldkur mab-menu-elm" style="" href="{% url 'admin-panel' %}">Admin Panel</a>
        </div>
      </li>
      {% endif %}

    {% else %}
    <li class="nav-item">
      <div class="mab-nav-fix">
        <a class=" nav-link active nav-right boldkur mab-menu-elm " style="" href="{% url 'mab_login' %}">Einloggen</a>
      </div>
    </li>
    {% endif %}


    <li class="nav-item">
      <div class="mab-nav-fix">
        <a class=" nav-link active nav-right boldkur mab-menu-elm " style="" href="{% url 'register-view' %}">Registrieren</a>
      </div>
    </li>

    <li class="nav-item">
      <div class="mab-nav-fix">
        <a class=" nav-link active nav-right boldkur mab-menu-elm " style="" href="{% url 'pages-generic'  page='INFO' %}">Info</a>
      </div>
    </li>

    <li class="nav-item">
      <div class="mab-nav-fix">
        <a class=" nav-link active nav-right boldkur mab-menu-elm " style="" href="https://blog.gemeinschaffen.com/">Blog</a>
      </div>
    </li>

    <li class="nav-item mab-nav-item mab-menu-mega">
      <span class=" active boldkur mab-menu-elm" onclick="window.location='{% url 'search-agent-form' %}' ">Suchagent</span>
      <!-- <a class=" nav-link active nav-right boldkur mab-menu-elm  " style="" href="{% url 'login' %}">Suchagent</a> -->
    </li>
    <li class="nav-item mab-nav-item mab-menu-mega">
      <span class=" active boldkur mab-menu-elm" onclick="window.location='{% url 'neues-projekt-dispatch' %}' ">Projekt eintragen</span>
      <!-- <a class=" nav-link active nav-right boldkur mab-menu-elm " style="" href="{% url 'login' %}">Projekt eintragen</a> -->
    </li>


    </ul>
    <!-- <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form> -->
  </div>
</nav>




<nav class="navbar navbar-fixed-top mab-navbar navbar-expand-lg navbar-light">
  <a class="navbar-brand navbar-right" href="{% url 'products' %}" style="width:45%" >
    <img src="{% static 'logo_gemeinschaffen.png' %}" alt="Markplatz" class="img-fluid mab-logo" style="">
  </a>

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


  <div class="collapse navbar-collapse" id="navbarBottom">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
      </li>

    </ul>
    <ul class="navbar-nav ml-auto">
      <!-- <li class="nav-item active">
        <a class="nav-link disabled" href="#">Topic</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Topic</a>
      </li> -->

      <li class="nav-item">
        <a class="nav-link " href="{% url 'energieprojekte-list' %}">
          <img src="{% static 'GES_Menü_Energie.png' %}" alt="Markplatz" class="img-menu" style="">
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link " href="{% url 'mobilitaetsprojekte-list' %}">
          <img src="{% static 'GES_Menü_Mobilitaet.png' %}" alt="Markplatz" class="img-menu" style="">
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link " href="{% url 'ernaerungsprojekte-list' %}">
          <img src="{% static 'GES_Menü_Ernaehrung.png' %}" alt="Markplatz" class="img-menu" style="">
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link " href="{% url 'wohnprojekte-list' %}">
          <img src="{% static 'GES_Menü_Wohnen.png' %}" alt="Markplatz" class="img-menu" style="">
        </a>
      </li>
    </ul>

    <!-- <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form> -->
  </div>
</nav>






    {% endblock %}
    {% endif %}


    <div class="container-fluid">
        {% block content %}

        {% endblock %}
    </div>


 <div class="modal fade " id="LoginModal" tabindex="-1" role="dialog" aria-labelledby="LoginModal" aria-hidden="true">
     <div class="modal-dialog border border-dark rounded-0" role="document">
         <div class="modal-content rounded-0">
         <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Bitte loggen Sie sich hier ein: </h5>
             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
         </div>

          <div class="modal-body">

    <form method="post" action="{% url 'login' %}">
{% csrf_token %}



<div class="form-group " style="margin-top: 20px">

    <input type="text" class="form-control rounded-0" name="username" placeholder="username" />
</div>
        <div class="form-group">
    <input type="password" class="form-control rounded-0" name="password" placeholder="password">

</div>


<div>
  <input type="submit" class="btn btn-outline-secondary rounded-0 mybtn" value="login" />
  <input type="hidden" name="next" value="{{ next }}" />
</div>
</form>
          </div>

               <div class="modal-footer">
    <p><a href="{% url 'password_reset' %}">Passwort vergessen?</a></p>
               </div>
         </div>
</div>

</div>

{% if not embed %}

{% include "footer.html" %}

{% endif %}









<script>
</script>

</body>

</html>
