{% load currency_filters %}
{% load category_tags %}
{% load i18n %}
{% load ocyan_wagtail ocyanjson %}

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

<div class="navbar primary navbar-static-top">
    <div class="container-fluid">
        <div class="navbar-header pull-right">
            {# This is used in mobile view #}
            <a class="btn btn-default navbar-toggle collapsed" data-toggle="collapse" data-target=".account-collapse, .primary-collapse">
                <span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </span>
            </a>
        </div>

        <a class="btn btn-default navbar-btn btn-cart navbar-right visible-xs-inline-block" href="{% url 'basket:summary' %}">
            <i class="icon-shopping-cart"></i>
            {% trans "Basket" %}
            {% if not request.basket.is_empty %}
                {% if request.basket.is_tax_known %}
                    {% blocktrans with total=request.basket.total_incl_tax|currency:request.basket.currency %}
                        Total: {{ total }}
                    {% endblocktrans %}
                {% else %}
                    {% blocktrans with total=request.basket.total_excl_tax|currency:request.basket.currency %}
                        Total: {{ total }}
                    {% endblocktrans %}
                {% endif %}
            {% endif %}
        </a>

        <div class="navbar-collapse primary-collapse collapse">
            {% block nav_dropdown %}
                <ul id="browse" class="nav navbar-nav">
                    <li>
                        <a href="/">{% trans "Home" %}</a>
                    </li>
                    <li>
                        <a href="{% url 'catalogue:index' %}">{% trans "All products" %}</a>
                    </li>
                    {% block nav_extra %}
                        {% 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 %}
            {% include "partials/search.html" %}
        </div><!-- /navbar-collapse -->
    </div>
</div><!-- /navbar -->