#reverse_scroll.row
  .col-sm-12.no-padding
    .slim-scroll data-height='300px' data-start='bottom'
      .col-sm-12.hide
        = paginate messages
      .col-sm-12
        .reverse_scroll-page
          - messages.reverse.each do |message|
            .col-sm-12.reverse_scroll-element.no-padding
              .col-sm-1
                .pt3
                  = image_tag(message.sender.image_url(:thumb), alt: message.sender.name)
              .col-sm-9.no-padding
                .pt10.lh14.fs10
                  .semibold
                    = link_to message.sender.full_name, profile_path(message.sender)
                  = message.message
              .col-sm-2.align-right.no-padding
                .pt20.fs10.livetimestamp data-time-iso8601=message.created_at.to_s(:iso8601) data-time-format='dddd, MMMM Do YYYY, h:mm:ss a'