{% extends 'partials/base.html.twig' %}

{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}

{% block head %}
    <base href="/">

    {{ parent() }}

{% endblock %}

{% block javascripts %}
    {% do assets.add('theme://js/singlepagenav.min.js') %}

    {{ parent() }}

{% endblock %}

{% block stylesheets %}
    {% do assets.addCss('/schedule/assets/styles.bundle.css') %}

    {{ parent() }}

{% endblock %}

{% block bottom %}
    {{ parent() }}

    <script>
    // singlePageNav initialization & configuration
    $('nav').singlePageNav({
        offset: $('#header').outerHeight(),
        filter: 'a[href*="#"]',
        updateHash: true,
        currentClass: 'active',
        beforeStart: function() {
            if ($('body').hasClass('mobile-nav-open')) {
                $('#toggle').removeClass('active');
                $('#overlay').removeClass('open');
                $('body').removeClass('mobile-nav-open');
            }
        }
    });
    </script>

    {% do assets.addJs('/schedule/assets/inline.bundle.js') %}
    {% do assets.addJs('/schedule/assets/polyfills.bundle.js') %}
    {% do assets.addJs('/schedule/assets/main.bundle.js') %}

    {{ assets.js() }}

{% endblock %}

{% block hero %}
    {% for module in page.collection() if module.template == 'modular/hero' %}
        <div id="{{ _self.pageLinkName(module.menu) }}"></div>
        {{ module.content }}
    {% endfor %}

{% endblock %}

{% block body %}
    {% for module in page.collection() if module.template != 'modular/hero' %}
        <div id="{{ _self.pageLinkName(module.menu) }}"></div>
        {{ module.content }}
    {% endfor %}

{% endblock %}