sib-widget(name='hd-counter')
  template
    sib-badge(data-src="${src}")
nav#main__menu
  sib-router#navbar-router(default-route='members')
    //- sib-route.menu(name='members')
    //-   div.menu-label Members
    //-   div.menu-icon.icon-people
    //- div.divider
    //- sib-route.menu(name='job-offers', rdf-type='hd:joboffer')
    //-   div.menu-label Job offers
    //-   div.menu-icon.icon-briefcase
    //- sib-route(hidden, name='job-offer-create')
    //- sib-route(hidden, name='job-offer-edit', use-id)
    //- 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=`${endpoints.projects}`, rdf-type='hd:project', use-id='')
    //-   div.sub-menu.menu-notification
    //-     sib-display(
    //-       data-src=`${endpoints.projects}`
    //-       fields='project(customer.name, dash, name), badge'
    //-       value-dash=' - '
    //-       widget-badge='hd-counter'
    //-       action-badge='badge'
    //-       next='project'
    //-     )
    //- div.divider
    div.menu-wrapper
      div.menu
        div.menu-chevron
          div.menu-icon.icon-arrow-up
        div.menu-label Circles
        div.menu-icon.icon-folder-alt
      sib-route(hidden,name='circle', id-prefix=`${endpoints.circles}`, rdf-type='hd:circle', use-id='')
      div.sub-menu.menu-notification
        sib-display(
          data-src=`${endpoints.circles}`
          fields='name, badge'
          widget-name='sib-display-div',
          widget-badge='hd-counter'
          action-badge='badge'
          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='messages', id-prefix=`${endpoints.users}`, rdf-type='foaf:user', use-id='')
      div.sub-menu.menu-notification
        sib-display(
          data-src=`${endpoints.users}`
          fields='username, badge'
          widget-username='sib-display-div'
          widget-badge='hd-counter'
          action-badge='badge'
          next='messages'
        )

    //- div.divider
    //- sib-route.menu(hidden, name='my-profile', rdf-type='foaf:user', use-id='')