extends layout/main
block view-content

  mixin renderRoomListEntry (room)
    div(uk-grid)
      .uk-width-expand
        a(href=`/chat/room/${room._id}`).uk-link-reset
          .uk-text-bold= room.name
          .uk-text-small= room.topic || '(no topic assigned)'
      .uk-width-auto
        .uk-text-small Active
        .uk-text-bold(class={
          'uk-text-success': (room.stats.presentCount > 0),
          'uk-text-muted': (room.stats.presentCount === 0),
        })= room.stats.presentCount
      .uk-width-auto
        .uk-text-small Members
        .uk-text-bold= room.stats.memberCount

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

      .uk-margin-medium
        div(uk-grid)
          .uk-width-expand
            .uk-text-lead YOUR ROOMS
          .uk-width-auto
            a(href="/chat/room/create").uk-button.uk-button-default.uk-border-rounded
              span
                i.fas.fa-plus
              span.uk-margin-small-left Create Room

        if (Array.isArray(ownerRooms) && (ownerRooms.length > 0))
          ul.uk-list
            each room in ownerRooms
              li.uk-list-divider
                +renderRoomListEntry(room)
        else
          p You don't own any rooms.

      .uk-margin-medium
        .uk-text-lead ROOM MEMBERSHIPS
        if (Array.isArray(memberRooms) && (memberRooms.length > 0))
          ul.uk-list
            each room in memberRooms
              li.uk-list-divider
                +renderRoomListEntry(room)
        else
          p You haven't joined any rooms that you don't own.