{% extends "oscar/checkout/layout.html" %}
{% load i18n %}
{% load promotion_tags %}
{% load category_tags %}

{% block layout %}

    {% block checkout_header %}
    <header class="header">
        <nav class="navbar navbar-expand-lg navbar-light bg-light p-0">
            <div class="container">
                <div class="mr-auto navbar-collapse" id="subheader">
                    {% include "partials/brand.html" %}
                    {% block checkout_nav %}{% endblock %}
                </div>
            </div>
        </div>
    </header><!-- /header -->
    {% endblock %}

    <div class="container checkout {% block wrapper_class %}{% endblock %} position-relative">
        {% block wrapper_header %}
        {% endblock %}
       <div class="page_inner">
            {% include 'partials/alert_messages.html' %}

            <!-- The main nav on checkout pages contain links to modal flatpages -->
            {% block modal %}
                {% load flatpages %}
                {% get_flatpages '/order/' as flatpages %}
                {% for page in flatpages %}
                <div id="{{ page.title|slugify }}" class="modal hide fade">
                    <div class="modal-header">
                        <a class="close" data-dismiss="modal">×</a>
                        <h3>{{ page.title }}</h3>
                    </div>
                    <div class="modal-body">
                        <div class="large-content">
                            {{ page.content|safe }}
                        </div>
                    </div>
                </div>
                {% endfor %}
            {% endblock %}

            {% block content %}{% endblock %}

            <div id="promotions">
                {% for promotion in promotions_page %}
                    {% render_promotion promotion %}
                {% endfor %}
            </div>
        </div><!-- /page_inner -->
        {% block footer %}
        {% endblock %}
    </div>

{% endblock %}