<div class="buttons dropdown is-right" data-dropdown-target="drop">
    <div class="dropdown-trigger" data-action="click->dropdown#toggle">
        <a class="button is-primary">
            <span class="icon">
                <i class="bi bi-person-circle"></i>
            </span>
            <span class="pl-3">
                {{ app.user.useridentifier }}
            </span>
            <span class="icon">
                <i class="bi bi-caret-down-fill" data-dropdown-target="caret"></i>
            </span>
        </a>
    </div>
    <div class="dropdown-menu" role="menu">
        <div class="dropdown-content">
            <a href="/user" class="dropdown-item">
                <span class="icon is-small">
                    <i class="bi bi-person-fill"></i>
                </span>
                <span class="pl-2 is-size-6">Profilo</span>
            </a>
            <a href="/projects" class="dropdown-item">
                <span class="icon is-small">
                    <i class="bi bi-vector-pen"></i>
                </span>
                <span class="pl-2 is-size-6">Progetti</span>
            </a>
          {% if  is_granted('ROLE_ADMIN') %}
            <a href="/admin" class="dropdown-item">
                <span class="icon is-small">
                    <i class="bi bi-gear-fill"></i>
                </span>
                <span class="pl-2 is-size-6">Admin</span>
            </a>
          {% endif %}
            <a href="https://git.electricmandarine.cloud/nicolo/ifc-web-app/issues" class="dropdown-item">
                <span class="icon is-small">
                    <i class="bi bi-bug-fill"></i>
                </span>
                <span class="pl-2 is-size-6">Segnala un bug</span>
            </a>
          <hr class="dropdown-divider" />
            <a href="/logout" class="button is-link is-fullwidth">
                <span class="icon is-small">
                    <i class="bi bi-box-arrow-right"></i>
                </span>
                <span class="has-text-centered"> Logout</span>
            </a>
    </div>
</div>
