<html>

<head>
  {% load static %}
  <title>{% block title %} {% endblock %}</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

  <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
  <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  {% block headersupplement %}
  {% endblock %}
</head>
<body style='padding-top:100px;'> <!-- occhio, che non prende css/style.css -->

{% if navbar %}
<!--logo altemica e navbar-->
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
  <a class navbar-brand" href="http://altemica.net">
    <img src="{% static '/images/altemica.jpg' %}" width="20%" class="d-inline-block align-top" alt="">
  </a>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="{% url 'Login:welcome' %}">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'Note:NoteView' %}">Note</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Aiuto</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'Login:login' %}">Logout</a>
      </li>
    </ul>
  </div>  
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
-     <li class="nav-item">
	<!-- <a class="nav-link" href="{% url 'Utenti:UserEdit' %}">Pannello personale:  <b>{{ utenteautorizzato.mail }}@{{ utenteautorizzato.domain.domain }}</b></a> -->
      </li>
    </ul>
  </div>  
  </nav>
{% endif %}
<!-- se navbar e' presente con un 1 all'interno, viene visualizza la navbar -->

<div class="col-md-3 col-sm-3 col-xs-3">&nbsp;</div>
 
<div class='container'>
    {% block top %}
      Place Holder
    {% endblock %}
</div>

<div class='container'>
      {% block body %}
        Place Holder
      {% endblock %}
</div>

<div class='separator'></div>

<div class='fixed-bottom'>
      {% block bottom %}
        <a href='http://altemica.net'>Powered by Altemica Srl -</a>
        Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com</a>
      {% endblock %}
</div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>

