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.text-simple-line-icons(
      class="${value == 'Public' ? 'text-large': 'text-xsmall'}"
    ) ${value == 'Public' ? '#' : ''}

solid-widget(name='hubl-create-contact')
  template
    p.create.text-color-white
      span(data-trans="menuLeft.contact.create")
      span  
      solid-link(next="members" data-trans="menuLeft.contact.profileDir")
      span  
      span(data-trans="menuLeft.contact.create2")

solid-widget(name='hubl-create')
  template
    p.create.text-color-white
      span(data-trans="menuLeft.emptyCircleProject.notPartOf")
      span  ${value}.
      br
      span(data-trans="menuLeft.emptyCircleProject.createNew")
      span  
      solid-link.segment.lg-full(next="${value == 'projet' ? 'admin-projects' : 'admin-circles'}", data-trans="menuLeft.emptyCircleProject.adminPanel")

solid-widget(name='hubl-menu-fix-url-contact')
  template
    solid-link.segment.lg-full(data-src="${value}" next="messages")
      solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
        data-src='${value}'
        fields='segment(message(name, chatProfile.jabberID), badge)'
        
        class-segment="segment lg-full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"
        class-message='segment lg-three-quarter sub-menu-name'
        class-badge='segment badge'

        value-badge='${value}'
        widget-badge='hubl-counter'
        widget-chatProfile.jabberID='hubl-menu-jabberid'
        widget-name='solid-display-div'
        order-asc='username'
      )

solid-widget(name='hubl-menu-fix-url-circle')
  template
    solid-link.segment.lg-full(data-src="${value}" next="circle")
      solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
        data-src='${value}'
        fields='segment(status, circle(name, jabberID), badge)'
        class-segment="segment lg-full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"

        class-status='segment text-top sub-menu-icon'

        class-circle='segment lg-three-quarter sub-menu-name'

        class-name='ellipsis-content'

        class-badge='segment badge'

        value-badge='${value}'
        widget-status='hubl-menu-publicprivate'
        widget-badge='hubl-counter'
        widget-jabberID='hubl-menu-jabberid'
        widget-name='solid-display-div'
        order-asc="name"
      )

solid-widget(name='hubl-menu-fix-url-project')
  template
    solid-link.segment.lg-full(data-src="${value}" next="project")
      solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
        data-src='${value}'
        fields='segment(status, project(customer.name, name, jabberID), badge)'
        class-segment="segment lg-full padding-top-xxsmall padding-bottom-xxsmall padding-right-small padding-left-medium"

        class-status='segment text-top sub-menu-icon'

        class-project='segment lg-three-quarter sub-menu-name'

        class-customer.name='ellipsis-content'
        class-name='ellipsis-content'

        class-badge='segment badge text-top'

        value-badge='${value}'
        widget-status='hubl-menu-publicprivate'
        widget-jabberID='hubl-menu-jabberid'
        widget-badge='hubl-counter'
        widget-name='solid-display-div'
        order-asc="customer.name"
      )


solid-router#navbar-router(default-route='dashboard')
  if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='dashboard')
      div.segment.margin-right-xxsmall
        div.icon.icon-small.icon-home
      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.dashboard")
    div.divider
  if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='members')
      div.segment.margin-right-xxsmall
        div.icon.icon-small.icon-people
      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.profileDirectory")
    div.divider
  //-  if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
  //-    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='job-offers', rdf-type='hd:joboffer')
  //-      div.segment.margin-right-xxsmall
  //-        div.segment.icon.icon-small.icon-briefcase
  //-      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.jobBoard")
  //-    div.divider
  if endpoints.resources || (endpoints.get && endpoints.get.resources)
    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='resources')
      div.segment.margin-right-xxsmall
        div.segment.icon.icon-small.icon-docs
      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.resources")
    div.divider
  if endpoints.polls || (endpoints.get && endpoints.get.polls)
    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='polls')
      div.segment.margin-right-xxsmall
        div.segment.icon.icon-small.icon-bubbles
      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.gov")
    div.divider
  if endpoints.events || (endpoints.get && endpoints.get.events)
    solid-route.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active(name='events')
      div.segment.margin-right-xxsmall
        div.segment.icon.icon-small.icon-calendar
      div.segment.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.events")
    div.divider
  if endpoints.projects || (endpoints.get && endpoints.get.projects)
    div.menu-wrapper
      solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
        //- (next='admin-project-list')
        div.segment.margin-right-xxsmall
          div.segment.icon.icon-small.icon-folder-alt
        div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.projects")
        div.menu-chevron.segment
          div.icon-arrow-up
          //- div.menu-icon.icon-arrow-right-circle
      solid-route(name='project', rdf-type='hd:project', use-id='', hidden)
      div.sub-menu.menu-notification
        div#loader-projects.loader.loader-menu
          div
          div
          div
          div
        solid-display.ellipsis(
          bind-user
          nested-field='projects'
          fields='project'
          loader-id='loader-projects'
          empty-widget='hubl-create'
          empty-value=''
          data-trans="empty-value=menuLeft.emptyCircleProject.project"
          widget-project='hubl-menu-fix-url-project'
          order-asc="project.customer.name"
        )
    div.divider
  if endpoints.circles || (endpoints.get && endpoints.get.circles)
    div.menu-wrapper
      solid-link.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
        //- (next='admin-circle-list')
        div.segment.margin-right-xxsmall
          div.segment.icon.icon-small.icon-folder-alt
        div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.circles")
        div.menu-chevron.segment
          div.icon-arrow-up
          //- div.menu-icon.icon-arrow-right-circle
      solid-route(name='circle', rdf-type='hd:circle', use-id='', hidden)
      div.sub-menu.menu-notification
        div#loader-circles.loader.loader-menu
          div
          div
          div
          div
        solid-display.ellipsis(
          bind-user
          nested-field='circles'
          fields='circle'
          loader-id='loader-circles'
          empty-widget='hubl-create'
          empty-value=''
          data-trans="empty-value=menuLeft.emptyCircleProject.circle"
          widget-circle='hubl-menu-fix-url-circle'
          order-asc="circle.name"
        )
    div.divider
    div.menu-wrapper
      div.menu.segment.lg-full.padding-small.text-semibold.text-color-white.heading-active.bg-color-heading.hover.active
        div.segment.margin-right-xxsmall
          div.segment.icon.icon-small.icon-envelope-letter
        div.segment.lg-three-quarter.text-uppercase.text-letter-spacing-large(data-trans="menuLeft.messages")
        div.menu-chevron.segment
          div.icon-arrow-up
    solid-route(name='messages', rdf-type='foaf:user', use-id='', hidden)
    div.sub-menu.menu-notification
      div#loader-messages.loader.loader-menu
        div
        div
        div
        div
        //- search-fields="contact.name"
        //- search-label-contact.name=""
        //- data-trans="search-label-contact.name=menuLeft.search"
        //- search-widget-contact.name="hubl-search-users"
      solid-display.segment.lg-full.whitespace-normal(
        bind-user
        nested-field='contacts'
        fields='contact'
        loader-id='loader-messages'
        empty-widget='hubl-create-contact'
        empty-value=''
        widget-contact='hubl-menu-fix-url-contact'
        order-asc="contact.username"
      )
  div.divider
  
  solid-route(name='admin', hidden)
  solid-route.menu(name='profile', hidden)
  solid-route(name='about', hidden)