.content-box.full-width.with-form
  solid-router(default-route='admin-communities-list', hidden)
    solid-route(name='admin-communities-list')
    solid-route(name='admin-users-create', use-id)

  div.segment.padding-xlarge.border-bottom
    div
      h2.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')
    div.segment.lg-hidden
      button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle(data-trans='communities.menuMobile')
  
  solid-widget(name='hubl-action-community')
    template
      solid-ac-checker(data-src="${value}", nested-field="members", permission='acl:Append')
        solid-link(
          class='button text-bolder text-uppercase reversed button-secondary bordered icon icon-plus'
          data-src="${value}"
          next="admin-users-create"
          data-trans='communities.linkInvite'
        )
      solid-ac-checker(data-src="${value}", nested-field="members", no-permission='acl:Append')
        div.button.text-uppercase.button-disabled(data-trans='communities.noPermission')

  #admin-communities-list.content-box__height(hidden, data-view="admin-communities-list")
    div.segment.padding-xlarge
      div.segment.padding-y-small.margin-bottom.clearfix
        h3.text-large.text-bold.text-letter-spacing-large(data-trans='communities.subTitle')

      .table-wrapper
        .table.segment.margin-bottom
          div.table-header
            div.table-cell.w450(data-trans='communities.tableHeader1') 
            div.table-cell.w370(data-trans='communities.tableHeader2')
        
          solid-display(
            class='table-body'
            bind-user
            nested-field='communities'
            fields='community.name, community'
            loader-id='loader-admin-community'

            class-community.name='table-cell w450 text-color-heading text-bold text-letter-spacing-large'
            class-community='table-cell w370'
            widget-community='hubl-action-community'

            order-asc='community.name'
          )

      div#loader-admin-community.loader.loader-top
        div
        div
        div
        div

  #admin-users-create.content-box__height(hidden, data-view="admin-users-create")
    include page-admin-users-create.pug