hubl/src/views/admin/page-admin-communities.pug

.content-box.flex.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.content-box__header.flex.space-between
    h1.without-margin(data-trans='communities.title')
    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-bold text-uppercase reversed button-primary bordered with-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-bold.text-uppercase.button-disabled(data-trans='communities.noPermission')

  #admin-communities-list.content-box__height(hidden, data-view="admin-communities-list")
    div.content-box__info.flex
      div.admin-header.flex
        h3(data-trans='communities.subTitle')

      .table-wrapper
        .table
          div.table-header.grey-color
            div.w450(data-trans='communities.tableHeader1') 
            div.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='w450 border cell-with-name'
            class-community='w370 border cell-with-buttons is-spaced'
            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