{% load i18n %}

 <a href="#" class="navbar-toggler no-caret nav-link" type="button" data-toggle="collapse" data-target="#subheader" aria-controls="subheader" aria-expanded="false" aria-label="Toggle navigation">
            <i class="fa fa-bars"></i>
        </a>
<nav id="top_page" class="navbar navbar-light bg-light navbar-static-top accounts navbar-expand-lg">
    {# This is used in mobile view #}
    <div class="container">
        <div class="mx-auto mr-md-0" id="accounts_bar">
            <ul class="navbar-nav flex-row ml-md-auto d-md-flex mobile-spacing">
                {% if user.is_authenticated %}
                    <li class="nav-item">
                        {% if num_unread_notifications > 0 %}
                            {# If user has new notifications - we change account link to go to inbox #}
                            <a class="nav-link" href="{% url 'customer:notifications-inbox' %}">
                                <i class="fa fa-user"></i>
                                {% trans "Account" %}
                                <span class="label label-warning">{{ num_unread_notifications }}</span>
                            </a>
                        {% else %}
                            <a class="nav-link" href="{% url 'customer:summary' %}"><i class="fa fa-user"></i> {% trans "Account" %}</a>
                        {% endif %}
                    </li>
                    {% if user.is_staff or perms.partner.dashboard_access %}
                        <li class="nav-item"><a class="nav-link" href="{% url 'dashboard:index' %}"><i class="fa fa-list"></i> {% trans "Dashboard" %}</a></li>
                    {% endif %}
                    <li class="nav-item"><a class="nav-link" id="logout_link" href="{% url 'customer:logout' %}"><i class="fa fa-sign-out"></i> {% trans "Logout" %}</a></li>
                {% else %}
                    <li class="nav-item"><a class="nav-link" id="login_link" href="{% url 'customer:login' %}"><i class="fa fa-user"></i> {% trans "Login or register" %}</a></li>
                {% endif %}
            </ul>
        </div>
    </div>
</nav>