script(type="text/template")#history-chat-header-template
  header.row.control-right
    .small-1.columns(data-col="roomDisplay")
      | ID
    .small-3.columns(data-col="displayName")
      | Customer Name
    .small-2.columns(data-col="lastRep")
      | Agent
    .small-2.columns(data-col="chatStartTime")
      | Chat Start Date/Time
    .small-2.columns(data-col="chatDuration")
      | Chat Duration
    .small-2.columns(data-col="nps")
      | NPS

script(type="text/template")#history-chat-row-template
  .help-data-row
    .row.control-right
      .small-1.columns
        a(data-col="roomDisplay")
      .small-3.columns
        a(data-col="displayName")
      .small-2.columns
        a(data-col="firstRep")
      .small-2.columns(data-col="chatStartTime")
      .small-2.columns(data-col="chatDuration")
      .small-2.columns
        a(data-col="nps")
      a.help-icon-button.control-button.circle-button.blue(href='javascript:void(0);')
        i.icon-right.icon

script(type="text/template")#history-chat-mini-header-template
  header.row.control-right
    .small-3.columns(data-col="chatDateDisplay")
      | Date
    .small-3.columns(data-col="chatDuration")
      | Duration
    .small-6.columns(data-col="firstRep")
      | Agent

script(type="text/template")#history-chat-mini-row-template
  .help-data-row
    .row.control-right
      .small-3.columns
        a(data-col="chatDateDisplay")
      .small-3.columns(data-col="chatDuration")
      .small-6.columns.dark-blue(data-col="firstRep")
      a.help-icon-button.control-button.circle-button.blue(href='javascript:void(0);')
        i.icon-right.icon