.segment.lg-three-quarter.float-left.align-middle
  .logo
    solid-link(next='dashboard')
      img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '52px'}`)
    
  span.tag.beta.reversed.color-primary(data-trans='header.beta')

.segment.lg-auto.float-right
  .segment.lg-auto.float-left.margin-right.align-middle
    solid-notifications.notLoggedIn(
      nested-field="inbox"
      bind-user
    )

  .segment.lg-auto.float-left.margin-left.text-bold.text-small.text-color-heading
    details#user-controls.notLoggedIn.segment
      summary.segment.padding(tabindex='0' role='button')
        solid-display#user-controls__profile(
          fields='first_name, account.picture'
          class-first_name='text-letter-spacing-larger'
          class-account.picture='avatar small margin-right-small'
          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.border-bottom
                solid-link.segment.padding(next='profile' data-trans='header.myProfile')
            li.border-bottom
              solid-link.segment.padding(next='admin' data-trans='header.admin')
              ul
                if (endpoints.users || (endpoints.get && endpoints.get.users))
                  solid-route(name='admin-communities')
                    li.segment.padding.text-normal
                      a.icon.icon-people.icon-color-third(data-trans='admin.menuRight.community')
                if endpoints.circles || (endpoints.get && endpoints.get.circles)
                  solid-route(name='admin-circles')
                    li.segment.padding.text-normal
                      a.icon.icon-globe.icon-color-third(data-trans='admin.menuRight.circles')
                if endpoints.projects || (endpoints.get && endpoints.get.projects)
                  solid-route(name='admin-projects')
                    li.segment.padding.text-normal
                      a.icon.icon-folder-alt.icon-color-third(data-trans='admin.menuRight.projects')
            li.border-bottom
              solid-link.segment.padding(next='about' data-trans='header.about')
          button.segment.padding.text-bold.text-color-heading(role='log out' onclick="document.querySelector('sib-auth').logout();" data-trans='header.logOut')

  button.loggedIn.segment.float-right(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"}`
    )





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