script(type="text/template")#active-chat-header-template
  header.row 
    .small-2.columns.align-left(data-col="displayName")
      | Customer Name
    .small-2.columns(data-col="chat.department")
      | Department
    .small-2.columns(data-col="chat.rep")
      | Agent
    .small-1.columns(data-col="chat.lastMessageTimeDuration")
      | Last Message
    .small-1.columns(data-col="chat.chatStartTime")
      | Chat Start Time
    .small-1.columns(data-col="chat.chatDuration")
      | Chat Duration
    .small-2.columns(data-col="analytics.currentPage")
      | Current Page
    .small-1.columns(data-col="history.previousChatCount")
      | Previous Chats

script(type="text/template")#active-chat-row-template
  .help-data-row
    .row
      .small-2.columns.align-left(data-col="displayName")
      .small-2.columns(data-col="chat.department")
      .small-2.columns(data-col="chat.rep")
      .small-1.columns(data-col="chat.lastMessageTimeDurationDisplay")
      .small-1.columns(data-col="chat.chatStartTimeDisplay")
      .small-1.columns(data-col="chat.chatDuration")
      .small-2.columns
        a(data-col="analytics.currentPage")
      .small-1.columns(data-col="history.previousChatCount")
      a.help-icon-button.control-button.circle-button.dark-blue.toggle-nav.show-nav(href='javascript:void(0);')
        i.icon-add
    .controls-container.active-chat.collapsed
      a.help-button.blue.monitor-chat Monitor Chat
      a.help-button.blue.transfer-chat Transfer Chat
      a.help-button.blue.view-chat-history View Chat History