{% extends "texsiteagency/base.html" %}

{% load texsitecore_tags %}
{% load wagtailcore_tags %}
{% load wagtailimages_tags %}

{% block head-extension %}
    {{ block.super }}

    {% if page.header_image %}
        {% image page.header_image width-1920 as hero_bg %}
        <link rel="preload" as="image" href="{{ hero_bg.url }}">
    {% endif %}
{% endblock %}

{% block agency-body-content %}
    {% if page.header_image %}
        {% image page.header_image width-1920 as hero_bg %}
        <header class="masthead" style="background-image: url('{{ hero_bg.url }}');">
    {% else %}
        <header class="masthead" style="background-color: #522b72;">
    {% endif %}
        <div class="container">
            <h1 class="masthead-heading">{{ page.title }}</h1>
            {% if page.subtitle %}
                <div class="masthead-subheading">{{ page.subtitle }}</div>
            {% endif %}
        </div>
    </header>

    {% for block in page.body %}
        <section class="page-section">
            <div class="container">
                {% get_block_template block.block_type as block_template %}
                {% include block_template with value=block.value %}
            </div>
        </section>
    {% endfor %}
{% endblock %}