{%- extends 'base.html.twig' -%}

{% block content %} {% autoescape false %}

{% set header = currentPage.getSection('header') %}
{% set footer = currentPage.getSection('footer') %}

    <div class="page">

{% if header %}
        <header id="section-header" class="header moto-section" data-widget="section" data-container="section">
            {% filter page_html_content(header, 'header') %}
                {% include template_from_string(header.content) %}
            {% endfilter %}
        </header>
        </header>
{% endif %}

        <section id="section-content" class="content page-{{page.id}} moto-section" data-widget="section" data-container="section">
            {% filter page_html_content(page, page.type) %}
                {% include template_from_string(page.content) %}
            {% endfilter %}
        </section>
    </div>

{% if footer %}
    <footer id="section-footer" class="footer moto-section" data-widget="section" data-container="section"{% if footer.properties.sticky and (not isPreview) %} moto-sticky="{mode:'smallHeight', direction:'bottom'}"{% endif %}>
        {% filter page_html_content(footer, 'footer') %}
            {% include template_from_string(footer.content) %}
        {% endfilter %}
    </footer>
{% endif %}

{% endautoescape %} {% endblock %}