{% if user.is_authenticated %}
<form id="logoutForm" action="{% url 'accounts:logout' %}" method="post" class="form-inline my-2 my-lg-0">
    {% csrf_token %}
    <ul class="nav navbar-nav">
        <!--<li class="nav_item"><a class="nav-link" href="">Hello {{ request.user.username }}!</a></li>-->
        <li class="nav_item"><a class="nav-link" href="">Site: {{ request.site.name }}</a></li>
        <!--<li class="nav-item"><a class="nav-link" href="javascript:document.getElementById('logoutForm').submit()">Log off</a></li>-->
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Hello {{ user.first_name }}!
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" target="_blank" href="{% url 'home' %}">New Window</a>
                {% if user.is_superuser %}
                <a class="dropdown-item" target="_blank" href="{% url 'admin:index' %}">Admin</a>
                <a class="dropdown-item" href="{% url 'clear_carswitch' %}">Reset Carswitch</a>
                <a class="dropdown-item" href="{% url 'groups_permissions' %}">Group Permissions</a>
                {% endif %}
                <a class="dropdown-item"  href="{% url 'accounts:change_password' %}">Change Password</a>
                <a class="dropdown-item" href="javascript:document.getElementById('logoutForm').submit()">Log off</a>
            </div>
        </li>
    </ul>
</form> 

{% else %}

<ul class="nav navbar-nav">
    <li class="nav_item"><a class="nav-link" href="{% url 'accounts:login' %}">Log in</a></li>
</ul>

{% endif %}