<!DOCTYPE html>
<html>

<head>
  {% load static %}
  <title>{% block title %} {% endblock %}</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>

  <!--
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>

  <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/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></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">
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class='nav-item active'>
	<a class="navbar-brand" href="https://altemica.net/dashboard4">
          <img src="{% static 'images/logo-altemica-300x100.jpg' %}" width="30%" class="d-inline-block align-left" alt=""></img>
        </a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="{% url 'Login:welcome' %}">
	<img src="{% static 'images/88282.png' %}" width="10%" class="d-inline-block align-left" alt="">  Menu Principale</img></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'Note:NoteView' %}">
        <img src="{% static 'images/88273.png' %}" width="10%" class="d-inline-block align-left" alt="">  Note/Comunicazioni</img></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#help">
        <img src="{% static 'images/88274.png' %}" width="10%" class="d-inline-block align-left" alt="">  Aiuto</img></a>

      </li>
      <li class="nav-item">
        <a class="nav-link" href="{% url 'Login:login' %}">
        <img src="{% static 'images/88285.png' %}" width="10%" class="d-inline-block align-left" alt="">  Logout</img></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 %}
      <p>
    Utente che sta effettuando gli aggiornamenti {{ utenteautorizzato.mail }}@{{ utenteautorizzato.domain.nome }}
  </p>
  {% if dominio %}
    <p>
      Dominio su cui si sta' lavorando: {{ dominio.nome }}
    </p>
  {% endif %}
  {% if user.mail %}
    <p>
      Si stanno effettuando aggiornamenti su: {{ user.mail }}@{{ user.domain.nome }}
    </p>
  {% endif %}
  {% if dominio.nota %}
    <p>
    Note:<br>
    <b>{{ dominio.nota|linebreaks }}</b>
    </p>
  {% endif %}
    {% endblock %}
</div>

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

<div class='container'>
      {% block bodybottom %}
      {% endblock %}
</div>

<div class=='container'>
  {% block help %}
  {% 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>

