{% load currency_filters i18n ocyan_wagtail category_tags ocyanjson cache %}

{% cache 300 header_2 LANGUAGE_CODE %}
<nav class="navbar navbar-expand-lg navbar-light bg-primary p-0">
    <div class="container">
        <div class="mr-auto collapse navbar-collapse" id="subheader">
            {% block nav_dropdown %}

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

                <ul id="browse" class="navbar-nav mr-auto head-menu" data-path="{{ request.path }}">
                    <li class="dropdown active {% if expand_dropdown %}open{% endif %} nav-item mr-3 xs-mr-0">
                        <a href="{% url 'catalogue:index' %}" class="dropdown-toggle btn-browse no-caret nav-link btn-primary text-white" {% if not expand_dropdown %} data-toggle="dropdown"{% endif %}>
                            <i class="far fa-chevron-down mr-1 d-block d-md-none"></i><i class="far fa-bars mr-1 d-none d-md-block"></i> {% trans "Products" %}
                        </a>
                        <ul class="dropdown-menu" style="margin-top: 0px;" data-navigation="dropdown-menu">
                            <li class="nav-item"><a class="nav-link border-primary" tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li>
                            {% include "partials/dropdown.html" with menu_items=category_tree_items %}
                            <li class="dropdown-divider"></li>
                            {% block nav_dropdown_extra_items %}
                            <li class="nav-item"><a class="nav-link" href="{% url 'offer:list' %}">{% trans "Offers" %}</a></li>
                            {% endblock %}
                        </ul>
                    </li>
                    {% block nav_extra %}
                        {# 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.html" with menu_items=page_tree_items limit=1 %}
                    {% endblock %}
                </ul>
            {% endblock %}
        </div><!-- /navbar-collapse -->
    </div>
</nav><!-- /navbar -->
{% endcache %}