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

{% block content %}
    {# Hero Section #}
    {% if page.hero_image %}
    <section class="container-fluid px-0 py-5 maincontent" style="background-image: url('{% image_url page.hero_image original %}'); background-size: cover; background-position: center;">
        <div class="container">
            <div class="row justify-content-md-center">
                <div class="col-12 col-md-11 col-lg-9 col-xl-7 col-xxl-6 text-center text-white">
                    {% if page.hero_title %}
                        <h1 class="display-3 fw-bold mb-3">{{ page.hero_title }}</h1>
                    {% endif %}
                    {% if page.hero_text %}
                        <div class="lead mb-5">{{ page.hero_text|richtext }}</div>
                    {% endif %}
                    {% if page.hero_button_text and page.hero_button_link %}
                        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
                            <a href="{{ page.hero_button_link }}" class="btn bsb-btn-xl btn-light gap-3">
                                {{ page.hero_button_text }}
                            </a>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </section>
    {% endif %}

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

    {# Markets Widget #}
    {% if page.show_markets %}
        {% include "widgets/markets.html" %}
    {% endif %}

    {# Certifications Widget #}
    {% if page.show_certifications %}
        {% include "widgets/certifications.html" %}
    {% endif %}

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