<div class="page container">

    <h1>{{ page.title }}</h1>
    
    <div class="page-content">{{ page.content }}</div>

</div>

{% style %}
{%- if section.settings.hide_header -%}
    #header{display: none !important;}
{%- endif -%}
{%- if section.settings.hide_footer -%}
    #footer{display: none !important;}
{%- endif -%}
{% endstyle %}

{% schema %}
{
    "name": "t:sections.section-page-content.name",
    "settings": [
        {
            "type": "checkbox",
            "id": "hide_header",
            "label": "t:sections.section-page-content.settings.hide_header",
            "default": false
        },
        {
            "type": "checkbox",
            "id": "hide_footer",
            "label": "t:sections.section-page-content.settings.hide_footer",
            "default": false
        }
    ]
}
{% endschema %}