{# Deze template extend niet van oscar dit hoort zo #}
{% load i18n %}
{% load ocyanjson %}

<div id="top_page" class="navbar navbar-default navbar-static-top accounts">
    {# This is used in mobile view #}
    <div class="navbar-header">
        <div class="container">
            <div class="row">
                <div class="col-md-6 visible-xs">
                    <div class="logo-top-bar">
                        {% include "partials/brand.html" %}
                    </div>
                </div>

                <div class="col-md-6">
                    <a class="btn btn-default navbar-toggle collapsed" data-toggle="collapse" data-target=".account-collapse, .primary-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                </div>
            </div>

        </div>
    </div>

    <div class="navbar-collapse account-collapse collapse">
        <div class="container">
            <ul class="nav navbar-nav navbar-left">
                {% if user.is_authenticated %}
                {% block nav_account_navbar_authenticated %}
                    <li>
                        {% if num_unread_notifications > 0 %}
                            {# If user has new notifications - we change account link to go to inbox #}
                            <a href="{% url 'customer:notifications-inbox' %}">
                                {% trans "Account" %}
                                <span class="label label-warning">{{ num_unread_notifications }}</span>
                            </a>
                        {% else %}
                            <a href="{% url 'customer:summary' %}"> {% trans "Account" %}</a>
                        {% endif %}
                    </li>
                    {% if user.is_staff or perms.partner.dashboard_access %}
                        <li><a href="{% url 'dashboard:index' %}"> {% trans "Dashboard" %}</a></li>
                    {% endif %}
                    <li><a id="logout_link" href="{% url 'customer:logout' %}"> {% trans "Logout" %}</a></li>
                {% endblock %}
                {% else %}
                    <li><a id="login_link" href="{% url 'customer:login' %}"> {% trans "Login or register" %}</a></li>
                {% endif %}

                    <li>
                        {% block nav_account_languages %}
                            {% ocyanjson "i18n" "languages" 0 as languages %}
                            {% if languages|length > 1 %}
                            <form id="language_selector" class="navbar-left navbar-form" action="{% url 'set_language' %}" method="post">
                                {% csrf_token %}
                                <input name="next" type="hidden" value="{{ language_neutral_url_path }}" />
                                <select name="language" class="form-control" onchange="this.parentNode.submit()">
                                    {% get_language_info_list for LANGUAGES as languages %}
                                    {% for language in languages %}
                                        <option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE%} selected="selected"{% endif %}>
                                            {{ language.name_local }}
                                        </option>
                                    {% endfor %}
                                </select>
                            </form>
                        {% endif %}
                        {% endblock %}
                    </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>{% block mini_basket %}{% include "partials/mini_basket.html" %}{% endblock %}</li>
            </ul>
        </div>
    </div>
</div>