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

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

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

solid-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 
      solid-link(next='admin') panneau d'administration

solid-widget(name='hubl-menu-fix-url-circle')
  template
    solid-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='solid-display-div'
      order-by="name"
    )

solid-widget(name='hubl-menu-fix-url-project')
  template
    solid-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='solid-display-div'
      order-by="customer.name"
    )


solid-router#navbar-router(default-route='dashboard')
  if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
    solid-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))
    solid-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)
    solid-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)
    solid-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
      solid-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
      solid-route(name='project', rdf-type='hd:project', use-id='', hidden)
      div.sub-menu.menu-notification
        solid-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
      solid-link(next='admin-circle-list')
        div.menu
          div.menu-chevron
            div.menu-icon.icon-arrow-right-circle
          div.menu-label  Cercles
          div.menu-icon.icon-folder-alt
      solid-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
      div.sub-menu.menu-notification
        solid-display.circle-tab(
          bind-user
          nested-field='circles'
          fields='circle'
          empty-widget='hubl-create'
          empty-value='cercle'
          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
      solid-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
      div.sub-menu.menu-notification
        div#loader.loader
          div
          div
          div
          div
        solid-display.nosub.message-tab(
          data-src=`${endpoints.users || (endpoints.get && endpoints.get.users)}`
          fields='name, chatProfile.jabberID, badge'
          loader-id='loader'
          search-fields="name"
          search-label-name="Rechercher..."
          search-widget-name="hubl-search-users"
          widget-name='solid-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

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