{% if request.user.is_authenticated %}
    {% include 'django_spire/icon/responsive_icon.html' with icon='bi bi-search' icon_class='mx-1' x_icon_click='Spire.searchPalette.open()' %}
{% endif %}

{% if perms.django_spire_help_desk.view_helpdeskticket %}
    {% url 'django_spire:help_desk:page:list' as help_desk_url %}
    {% include 'django_spire/icon/responsive_icon.html' with icon_href=help_desk_url icon='bi bi-headset' icon_class='mx-1' %}
{% endif %}

{% if request.user.is_authenticated and not hide_notification_dropdown %}
    {% include "django_spire/notification/app/dropdown/notification_dropdown.html" %}
{% endif %}

{% if request.user.is_authenticated %}
    <div class="dropdown">
        <i
            class="bi bi-person-circle fs-2 mx-1 cursor-pointer text-primary"
            id="dropdownMenuButton1"
            data-bs-toggle="dropdown"
            aria-expanded="false"
        ></i>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
            <li>
                <div class="dropdown-item-text text-center">
                    {{ user.get_full_name }}
                </div>
            </li>
            <li><hr class="dropdown-divider"></li>
            {% if request.user.is_superuser %}
                <li>
                    <a class="dropdown-item fs--1 bg-layer-three-hover"
                       href="{% url 'admin:index' %}" target="_blank">
                        Admin Panel
                    </a>
                </li>
            {% endif %}
            <li>
                <a href="{% url 'django_spire:auth:admin:password_change' %}"
                   class="dropdown-item fs--1 bg-layer-three-hover">
                    Change Password
                </a>
            </li>
            <li>
                {% include 'django_spire/navigation/top/menu/light_dark_selector.html' %}
            </li>
            <li><hr class="dropdown-divider"></li>
            <li>
                <a href="{% url 'django_spire:auth:redirect:logout' %}"
                   class="dropdown-item fs--1 bg-layer-three-hover">
                    Logout
                    <i class="float-end bi bi-door-closed"></i>
                </a>
            </li>
        </ul>
    </div>
{% endif %}