extends ../layouts/room
block content

  mixin renderRoomTile (room)
    div(data-room-id= room._id, data-room-name= room.name).uk-tile.uk-tile-default.uk-tile-small
      .uk-tile-body
        div(uk-grid).uk-grid-small
          .uk-width-auto
          .uk-width-expand
            .uk-margin-small
              div(title= room.name).uk-text-bold.uk-text-truncate= room.name
              .uk-text-small.uk-text-truncate= room.description
            div(uk-grid).uk-grid-small.uk-text-small.uk-text-muted.no-select
              .uk-width-expand
                a(href= getUserProfileUrl(room.owner))= room.owner.username
              .uk-width-auto
                span
                  i.fas.fa-users
                span.uk-margin-small-left= formatCount(room.members.length)

  .uk-height-1-1.uk-overflow-auto

    h1 Public Rooms
    div(uk-grid)
      each room in publicRooms
        .uk-width-1-3
          +renderRoomTile(room)

    pre= JSON.stringify(publicRooms, null, 2)