Создание выпадающего меню для входа в учетную запись

Я хотел бы создать выпадающее меню из учетной записи вошедшего пользователя. В настоящее время правая верхняя кнопка в навигационной панели является либо "Вход", либо "Выход" в зависимости от того, вошел ли пользователь в систему. Я хотел бы создать выпадающее меню, когда пользователь вошел в систему, которое содержит такие опции, как учетная запись и выход. Желаемые примеры выглядят следующим образом:

enter image description here

Выпадающее меню входа может содержать две опции (Account и Logout). как этого добиться, не используя внешнюю таблицу стилей boostrap?

Текущий HTML

   <div class="nav">
      <div class="login-container">
          {% if user.is_authenticated %}
        <form class="navbar-form navbar-right" action="{% url 'logout' %}" method="get">
            <span>Welcome, {{ user }}.&nbsp;&nbsp;</span>
          <button type="submit">logout</button>
            {% else %}
        <form class="navbar-form navbar-right" action="{% url 'login' %}" method="get">
            <span>Welcome, {{ user }}.&nbsp;&nbsp;</span>
          <button type="submit">login</button>
          {% endif %}
        </form>
      </div>
    </div>
Вернуться на верх