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

//- #search-bar
//-   input#search-input(type='search')
//-   i#search-icon.icon-magnifier(aria-hidden='true')
//-   i#close-search-icon.icon-close(aria-hidden='true')

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

include templates/hd-user-avatar.pug

details#user-controls.notLoggedIn
  summary(tabindex='0' role='button')
    sib-display#user-controls__profile(
      fields='firstName, account.picture'
      widget-account.picture='hd-user-avatar'
      bind-user
    )
  #user-controls__panel
    nav(role="user's functionalities menu")
      ul
        if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
          li
            sib-link(next='my-profile') My profile
        //-li
          sib-link(next='user-settings') Settings
        li
          sib-link(next='admin') Admin
      button(role='log out' onclick="document.querySelector('sib-auth').logout();") Log out

button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();") 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 || "SIB App"}`
  )

