{% import "helpers/misc.nunj" as ui %}

{% extends "layouts/skeleton.nunj" %}

{% block page %}
<header class="fr-header">
    <div class="fr-header-inner">
        <div class="fr-header-unit">
            <button class="ToggleButton is-inactive fr-header-navButton">
                <span class="ToggleButton-active">{{ ui.svg('close', '#fff', '16px', '16px') }}</span>
                <span class="ToggleButton-inactive">{{ ui.svg('menu', '#fff', '20px', '20px') }}</span>
            </button>
        </div>
        <div class="fr-header-unit"><a href="/" class="fr-header-title" data-pjax>{{ frctl.config.project.title }}</a></div>
    </div>
</header>

<div class="fr-body fr-body--withSidebar">

    <div class="fr-sidebar">
        <div class="fr-inner">

            <div class="SidebarItem SidebarItem--nav">
            {% include 'partials/navigation.nunj' %}
            </div>

            {% block sidebar %}{% endblock %}

        </div>
    </div>

    <div class="fr-content{% if contentModifier %} fr-content--{{contentModifier}}{% endif %}" id="main-content">
    {% block content %}{% endblock %}
    </div> <!-- .fr-content -->

</div> <!-- .fr-body -->
{% endblock %}