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

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

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') Mon profil
        li
          solid-link(next='admin') Administration
        li
          solid-link(next='about') A propos
      button(role='log out' onclick="document.querySelector('sib-auth').logout();") Se déconnecter

button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();") Se connecter

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"}`
  )