Navbar Hide and Show

<ul class="navbar-nav me-auto mb-2 mb-lg-0">

            {% if request.user.is_authenticated %}

            <li class="nav-item dropdown mx-2">

              <a class="nav-link dropdown-toggle text-white" href="#" id="profileDropdown" role="button"

                data-bs-toggle="dropdown" aria-expanded="false">

                {{request.user.username|capfirst}}

              </a>

              <ul class="dropdown-menu" aria-labelledby="profileDropdown">

                <li><a class="dropdown-item" href="{% url 'profile' %}">Profile</a></li>

                <li><a class="dropdown-item" href="{% url 'orders' %}">Orders</a></li>

                <li><a class="dropdown-item" href="{% url 'passwordchange' %}">Change Password</a></li>

                <li><a class="dropdown-item" href="{% url 'logout' %}">Logout</a></li>

              </ul>

            </li>

            <li class="nav-item mx-2">

              <a href="{% url 'showcart' %}" class="nav-link text-white"><span

                  class="badge bg-danger">{{totalitem}}</span> Cart </a>

            </li>

            {% else %}

            <li class="nav-item mx-2">

              <a href="{% url 'login' %}" class="nav-link text-white">Login</a>

            </li>

            <li class="nav-item mx-2">

              <a href="{% url 'customerregistration' %}" class="nav-link text-white">Registration</a>

            </li>

            {% endif %}

          </ul>