{% load currency_filters i18n ocyan_wagtail category_tags ocyanjson ocyan_oscar 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 %}

{% if settings.ocyan_plugin_wagtail.OcyanSettings.promo_header %}
<div class="content-header-{{ header_type }} container-header-bg {{ header_type }}">
    <div class="content-header container">
        {% 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 %}
    </div>
</div>
{% endif %}
{% endblock %}

{% block header_promo %}
<div class="header_promo">
    <div class="container">
        <div class="header_promo_inner">
            <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 %}

            {% block mini_basket_wrapper %}
            <div class="mini-basket-wrapper">

                {% block menu_logo %}
                <div class="mini-basket-logo">
                    <a data-toggle="collapse" href="#bigdropdown" class="dropdown-toggle no-caret nav-link" {% if not expand_dropdown %} data-toggle="dropdown"{% endif %} >
                        <i class="fa fa-bars"></i>
                    </a>
                    {% include "partials/brand.html" with big=False %}
                </div>
                {% endblock %}
                {% block mini_basket %}
                <ul class="navbar-nav mini-basket flex-row ml-auto">
                    {% esi_fragment "partials/user-bar.html" with sessionid=True oscar_open_basket=True user=user csrf_token=csrf_token request=request basket=basket only %}
                </ul>
                {% endblock %}
            </div>
            {% endblock %}
        </div>
    </div>
</div>

{% endblock %}

{% ocyanjson "theme" "menu_depth" 3 as menu_depth %}

<nav class="navbar navbar-expand-lg navbar-light bg-primary p-0">
    <div class="{% block nav_container %}container{% endblock %} nav_wrapper">
        {% block nav_header %}{% endblock %}
        <div class="mr-auto navbar-collapse" id="subheader">
            {% cache cache_time header_3 LANGUAGE_CODE request.site %}

            {% block nav_dropdown %}
                <ul class="nav navbar-nav mr-auto head-menu big-head-menu d-none d-lg-block" data-path="{{ request.path }}">
                    <li class="dropdown active {% if expand_dropdown %}open{% endif %} nav-item mr-3 xs-mr-0">
                        <a data-toggle="collapse" href="#bigdropdown" class="dropdown-toggle collapsed btn-browse no-caret nav-link btn-primary text-white" {% if not expand_dropdown %} data-toggle="dropdown"{% endif %} >
                            <i class="fa fa-bars mr-1 d-none d-md-block"></i> {% trans "Products" %}
                        </a>
                    </li>
                </ul>
                <ul class="header3-pages-wrapper">
                    {% block nav_extra %}
                        {% main_navigation_pages as page_tree_items %}
                        {% for menu_item in page_tree_items %}
                            <li class="nav-item {% if menu_item.title == page.title %}active{% endif %}"><a class="nav-link" tabindex="-1" href="{{ menu_item.url }}">{{ menu_item.title }}</a></li>
                        {% endfor %}
                    {% endblock %}
                </ul>

            {% endblock %}

            {% endcache %}
            <div class="search-wrapper-wrapper header3-search-wrapper bg-primary">
                {% include 'partials/search.html' %}
            </div>
            {% block nav_content %}{% endblock %}
        </div><!-- /navbar-collapse -->
    </div>
</nav><!-- /navbar -->

<div class="overlay-shop"></div>


{% cache cache_time header_3_categories LANGUAGE_CODE request.site %}

{% block big-dropdown %}
{% category_tree as category_tree_items %}
{% main_navigation_pages as page_tree_items %}

<div class="big-dropdown collapse" id="bigdropdown">
    <div class="mobile-header bg-primary text-white">
        <div class="btn-prev btn-control" data-target=""><i class="fa fa-angle-left"></i></div>
        <div class="category_header"><a id="current_cat" href="{% url "catalogue:index" %}">{% trans 'Categories' %}</a></div>
        <div class="btn-exit btn-control" data-toggle="collapse" href="#bigdropdown"><i class="fa fa-times"></i></div>
        <input type="hidden" name="category_name" value="{% trans 'Categories'%}"/>
        <input type="hidden" name="category_url" value="{% url "catalogue:index" %}"/>
    </div>
    <div class="all-products show">
        <a data-before-text="{% trans "All articles inside" %}" class="see-all-from-category" href="#"></a>
    </div>
    <ul class="menu-items">
        {% for menu_item in category_tree_items %}
            {% if menu_item.has_children %}
                <li data-depth="{{menu_item.depth}}" class="nav-item with-children dropdown dropdown-submenu  hover nav-item">
                    <a class="nav-link with-children" tabindex="-1" href="{{ menu_item.get_absolute_url }}">{{ menu_item.name }}</a>
                    <ul data-depth="{{menu_item.depth|add:1}}" class="dropdown-menu">
            {% else %}
                        <li data-depth="{{menu_item.depth}}" class="nav-item {% if menu_item.name == page.title %}active{% endif %}"><a class="nav-link" 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 %}
        {% if page_tree_items %}
            <li data-depth="1" class="dropdown-divider"></li>
            {% for menu_item in page_tree_items %}
                <li data-depth="1" class="nav-item {% if menu_item.title == page.title %}active{% endif %} nav_extra"><a class="nav-link" tabindex="-1" href="{{ menu_item.url }}">{{ menu_item.title }}</a></li>
            {% endfor %}
        {% endif %}
    </ul>
</div>

<div class="menu-overlay" data-toggle="collapse" href="#bigdropdown"></div>
{% endblock %}
{% endcache %}
{% endwith %}