extends ../layouts/focused
block content

  section.uk-section.uk-section-default
    .uk-container

      .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()