{% extends "base.html" %}

{%- block page -%}

    {%- block skip -%}
        <nav class="nsw-skip" aria-label="Skip to links">
            <a href="#main-nav"><span>Skip to navigation</span></a>
            <a href="#content"><span>Skip to content</span></a>
        </nav>
    {%- endblock %}

    {%- block header -%}
        {% include "header.html" %}
    {%- endblock -%}

    {# The content block allows you to replace the content of the page if needed #}
    {%- block content %}
        {% block maintag %}<div class="main">{% endblock %}
            {% block main_content %}
                {%- call ui.util.call(ui.container) -%}
                    {% block toolbar %}
                        {% block breadcrumb -%}
                            {%- set breadcrumb_content | trim -%}
                            {%- block breadcrumb_content -%}{%- endblock %}
                            {%- endset -%}
                            {% if breadcrumb_content -%}
                                {%- call ui.util.call(ui.breadcrumb_wrapper, _extra_class="nsw-p-bottom-xs") -%}
                                    {{ ui.breadcrumb(_("Home"), h.url_for('home.index'), aria={"label": _("Home")}, initial=true) }}
                                    {{ breadcrumb_content }}
                                {%- endcall %}
                            {% endif %}
                        {% endblock %}
                    {% endblock %}
                {%- endcall %}

                {%- call ui.util.call(ui.container) -%}
                    {% block flash %}
                        <div class="flash-messages">
                            {% block flash_inner %}
                                {% for category, message in h.get_flashed_messages(with_categories=true) %}
                                    {{ ui.alert(h.literal(message), dismissible=true, style=category) }}
                                {% endfor %}
                            {% endblock %}
                        </div>
                    {% endblock %}
                {%- endcall %}


                {%- block zone_wrapper -%}
                    <div class="{% block wrapper_class %}nsw-p-bottom-md{% endblock %}">

                        {%- call ui.util.call(ui.container) -%}
                            {% block pre_primary %}
                                {%- set content_action | trim -%}
                                {% block content_action -%}{% endblock %}
                                {%- endset %}
                                {{ ui.content_action_wrapper(content_action) if content_action }}
                            {% endblock %}
                        {%- endcall %}

                        {%- call ui.util.call(ui.container) -%}
                            <div class="nsw-layout">
                                {% block secondary %}
                                    <div class="nsw-layout__sidebar">
                                        {%- set content_primary_nav | trim -%}
                                        {% block content_primary_nav -%}{% endblock %}
                                        {%- endset %}
                                        {{ ui.content_nav(content_primary_nav) if content_primary_nav }}

                                        {% block secondary_content %}{% endblock %}
                                    </div>
                                {% endblock %}

                                {% block primary %}
                                    <div class="nsw-layout__main">
                                        {% block primary_content %}
                                            <article>
                                                {% block page_header %}
                                                {% endblock %}
                                                <div>
                                                    {%- set primary_action | trim -%}
                                                    {% block page_primary_action -%}{% endblock %}
                                                    {%- endset %}
                                                    {{ ui.page_action_wrapper(primary_action) if primary_action }}
                                                    {% block primary_content_inner %}
                                                    {% endblock %}
                                                </div>
                                            </article>
                                        {% endblock %}
                                    </div>
                                {% endblock primary%}
                            </div>
                        {%- endcall %}
                    </div>
                {%- endblock zone_wrapper %}

            {% endblock main_content %}
        </div>
    {% endblock -%}

    {%- block footer %}
        {% include "footer.html" %}
    {% endblock -%}
{%- endblock -%}