{% extends "cacsremoteservice/views/layouts/master.html" %}

{% block site-nav %}
{% endblock %}


{% block secondary-nav %}
{% endblock %}

{% block main-container %}
<div id="side-nav-bar+content+footer" class="flex-row h-100vh">
  <div id="side-nav-wrapper" class="column-or-nothing w-25-264px text-14 sticky sidebar-gradient-background">
    <nav>
      <div id="main-menu" class="h-100vh">
      </div>
    </nav>
  </div>
  <div id="main-content+footer" class="flex-column flex-auto vertical-scroll hide-horizontal-scroll">
    {% block banner %}
    {% endblock %}
    
    <div id="main-content-wrapper" class="flex-auto theme-background">
      <div id="project-header" class="project-header"></div>
      <div id="main-content" class="flex-column">
        <div class="analysis-presentation">
          {% block analysis-presentation %}
          {% endblock %}
        </div>
        {% block main-content %}
        {% endblock %}
      </div>
    </div>
    <footer id="site-footer">
      {% include "cacsremoteservice/views/partials/default-footer.html" %}
    </footer>
  </div>
</div>
{% endblock %}

{% block main %}
{% endblock %}

{% block footer %}
{% endblock %}

{% block analysis-master-scripts %}
<script>
  codescene.views.analyses.analysisMenu.init({
    mountPoint: $('#main-menu'),
    projectName: {{ project-name|json|safe }},
    list: {{nav-items|json|safe}},
    viewContext: "{{view-context}}"
  }
  );
  
  // Sticky top menu
  {% block project-header %}
  // codescene.views.analyses.projectHeader.init({
  //   mountPoint: $('#project-header')[0],
  //   context: {
  //     projectName: '{{ project-name }}',
  //   }
  // });
  // {% endblock %}

</script>
{% endblock %}

{% block top-menu-init %}
{% include "cacsremoteservice/views/partials/main-scripts.html" with display-top-menu?="false" %}
{% endblock %}