solid-router(default-route='admin-communities-list', hidden)
  solid-route(name='admin-communities-list')
  solid-route(name='admin-users-create', use-id)

solid-widget(name='hubl-action-community')
  template
    solid-ac-checker(data-src="${value}", nested-field="members", permission='acl:Append')
      solid-link(
        class='button text-small text-bold text-uppercase reversed color-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.button-disabled(data-trans='communities.noPermission')

#admin-communities-list(hidden, data-view="admin-communities-list")
  div.segment.lg-full.sm-full.padding-large.sm-padding-top-small.sm-padding-right-xsmall.sm-padding-bottom-small.sm-padding-left-xsmall.border-bottom.border-color-grey.whitespace-normal
    h2.margin-none.text-uppercase.text-xlarge.text-letter-spacing-large(data-trans='communities.title')

  div.segment.lg-full.sm-full.padding-large.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal

    div.segment.lg-full.margin-bottom-xlarge
      h3.text-color-heading.text-semibold.text-letter-spacing-large(data-trans='communities.subTitle')

    .segment.table-wrapper
      .table
        div.table-header.bg-color-third.text-color-heading
          div.segment.table-cell.table-cell.lg-half(data-trans='communities.tableHeader1') 
          div.segment.table-cell.table-cell.lg-half(data-trans='communities.tableHeader2')
      
        solid-display(
          class='table-body'
          bind-user
          nested-field='communities'
          fields='cell1(community.name), cell2(community)'
          loader-id='loader-admin-community'

          class-cell1='segment table-cell lg-half text-center'
          class-cell2='segment table-cell lg-half text-center'

          class-community.name='text-xlarge text-color-heading text-semibold text-letter-spacing-large ellipsis'
          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