{% load i18n static %}

<!DOCTYPE html>
<html>

<head>
  {% block head %}

  {% block meta %}
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="robots" content="NONE,NOARCHIVE" />
  {% endblock %}

  <title>{% block title %}{% if name %}{{ name }} – {% endif %}Django musician{% endblock %}</title>

  {% block style %}
  {% block bootstrap_theme %}
  <link rel="stylesheet" type="text/css" href="{% static "musician/css/bootstrap.min.css" %}" />
  <link rel="stylesheet" type="text/css" href="{% static "musician/css/theme.min.css" %}" />
  {% endblock %}

  <link rel="stylesheet" href="{% static "musician/fontawesome/css/all.min.css" %}" />
  <link rel="stylesheet" type="text/css" href="{% static "musician/css/default.css" %}" />
  {% if code_style %}<style>
    {{ code_style }}
  </style>{% endif %}
  {% endblock %}

  {% endblock %}
</head>

{% block body %}

<body class="{% block bodyclass %}{% endblock %}">
  <div class="wrapper">
    <nav id="sidebar" class="bg-primary border-right pt-4">
      {% block sidebar %}
      {# <!-- branding --> #}
      <img class="img-fluid" src="{% static 'musician/images/logo-pangea-monocrome-white.png' %}"
        alt="Pangea.org - Internet etic i solidari" />
      <span class="text-light d-block text-right">{{ version }}</span>
      <div class="dropdown-divider"></div>
      {# <!-- services menu --> #}
      {% for item in services_menu %}
      <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link text-light active" href="{% url item.pattern_name %}">
              <i class="fas fa-{{ item.icon }}"></i>
              {{ item.title }}
            </a>
          </li>
      </ul>
      {% endfor %}
      {# <!-- user profile menu --> #}
      <div class="dropdown-divider mt-5"></div>
      <ul class="nav flex-column">
          <li class="nav-item">
              <a href="#profile" class="nav-link text-light">
                  <img id="user-avatar" class="float-right" width="64" height="64" src="{% static "musician/images/default-profile-picture.png" %}" alt="user-profile-picture"/>
                <strong>{{ user.username|default:"Username" }}</strong><br/>
                <i class="fas fa-cog"></i> Settings

              </a>
          </li>
          <div class="dropdown-divider"></div>
          <li class="nav-item text-right">
            <a class="nav-link text-light" href="{% url 'musician:logout' %}">
              {% trans 'Log out' %}
              <i class="fas fa-power-off"></i>
            </a>
          </li>
        </ul>
    
    </ul>

      {% endblock sidebar %}
    </nav><!-- ./sidebar -->
    <div id="content" class="container-fluid pt-4">
        {% block content %}   
        {% endblock content %}
    </div><!-- ./content -->
  </div><!-- ./wrapper -->

  {% block script %}
  <script src="{% static "musician/js/jquery-3.3.1.slim.min.js" %}"></script>
  <script src="{% static "musician/js/popper.min.js" %}"></script>
  <script src="{% static "musician/js/bootstrap.min.js" %}"></script>
  {% endblock %}

</body>
{% endblock %}

</html>
