{% extends "@admin/pages/abstract/dashboard.html.twig" %}

{% block content %}
    {# This needs to be here (early in the body) to make sure the animation doesn't fire #}
    <script>
        (function () {
          if (Boolean(sessionStorage.getItem('sidebar-toggle-collapsed'))) {
            var body = document.getElementsByTagName('body')[0];
            body.className = body.className + ' sidebar-collapse';
          }
        })();
    </script>

    <div class="wrapper">
      {% block main_header %}
      <header id="main-header" class="main-header">
        <!-- Logo -->
        {{ block('navbar_logo') }}

        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                <span class="sr-only">Toggle navigation</span>
            </a>
            <!-- Main nav buttons -->
            {% include "navigation/navbar.html.twig" %}
        </nav>
      </header>
      {% endblock %}

      <!-- Left side column. contains the logo and sidebar -->
      {% block main_sidebar %}
      <aside id="main-sidebar" class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
            {% include 'navigation/sidebar.html.twig' %}
        </section>
        <!-- /.sidebar -->
      </aside>
      {% endblock %}

      <!-- Content Wrapper. Contains page content -->
      {% block main_content %}
      <main id="main-content" class="content-wrapper">
        <!-- Content Header (Page header) -->
        {% block content_header %}
        <section class="content-header">
          <h1>{% block header_title %}{{ block('page_title') }}{% endblock %}</h1>
          {% if block('page_description') is not empty %}<p class="page-description">{% block header_description %}{{ block('page_description') }}{% endblock %}</p>{% endif %}
          {% block breadcrumb %}{% include 'navigation/breadcrumb.html.twig' with {page_title: block('page_title')} %}{% endblock %}
          <div id="alerts-page"></div>
        </section>
        {% endblock %}
        <section class="content">
            {% block body_matter %}{% endblock %}
        </section>
      </main>
      {% endblock %}
      <!-- /.content-wrapper -->

    <!-- Footer -->
    {% block main_footer %}
    {{ block('footer') }}
    {% endblock %}

    </div>
    <!-- ./wrapper -->
{% endblock %}