.icp.container-fluid.msgcenter
  .col-sm-12.pl0
    #conversations.col-sm-3.no-padding
      ul.nav.nav-stacked
        - @conversations.each do |conversation|
          li class="#{'active' if @conversation.id == conversation.id}" class=(conversation.read?(current_user) ? 'read' : 'unread') data-id=conversation.id
            = link_to conversation_path(conversation), class:'col-xs-12 col-sm-12' do
              .col-xs-3.col-sm-3.no-padding.center
                = image_tag conversation.image(current_user), alt: conversation.label(current_user), class: 'w30 mr10'
              .col-xs-9.col-sm-9.pl0
                .uname
                  = conversation.label(current_user)
    .col-sm-9.no-padding
      .tab-content
        #conversation-messages data-id=@conversation.id
          .maxh300set.endlessScroll data-url=conversation_path(@conversation) data-scroll-type='reverse'
          = form_tag reply_conversation_path(@conversation), id: 'reply-to-conversation', class: "chatBoxForm"
            = text_area_tag :msg, nil, placeholder: 'Reply', rows: 2, class: 'msg-reply-textArea fs8'
            = hidden_field_tag :typing, class: :typing
            = file_field_tag "attachment", class: 'attachment', id: "message-center-attachment-#{@conversation.id}"
            label.conversation-attachment for="message-center-attachment-#{@conversation.id}"
              i.fa.fa-paperclip

javascript:
  loadMessages(1, $("#conversation-messages .endlessScroll"))
  bindEndlessEventOnConversation($("#conversation-messages .endlessScroll"))