sib-widget(name='hd-counter')
  template
    sib-fix-badge(data-src="${value == 'badge' ? src : value}")

sib-widget(name='hd-create')
  template
    p.create You are not part of any ${value} yet. To create a new one, you can go to the 
      sib-link(next='admin') administration panel

sib-widget(name='menu-fix-url-circle')
  template
    sib-display(
      data-src='${value}'
      fields='name, badge'
      value-badge='${value}'
      widget-badge='hd-counter'
      widget-name='sib-display-div'
    )

sib-widget(name='menu-fix-url-project')
  template
    sib-display(
      data-src='${value}'
      fields='project(customer.name, name), badge'
      class-name='project-name'
      class-customer.name='project-customer'
      value-badge='${value}'
      widget-badge='hd-counter'
      widget-name='sib-display-div'
    )

nav#main__menu.jsLeftMenu
  sib-router#navbar-router(default-route='dashboard')
    if endpoints.dashboard || (endpoints.get && endpoints.get.dashboard)
      sib-route.menu(name='dashboard')
        div.menu-label Dashboard
        div.menu-icon.icon-dashboard
      div.divider
    if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
      sib-route.menu(name='members')
        div.menu-label Members
        div.menu-icon.icon-people
      div.divider
    if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
      sib-route.menu(name='job-offers', rdf-type='hd:joboffer')
        div.menu-label Job offers
        div.menu-icon.icon-briefcase
      div.divider
    if endpoints.events || (endpoints.get && endpoints.get.events)
      sib-route.menu(name='events')
        div.menu-label Events
        div.menu-icon.icon-calendar
      div.divider
    if endpoints.projects || (endpoints.get && endpoints.get.projects)
      div
        div.menu
          div.menu-chevron
            sib-link(next='admin-project-list')
              div.menu-icon.icon-arrow-right
          div.menu-label Projects
          div.menu-icon.icon-folder-alt
        sib-route(name='project', rdf-type='hd:project', use-id='', hidden)
        div.sub-menu.menu-notification
          sib-display.project-tab(
            bind-user
            nested-field='projects'
            fields='project'
            empty-widget='hd-create'
            empty-value='project'
            widget-project='menu-fix-url-project'
            order-by='project.customer.name'
            next='project'
          )
      div.divider
    if endpoints.circles || (endpoints.get && endpoints.get.circles)
      div
        div.menu
          div.menu-chevron
            sib-link(next='admin-circle-list')
              div.menu-icon.icon-arrow-right
          div.menu-label Circles
          div.menu-icon.icon-folder-alt
        sib-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
        div.sub-menu.menu-notification
          sib-display(
            bind-user
            nested-field='circles'
            fields='circle'
            empty-widget='hd-create'
            empty-value='circle'
            widget-circle='menu-fix-url-circle'
            order-by='circle.name'
            next='circle'
          )
      div.divider
    if endpoints.users || (endpoints.get && endpoints.get.users)
      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(name='messages', rdf-type='foaf:user', use-id='', hidden)
        div.sub-menu.menu-notification
          sib-display.nosub(
            data-src=`${endpoints.users || (endpoints.get && endpoints.get.users)}`
            fields='username, badge'
            widget-username='sib-display-div'
            widget-badge='hd-counter'
            action-badge='badge'
            order-by='username'
            next='messages'
          )
      div.divider

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