{% extends "ocyan/layout.html" %}

{% load staticfiles %}
{% load promotion_tags %}
{% load ocyan_themes %}

{% block styles %}
    {{ block.super }}
    {% block styles_theme %}
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="{% static 'template6/css/styles.css' %}" />
    {% endblock %}
    {% block styles_theme_schema %}
        {% color_scheme %}
    {% endblock %}
{% endblock %}

{% block extrahead %}
    {{ block.super }}
    {% block keywords %}{% endblock %}
{% endblock %}

{% block scripts %}
{{ block.super }}
<script src="{% static "template6/js/scripts.js" %}" type="text/javascript"></script>
<script src="{% static 'assets/js/lazyload/jquery.lazy.min.js' %}"></script>
<script src="{% static 'assets/js/lazyload/jquery.lazy.plugins.min.js' %}"></script>
{% endblock %}

{% block layout %}
    <header class="header">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-5">
                    {% include "partials/brand.html" %}
                </div>
                <div class="col-xs-12 col-md-3">
                    {% include "partials/search.html" %}
                </div>
                <div class="col-xs-12 col-md-4">
                    {% block mini_basket %}{% include "partials/mini_basket.html" %}{% endblock %}
                </div>
                <div class="col-md-12">
                    {% if settings.ocyan_plugin_wagtail.OcyanSettings.header_content %}
                        <ul class="header_content" style="width: 100%;">
                            {% for block in settings.ocyan_plugin_wagtail.OcyanSettings.header_content %}
                                <li class="{{ block.block.name }}">
                                    {{ block }}
                                </li>
                            {% endfor %}
                        </ul>
                    {% endif %}
                </div>
            </div>
        </div>
        {% block navigation %}
            {% include "partials/nav_primary.html" %}
        {% endblock %}
    </header>

    {% block content_wrapper %}
        <div class="container page">
            <div class="page_inner">
                {% block breadcrumbs %}{% endblock %}
                {% block header %}
                    <div class="page-header action">
                        <h1>{% block headertext %}{% endblock %}</h1>
                    </div>
                {% endblock %}
                {% include "partials/alert_messages.html" %}
                {% block subnavigation %}{% endblock %}
                <div class="content">
                    {% block subheader %}{% endblock subheader %}

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

                    {# Div exists for AJAX updates to entire content section #}
                    <div id="content_inner">{% block content %}{% endblock %}</div>
                </div>
            </div>
        </div>
    {% endblock %}

    {% include "partials/footer.html" %}
{% endblock %}