{% load fullurl %}
<!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">
    {% load static %}

    <link rel="icon" href="{% static 'favicon.ico'%}">
    <link rel="apple-touch-icon" href="{% static 'favicon.ico'%}">


    <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">
    <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>


    <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>
      /* 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;


        /* position: absolute;
    bottom: 16px;
    left: 16px; */


      }


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

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

      }

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

      }

      .mab-logo {

        padding-bottom: 10px;
        width: 75%
      }
    </style>


    {% 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 bg-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">
    <li class="nav-item">
        <a class=" nav-link active nav-right boldkur mab-menu-elm" style="" href="{% url 'mab_login' %}">Einloggen</a>
    </li>
    <li class="nav-item">
      <a class=" nav-link active nav-right boldkur mab-menu-elm" style="" href="{% url 'register-view' %}">Registrieren</a>
    </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 'submit' %}' ">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 bg-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" width="auto" 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="#">Mobility</a>
      </li> -->
      <li class="nav-item">
        <a class="nav-link " href="#">Wohnen</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-expand-sm navbar-fixed-top mab-navbar" style="">
      <div class="container-fluid rounded-0" style="padding-left: 2px">
        <a class="navbar-brand navbar-right" href="{% url 'products' %}">
          <img src="{% static 'logo_gemeinschaffen.png' %}" alt="MAB20" height="40px" width="auto" style="margin: auto; padding-bottom: 2px; max-width:340px; ">
        </a>





      </div>
      <hr>
      <br>
    </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 %}


</body>




<!-- Matomo -->
<script type="text/javascript">
  /*
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://piwik.juan-carlos.info/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', '4']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
  */
</script>
<!-- End Matomo Code -->

</html>
