.scrollbar-content.views-container.sidebar-is-closed.bg-color-white
  solid-ac-checker(permission='acl:Read', bind-resources)
    div(
      id=`${component.route}-chat`
      hidden
      data-view=`${component.route}-chat`
      no-render
    )
      include partials/circle/page-circle-chat.pug
    div(
      id=`${component.route}-information`
      hidden
      data-view=`${component.route}-information`
      no-render
    )
      include partials/circle/page-circle-profile.pug
    if component.extensions
      for extension of component.extensions
        if extension.type == 'events' && extension.route
          div(
            id=`${extension.route}-events`
            hidden
            data-view=`${extension.route}-events`
            no-render
          )
            include partials/circle/page-circle-events.pug
        if extension.type == 'resources' && extension.route
          div(
            id=`${extension.route}-resources`
            hidden
            data-view=`${extension.route}-resources`
            no-render
          )
            include partials/circle/page-circle-resources.pug
        if extension.type == 'polls' && extension.route
          div(
            id=`${extension.route}-polls`
            hidden
            data-view=`${extension.route}-polls`
            no-render
          )
            include partials/circle/page-circle-polls.pug

nav.jsRightMenu.segment.sm-hidden.text-disable-selection.sidebar.whitespace-normal(role='navigation')
  solid-router.segment.whitespace-normal.text-color-heading.text-bold(default-route=`${component.route}-chat`)
    ul
      li.segment.full.sm-hidden.padding-small.text-normal.jsOffsiteToggle
        span.icon.icon-arrow-left.icon-xsmall.margin-left-xxsmall.text-left
        span.segment.full.text-right(hidden)
          span.icon.icon-arrow-right.icon-xsmall.margin-right-xxsmall
          a(data-trans='circle.menuRight.fold')
      solid-route.segment.full(name=`${component.route}-chat` use-id)
        li.segment.full.padding-medium
          span.icon.ci-chat.icon-xlarge.margin-right-medium
          a(data-trans='circle.menuRight.chat')
      solid-route.segment.full(name=`${component.route}-information` use-id)
        li.segment.full.padding-medium
          span.icon.ci-information.icon-xlarge.margin-right-medium
          a(data-trans='circle.menuRight.information')
      if component.extensions
        for extension of component.extensions
          if extension.type == 'resources' && extension.route
            solid-route.segment.full(name=`${extension.route}-resources` use-id)
              li.segment.full.padding-medium
                span.icon.ci-file.icon-xlarge.margin-right-medium
                a(data-trans='circle.menuRight.resources')
          if extension.type == 'events' && extension.route
            solid-route.segment.full(name=`${extension.route}-events` use-id)
              li.segment.full.padding-medium
                span.icon.ci-appointment.icon-xlarge.margin-right-medium
                a(data-trans='circle.menuRight.events')
          if extension.type == 'polls' && extension.route
            solid-route.segment.full(name=`${extension.route}-polls` use-id)
              li.segment.full.padding-medium
                span.icon.ci-list.icon-xlarge.margin-right-medium
                a(data-trans='circle.menuRight.polls')