extends ../layouts/focused
block content

  section.uk-section.uk-section-default
    .uk-container
      
      if Array.isArray(hosts) && (hosts.length > 0)  
        .uk-card.uk-card-default
          .uk-card-header
            h1.uk-card-title Select Community
          .uk-card-body
            div(uk-grid).uk-grid-small
              each core in connectedCores
                div(class="uk-width-1-1 uk-width-1-2@m uk-width-1-3@xl")
                  //- pre= JSON.stringify(connectedCores, null, 2)
                  a(href=`/auth/core/${core._id}`).uk-display-block.uk-link-reset
                    .dtp-core-list-item.uk-border-rounded
                      div(uk-grid).uk-grid-small.uk-flex-middle
                        .uk-width-auto
                          img(src=`http://${core.meta.domain}/img/icon/dtp-core.svg`, style="width: 48px; height: auto;")
                        .uk-width-expand
                          .core-name= core.meta.name
                          .core-description= core.meta.description
        
        .uk-card-footer
          div(uk-grid).uk-grid-small
            .uk-width-expand
              +renderBackButton()
      else
        .uk-card.uk-card-default
          .uk-card-header
            h1.uk-card-title There are no communities connected to this site
            .uk-card-footer
              div(uk-grid).uk-grid-small
                .uk-width-expand
                  +renderBackButton()