{% extends "ocyan/layout.html" %}
{% load staticfiles %}
{% load category_tags %}
{% load i18n %}
{% load product_tags %}
{% load promotion_tags %}
{% load ocyan_themes %}

{% block styles %}
    {{ block.super }}
    {% block styles_theme %}
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="{% static 'template2/css/styles.css' %}" />
    {% endblock %}
    {% block styles_theme_schema %}
        {% color_scheme %}
    {% endblock %}
{% endblock %}

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

{% block layout %}
    {# Top-horizontal bar with account, notifictions, dashboard links #}
    {% include "partials/nav_accounts.html" %}

    {# Site logo/title, mini-basket, browse dropdown and searchbox #}
    <header class="header container-fluid">
        {% block navigation %}
            {% include "partials/header.html" %}
        {% endblock %}
    </header>

    {# Main content of page - other layout templates may override this block #}
    {% block content_wrapper %}
        <div class="container page">
            {% block header %}
                <div class="page-header" style="background-image:url('{% block headerimage %}{% static 'template2/images/contuct.jpg' %}{% endblock %}');">
                    <h1>{% block headertext %}{% endblock %}</h1>
                </div>
            {% endblock %}
            {% block breadcrumbs %}{% 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>


    {% endblock %}

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

{% block cdn_scripts %}
  {{ block.super }} 
{% endblock %}


{% block extrascripts %}
    {{ block.super }}

    <script src="{% static 'template2/js/scripts.js' %}"></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 onbodyload %}
    {{ block.super }}
{% endblock %}