script(type="text/template")#history-chat-info-overview-template
  #history-chat-info-overview
    header
      .row
        .small-6.columns.align-center
          h5.blue Chat Start
        .small-6.columns.align-center
          h5.blue Chat End
      .row
        .small-6.columns.align-center
          span.chat-time.chat-start
        .small-6.columns.align-center
          span.chat-time.chat-end
      .center-overlay
        span.red.chat-duration
    .row
      .small-6.columns
        h6 Name
      .small-6.columns.align-right
        span.customer-name
    .row
      .small-6.columns
        h6 Email
      .small-6.columns.align-right
        span.customer-email
    .row
      .small-6.columns
        h6 Chat Date
      .small-6.columns.align-right
        span.chat-date
    .row.greeting
      .small-6.columns
        h6 Greeting
      .small-6.columns.align-right
        span.greeting-name
    .row
      .small-6.columns
        h6 Agent History
      .small-6.columns
        ul.blue.history-reps.align-right
    .row
      .small-3.columns
        h6 Tags
      .small-9.columns
        ul.chat-tags.align-right
    .row
      .small-12.columns
        h6 Notes
    .row.small-padding
      .small-12.columns
        .chat-notes