.icp.container-fluid.msgcenter
  .col-sm-12.pl0
    #conversations.col-sm-3.no-padding
      ul.nav.nav-stacked.nav-tabs
        - @conversations.each do |conversation|
          li.row 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
                - if conversation.image(current_user).present?
                  = image_tag conversation.image(current_user), alt: conversation.label(current_user), class: 'w30 mr10 img-circle small-img'
                - else
                  = image_tag 'default_image.png', class: 'w30 mr10 img-circle small-img'
              .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'
            = text_area_tag :msg, nil, placeholder: 'Reply', rows: 2, class: 'msg-reply-textArea'
            = hidden_field_tag :typing, class: :typing
            = submit_tag 'Send', class: 'hidden'
javascript:
  loadMessages(1, $("#conversation-messages .endlessScroll"))
  bindEndlessEventOnConversation($("#conversation-messages .endlessScroll"))