extends ../layout/main
include components/profile-picture
block content

  section.uk-section.uk-section-default
    .uk-container
      h1 Block List

      if Array.isArray(blockedUsers) && (blockedUsers.length > 0)
        ul.uk-list.uk-list-divider
          each member in blockedUsers
            li(data-user-id= member._id, uk-grid).uk-grid-small.uk-flex-middle
              .uk-width-auto
                +renderProfilePicture(member)
              .uk-width-auto
                a(href=`/member/${member.username}`).uk-link-reset @#{member.username}
              .uk-width-expand.uk-text-truncate
                a(href=`/member/${member.username}`).uk-link-reset= member.displayName
              .uk-width-auto
                button(
                  data-user-id= member._id,
                  onclick="return dtp.app.unblockUser(event);",
                ).uk-button.dtp-button-danger.uk-button-small.uk-border-rounded Unblock
      else
        div You have no blocked users.