extends layouts/room
block content

  include components/message

  #site-chat-container.uk-flex.uk-flex-column.uk-height-1-1
    .chat-menubar.uk-padding-small
      div(uk-grid).uk-grid-small.uk-flex-middle
        .uk-width-auto
          img(src=`/img/icon/${site.domainKey}/icon-48x48.png`, alt=`${site.name} icon`)
        .uk-width-expand
          h1.uk-margin-remove #{site.name} Chat Timeline
        .uk-width-auto
          a(href='/chat/room').uk-button.uk-button-secondary.uk-button-small.uk-border-rounded Public Rooms

    .chat-content-wrapper
      #chat-message-list-wrapper.uk-height-1-1
        #chat-message-list
          each message in timeline
            +renderChatMessage(message, { includeRoomInfo: true })
        .chat-message-menu
          button(type="button", onclick="return dtp.app.chat.resumeChatScroll(event);").chat-scroll-return Resume scrolling