nav#navbar
  sib-router#navbar-router(default-route='members')
    sib-route.menu(name='members')
      div.menu-notification
        sib-display(
        data-fields,
        data-src=`${sdn}/members/`,
        counter-template='${counter}'
        )
      div.menu-label Members
      div.menu-icon.icon-people
    sib-route.menu(hidden, name='member', id-prefix=`${sdn}/members/`)
    div.divider
    sib-route.menu(name='job-offers')
      div.menu-notification
        sib-display(
        data-fields,
        data-src=`${sdn}/job-offers/`,
        counter-template='${counter}'
        )
      div.menu-label Job offers
      div.menu-icon.icon-briefcase
    sib-route(hidden, name='job-offer-create')
    div.divider
    div.menu-wrapper
      div.menu
        div.menu-chevron
          div.menu-icon.icon-arrow-up
        div.menu-label Projects
        div.menu-icon.icon-folder-alt
      sib-route(hidden,name='project', id-prefix=`${sdn}/projects/`)
      div.sub-menu
        sib-display(
          data-src=`${sdn}/projects/`,
          data-fields='project',
          set-project='customer.name, dash, name',
          value-dash='-',
          next='project'
        )
    div.divider
    div.menu-wrapper
      div.menu
        div.menu-chevron
          div.menu-icon.icon-arrow-up
        div.menu-label Cercles
        div.menu-icon.icon-globe
      sib-route(hidden, name='circle', id-prefix=`${sdn}/circles/`)
      div.sub-menu
        sib-display(
          data-src=`${sdn}/circles/`,
          data-fields='name',
          next='circle'
        )
    div.divider
    div.menu-wrapper
      div.menu
        div.menu-chevron
          div.menu-icon.icon-arrow-up
        div.menu-label Chat
        div.menu-icon.icon-envelope-letter
      sib-route(hidden, name='member-chat', id-prefix=`${sdn}/members/`)
      div.sub-menu
        sib-display(
          data-src=`${sdn}/members/`,
          data-fields='user.username',
          next='member-chat'
        )
    div.divider