{% from "navbar_macros.html" import nav_link, dropdown %}

<div class="navbar navbar-expand-lg navbar-light bg-white z-index-3 py-3">
    ...
    <div class="collapse navbar-collapse w-100 pt-3 pb-2 py-lg-0" id="navigation">
        <ul class="navbar-nav navbar-nav-hover mx-auto">
            {% if current_user.is_authenticated %}
                {{ dropdown('User Mgmt', 'contacts', [
                    {'name': 'Select Tenant', 'url': '/user/select_tenant', 'roles': ['Super User']},
                    {'name': 'Tenant Registration', 'url': '/user/tenant', 'roles': ['Super User']},
                    {'name': 'User Registration', 'url': '/user/user', 'roles': ['admin', 'manager']},
                    {'name': 'User List', 'url': '/user/view_users', 'roles': ['Super User', 'Tenant Admin']}
                ]) }}
            {% endif %}
            {{ dropdown('Account', 'contacts', [
                {'name': 'Login', 'url': '/login'},
                {'name': 'Logout', 'url': '/logout'}
            ]) }}
        </ul>
    </div>
    ...
</div>