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

sib-widget(name='hubl-menu-jabberid')
  template
    div.hidden(
      data-jabberID="${value}"
    )

sib-widget(name='hubl-menu-publicprivate')
  template
    div ${value == 'Public' ? '#' : ''}

sib-widget(name='hubl-create')
  template
    p.create Tu ne fais partie d'aucun ${value}.
      br
      | Pour en créer un nouveau, tu peux te rendre dans le 
      sib-link(next='admin') panneau d'administration

sib-widget(name='hubl-menu-fix-url-circle')
  template
    sib-display(
      data-src='${value}'
      fields='status, name, jabberID, badge'
      value-badge='${value}'
      widget-status='hubl-menu-publicprivate'
      widget-badge='hubl-counter'
      widget-jabberID='hubl-menu-jabberid'
      widget-name='sib-display-div'
      order-by="name"
    )

sib-widget(name='hubl-menu-fix-url-project')
  template
    sib-display(
      data-src='${value}'
      fields='status, project(customer.name, name, jabberID), badge'
      class-name='project-name'
      class-customer.name='project-customer'
      value-badge='${value}'
      widget-status='hubl-menu-publicprivate'
      widget-jabberID='hubl-menu-jabberid'
      widget-badge='hubl-counter'
      widget-name='sib-display-div'
      order-by="customer.name"
    )

nav#main__menu.jsLeftMenu
  sib-router#navbar-router(default-route='dashboard')
    if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
      sib-route.menu(name='dashboard')
        div.menu-label Tableau de bord
        div.menu-icon.icon-home
      div.divider
    if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
      sib-route.menu(name='members')
        div.menu-label Annuaire des membres
        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 Offres de mission
        div.menu-icon.icon-briefcase
      div.divider
    if endpoints.events || (endpoints.get && endpoints.get.events)
      sib-route.menu(name='events')
        div.menu-label Evènements
        div.menu-icon.icon-calendar
      div.divider
    if endpoints.projects || (endpoints.get && endpoints.get.projects)
      div
        sib-link(next='admin-project-list')
          div.menu
            div.menu-chevron
              div.menu-icon.icon-arrow-right-circle
            div.menu-label  Projets
            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='hubl-create'
            empty-value='projet'
            widget-project='hubl-menu-fix-url-project'
            order-by='project.customer.name'
            next='project'
          )
      div.divider
    if endpoints.circles || (endpoints.get && endpoints.get.circles)
      div
        sib-link(next='admin-circle-list')
          div.menu
            div.menu-chevron
              div.menu-icon.icon-arrow-right-circle
            div.menu-label  Canaux
            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='hubl-create'
            empty-value='canal'
            widget-circle='hubl-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 Messages
          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='name, chatProfile.jabberID, badge'
            search-fields="name"
            search-label-name="Rechercher..."
            search-widget-name="hubl-search-users"
            widget-name='sib-display-div'
            widget-badge='hubl-counter'
            widget-chatProfile.jabberID='hubl-menu-jabberid'
            action-badge='badge'
            order-by='username'
            next='messages'
            paginate-by='10'
          )
      div.divider

    sib-route(name='admin', hidden)
    sib-route.menu(name='profile', hidden)