{% if request.user.is_authenticated %}
  <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
    <div class="btn-group">
      <a
        type="button"
        class="btn btn-outline-secondary"
        href="{% url 'account:show_profile' %}"
      >
      <i class="bi bi-person-circle"></i> {{ request.user }}
      </a>
      <button 
        type="button"
        class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split"
        data-bs-toggle="dropdown"
        aria-expanded="false"
      >
        <span class="visually-hidden">Toggle Dropdown</span>
      </button>
      <ul class="dropdown-menu dropdown-menu-end">
        {% if request.user.is_staff %}
          <li>
            <a class="dropdown-item" type="button" href="{% url 'admin:index' %}"
            ><i class="bi bi-shield-shaded"></i> Admin</a>
          </li>
        {% endif %}
        <li>
          <a
            href="{% url 'two_factor:profile' %}"
            class="dropdown-item"
            type="button">
            <i class="bi bi-dice-5"></i> 2FA
          </a>
        </li>
        <li><hr class="dropdown-divider" /></li>
        <li>
          <a
            href="{% url 'account:logout' %}"
            class="dropdown-item"
            type="button"><i class="bi bi-door-closed"></i> Logout
          </a>
        </li>           
      </ul>
    </div>              
  </li>
{% else %}
  <li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
    <div class="btn-group">
      <a
        type="button"
        href="{% url 'two_factor:login' %}"
        class="btn btn-outline-secondary"
      >
        <i class="bi bi-box-arrow-in-right"></i></i> Login
      </a>
    </div>              
  </li>    
{% endif %}