{% load wagtailcore_tags wagtailimages_tags %}

<div class="container-fluid px-0 py-5 {{ self.style.background_style }} {{ self.style.padding_top }} {{ self.style.padding_bottom }}">
    <div class="{{ self.style.container_type }}">
        <div class="row">
            {% with layout=self.layout %}
                {% for column in self.content %}
                    {% if layout == 'one-col' %}
                        <div class="col-12">
                    {% elif layout == 'two-cols-equal' %}
                        <div class="col-md-6">
                    {% elif layout == 'two-cols-left' and forloop.first %}
                        <div class="col-md-8">
                    {% elif layout == 'two-cols-left' and not forloop.first %}
                        <div class="col-md-4">
                    {% elif layout == 'two-cols-right' and forloop.first %}
                        <div class="col-md-4">
                    {% elif layout == 'two-cols-right' and not forloop.first %}
                        <div class="col-md-8">
                    {% elif layout == 'three-cols' %}
                        <div class="col-md-4">
                    {% elif layout == 'four-cols' %}
                        <div class="col-md-3">
                    {% elif layout == 'six-cols' %}
                        <div class="col-md-2">
                    {% endif %}
                        {% for block in column %}
                            {% include_block block %}
                        {% endfor %}
                    </div>
                {% endfor %}
            {% endwith %}
        </div>
    </div>
</div>