{% extends "oscar/layout_2_col.html" %}
{% load promotion_tags staticfiles ocyan_wagtail %}

{% comment %}
Keep the same header and footer as the standard layout template but override the
main content area to split it into a sidebar and a content block
{% endcomment %}
{% block content_wrapper %}


{% block header %}
<div class="container page">
    <div class="page-header" style="background-image:url('{% block headerimage %}{{ block.super }}{% endblock %}');">
        <h1>{% block headertext %}{% endblock %}</h1>
    </div>
{% endblock %}

        {% block breadcrumbs %}{% endblock %}

        <div class="row">
            {% captureas column_left_output %}{% spaceless %}
            {% block column_left %}
                {% if promotions_left %}
                    <div id="promotions_left">
                        {% for promotion in promotions_left %}
                            {% render_promotion promotion %}
                        {% endfor %}
                    </div>
                {% endif %}
            {% endblock %}
            {% endspaceless %}{% endcaptureas %}

            {% if column_left_output %}
                <aside class="sidebar col-sm-4 col-md-3">
                    {{ column_left_output }}
                </aside>
                <div class="col-sm-8 col-md-9">
            {% else %}
                <div class="col-sm-12 col-md-12">
            {% endif %}

                {% include "partials/alert_messages.html" %}

                <div id="promotions">
                    {% for promotion in promotions_page %}
                        {% render_promotion promotion %}
                    {% endfor %}
                </div>

                {% block content %}{% endblock %}
            </div>

        </div>
</div><!-- /container-fluid -->
{% endblock %}