{% extends "base.html" %}
{% load static wagtailcore_tags wagtailimages_tags %}

{% block content %}
<main class="maincontent">
    {# Header Section #}
    {% if page.header_type == 'hero' %}
        <div class="container-fluid px-0 hero-header" style="background-image: url('{% image_url page.header_image original %}');">
            <div class="container">
                <div class="row align-items-center min-vh-50">
                    <div class="col-12 text-center text-white">
                        <h1>{{ page.header_title }}</h1>
                        {{ page.header_text|richtext }}
                    </div>
                </div>
            </div>
        </div>
    {% elif page.header_type == 'split' %}
        <div class="container-fluid header-banner-solid">
            <div class="container">
                <div class="row">
                    <div class="col-6">
                        <h1>{{ page.header_title }}</h1>
                        {{ page.header_text|richtext }}
                    </div>
                    <div class="col-6 header-banner-image">
                        {% if page.header_image %}
                            {% image page.header_image fill-600x400 %}
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    {% else %}
        <div class="container-fluid header-simple">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h1>{{ page.header_title }}</h1>
                        {{ page.header_text|richtext }}
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

    {# Content Sections #}
    {% for block in page.content %}
        {% include_block block %}
    {% endfor %}

    {# Contact Widget #}
    {% if page.show_contact %}
        {% include "widgets/contact.html" %}
    {% endif %}
</main>
{% endblock %}