{% extends "base.html" %}

{% block nav %}
  <div class="ui inverted menu borderless top-menu">
    <div class="ui container">
      <span class="powered-by">Powered by</span>
      <img class="logo-analytics" src="{{ static_url_for('static', filename='img/data-analytics-white-pink.svg') }}">
      <a href="{{ url_for('core.home') }}">
        <img class="logo-notifications" src="{{ static_url_for('static', filename='img/notifications-logo-transp.png') }}">
      </a>
      <div class="right menu">
        {% include "components/main_menu.html" %}
        {% include "components/go_top_button.html" %}
      </div>
    </div>
  </div>
{% endblock %}

{% block subnav %}
  <div class="ui menu borderless submenu">
    <div class="ui container">
      <div class="header item" id="subnav-header">
          {% block subnav_header %}
          {% endblock %}
      </div>
      <div class="right menu">
        {% block subnav_items %}
        {% endblock %}
      </div>
    </div>
  </div>
{% endblock %}

{% block layout %}
  <main class="ui main container content">
    {% block content %}
    {% endblock %}
  </main>
  {% include "components/messages.html" %}
  <footer class="ui container footer">
    {% block footer %}
      <div class="ui divider"></div>
      <p id="copyright-notice">Copyright &copy; {{ now.year }} Sony Music Entertainment</p>
    {% endblock %}
  </footer>
{% endblock %}