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

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

{% block freelancer-body-content %}
    {% if page.header_image %}
        <header>
            <div class="container" tabindex="-1">
                <div class="row">
                    <div class="col-lg-12 text-center">
                        {% image page.header_image width-1920 as keyvisual %}
                        <img class="img-responsive" src="{{ keyvisual.url }}" alt="{{ page.title }}">
                        {% if page.subtitle %}
                            <h2>{{ page.subtitle }}</h2>
                        {% endif %}
                    </div>
                </div>
            </div>
        </header>
    {% endif %}

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