.header-left
  .logo
    solid-link(next='dashboard')
      img(src=`${clientLogo || '/images/logo.webp'}` style=`max-height:${clientLogoHeight || '74px'}`)

  span.beta-tag(data-trans='header.beta')

solid-notifications.notLoggedIn(
  nested-field="inbox"
  bind-user
)

//- Templates for notifications from circles and from other users
include views/notifications/message-circle.pug
include views/notifications/message-private.pug

include templates/hubl-user-avatar.pug

details#user-controls.notLoggedIn
  summary(tabindex='0' role='button')
    solid-display#user-controls__profile(
      fields='first_name, account.picture'
      class-first_name='flex'
      class-account.picture='avatar'
      widget-account.picture='hubl-user-avatar'
      bind-user
    )
  #user-controls__panel
    nav(role="user's functionalities menu")
      ul
        if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users))
          li
            solid-link(next='profile' data-trans='header.myProfile')
        li
          solid-link(next='admin' data-trans='header.admin')
        li
          solid-link(next='about' data-trans='header.about')
      button(role='log out' onclick="document.querySelector('sib-auth').logout();" data-trans='header.logOut')

button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();" data-trans='header.logIn')

button.notLoggedIn.mobile-menu-icon.icon-menu#toggleMainMenu

sib-auth(style='display:none!important')
  sib-auth-provider(
    data-authority=`${authority}`
    data-id=`${authorityName || "authority"}`
    data-client-name=`${clientName || "Hubl"}`
  )