{% load currency_filters i18n ocyan_wagtail category_tags ocyanjson wagtailsettings_tags cache wagtailcore_tags wagtailimages_tags display_tags ocyan_main %}

{% with cache_time=300 %}

{% block header_tekst %}
{% ocyanjson "theme" "header" "header1" as header_type %}

{% cache cache_time header_4_promo LANGUAGE_CODE request.site %}

<div class="content-header-{{ header_type }} container-header-bg {{ header_type }}">
    <div class="content-header container">
    {% if settings.ocyan_plugin_wagtail.OcyanSettings.promo_header %}
        {% for block in settings.ocyan_plugin_wagtail.OcyanSettings.promo_header %}
            {% if block.block_type == "TextSlider" %}
            <div class="textslider-wrapper">
                <div class="textslider">
                    <ul class="textslider-stage">
                    {% for slide in block.value %}
                        <li class="textslide"><i class="fa fa-check"></i> {{ slide.text }}</li>
                    {% endfor %}
                    </ul>
                </div>
            </div>
            {% else %}
            <div class="{{ block.block.name }} {% if forloop.first %}first{% endif %}">
                {{ block }}
            </div>
            {% endif %}
        {% endfor %}
    {% endif %}
    </div>
</div>

{% endcache %}

{% endblock %}

{% block header-promo %}
<div class="header_promo promo-header-4">
    <div class="container">
        <div class="header_promo_inner">
            {% cache cache_time header_4_content LANGUAGE_CODE request.site %}
                <div class="d-none d-lg-block">
                    {% include "partials/brand.html" with big=False %}
                </div>
                {% if settings.ocyan_plugin_wagtail.OcyanSettings.header_content %}
                        <div class="header_tekst_top">
                            <ul class="header_content">
                                {% for block in settings.ocyan_plugin_wagtail.OcyanSettings.header_content %}
                                    <li class="{{ block.block.name }} {% if forloop.first %}first{% endif %}">
                                        {% include_block block %}
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                {% endif %}
            {% endcache %}
            <div class="full-search-wrapper search-wrapper">
                {% include 'partials/search.html' %}
            </div>
            <nav class="navbar navbar-expand-lg navbar-light p-0 mini_basket-wrapper">
                {% block mini_basket_wrapper %}
                <div class="mini-basket-wrapper">
                    <div class="d-lg-none">
                        <a data-toggle="collapse" data-target="#subheader" href="#subheader" class="dropdown-toggle no-caret nav-link" {% if not expand_dropdown %} data-toggle="dropdown"{% endif %} >
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                    {% block menu_logo %}
                        <div class="mini-basket-logo">
                            {% include "partials/brand.html" with big=False %}
                        </div>
                    {% endblock %}
                    {% block mini_basket %}
                    <ul class="navbar-nav mini-basket flex-row ml-auto">
                        {% block search %}
                        <li class="nav-item">
                            <a class="open-search-full no-caret nav-link">
                                <i class="fa fa-search"></i>
                            </a>
                        </li>
                        {% endblock %}
                        {% block menu_user %}
                            {% esi_fragment "partials/user-bar.html" with sessionid=True oscar_open_basket=True user=user csrf_token=csrf_token request=request basket=basket only %}
                        {% endblock %}
                    </ul>
                    {% endblock %}
                </div>
            {% endblock %}
            </nav>

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

{% cache cache_time header_4_categories LANGUAGE_CODE request.site %}

{% block nav_header %}
<nav class="navbar navbar-expand-lg navbar-light bg-primary p-0">
    <div class="{% block nav_container %}container{% endblock %} nav_wrapper">
        <div class="mr-auto collapse navbar-collapse" id="subheader">
            {% block nav_dropdown %}

                {% ocyanjson "theme" "menu_depth" 1 as menu_depth %}
                {% category_tree depth=3 as category_tree_items %}

                <ul id="browse" class="nav navbar-nav mr-auto head-menu header4" data-path="{{ request.path }}">
                    <li class="nav-item"><a class="nav-link border-primary text-white" tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li>

                    {% with limit|default:0 as level_limit %}
                    {% if category_tree_items %}
                        {% for menu_item in category_tree_items %}
                            {% if menu_item.has_children %}
                                <li class="animation-dropdown dropdown {% if menu_item.level >= level_limit %}dropdown-submenu {% endif %}nav-item">
                                    <a class="nav-link text-white {% if menu_item.level < level_limit %} dropdown-toggle"  data-toggle="dropdown{% endif %}" tabindex="-1" href="{% if menu_item.level|default_if_none:1 > 0 %}{{ menu_item.get_absolute_url }}{% else %}#{% endif %}">{{ menu_item.name }}</a>
                                    <ul class="dropdown-menu">
                            {% else %}
                                        <li class="nav-item"><a class="nav-link text-white" tabindex="-1" href="{{ menu_item.get_absolute_url }}">{{ menu_item.name }}</a></li>
                            {% endif %}

                            {% for close in menu_item.num_to_close %}
                                        </ul></li>
                            {% endfor %}
                        {% endfor %}
                    {% endif %}
                    {% endwith %}

                    {% block nav_dropdown_extra_items %}
                        <li class="nav-item"><a class="nav-link text-white" href="{% url 'offer:list' %}">{% trans "Offers" %}</a></li>
                    {% endblock %}
                    {% block nav_extra %}
                    <li class="animation-dropdown dropdown dropdown-submenu nav-item extra_menu">
                        <a class="nav-link text-white">Info <i class="fa fa-chevron-down"></i></a>
                        <ul class="dropdown-menu">
                            {# use category_tree to render page menu it is also mptree :) #}
                            {% rootpage_as_category as page_tree_root %}
                            {% category_tree menu_depth|add:1 page_tree_root as page_tree_items %}
                            {% include "partials/dropdown-header4.html" with menu_items=page_tree_items limit=1 %}
                        </ul>
                    </li>
                    {% endblock %}
                    {% block nav_content %}{% endblock %}
                </ul>
            {% endblock %}
        </div><!-- /navbar-collapse -->
    </div>
</nav><!-- /navbar -->
{% endblock %}
<div class="overlay-shop"></div>
{% endcache %}

{% endwith %}