{% set page = layout.page %}
    {% set header = layout.header %}
    {% set footer = layout.footer %}
    {% set content = layout.content %}
    {% set contentLeft = layout.contentLeft %}
    {% set contentRight = layout.contentRight %}
    {% set contentMain = layout.contentMain %}

    {% if header %}
        <header>
            {% if header.containerEnabled %}
            <div class="container">
                {% endif %}
                <div class="{{ header|sectionWidth }}">
                    {{ _self.renderSectionContent(templateContent, 'header') }}
                </div>
                {% if header.containerEnabled %}
            </div>
            {% endif %}
        </header>
    {% endif %}

    {% if content %}
        <section class="content">
            {% if content.containerEnabled %}
            <div class="container">
                {% endif %}

                <div class="row">
                    <div class="{{ content|sectionWidth }}">
                        <div class="row">
                            {% if contentLeft %}
                                <div class="{{ contentLeft|sectionWidth }}">
                                    <aside>
                                        {{ _self.renderSectionContent(templateContent, 'content_left') }}
                                    </aside>
                                </div>
                            {% endif %}
                            {% if contentMain %}
                                <div class="{{ contentMain|sectionWidth }}">
                                    <main>
                                        {{ _self.renderSectionContent(templateContent, 'content_main') }}
                                    </main>
                                </div>
                            {% endif %}
                            {% if contentRight %}
                                <div class="{{ contentRight|sectionWidth }}">
                                    <aside>
                                        {{ _self.renderSectionContent(templateContent, 'content_right') }}
                                    </aside>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>

                {% if content.containerEnabled %}
            </div>
            {% endif %}
        </section>
    {% endif %}

    {% if footer %}
        <footer>
            {% if footer.containerEnabled %}
            <div class="container">
                {% endif %}
                <div class="{{ footer|sectionWidth }}">
                    {{ _self.renderSectionContent(templateContent, 'footer') }}
                </div>
                {% if footer.containerEnabled %}
            </div>
            {% endif %}
        </footer>
    {% endif %}

{% macro renderSectionContent(section, name) %}
    <div class="section section-{{ name }}">
        {% if templateContent[name] is defined %}
            {% for component in templateContent[name] %}
                {{ component.content|raw }}
            {% endfor %}
        {% endif %}
    </div>
{% endmacro %}