script(type="text/template")#queue-dashboard-template
  .container
    h2 Dashboard
    #queue-dashboard-big-stats
      #queue-dashboard-big-stats-chats-waiting
        #queue-dashboard-big-stats-chats-waiting-value 3
        | Chats Waiting
      #queue-dashboard-big-stats-active-chats
        #queue-dashboard-big-stats-active-chats-value 20
        | Active Chats
      #queue-dashboard-big-stats-longest-wait
        #queue-dashboard-big-stats-longest-wait-value 2:10
        | Longest Wait
    #queue-dashboard-small-stats
      #queue-dashboard-small-stats-average-wait-time.queue-dashboard-small-stats
        #queue-dashboard-small-stats-average-wait-time-value.queue-dashboard-small-stats-value 1:10
        | Avg. Wait Time
      #queue-dashboard-small-stats-total-chats.queue-dashboard-small-stats
        #queue-dashboard-small-stats-total-chats-value.queue-dashboard-small-stats-value 300
        | Total Chats
      #queue-dashboard-small-stats-abandoned-chats.queue-dashboard-small-stats
        #queue-dashboard-small-stats-abandoned-chats-value.queue-dashboard-small-stats-value 3
        | Abandoned Chats
      #queue-dashboard-small-stats-average-chat-time.queue-dashboard-small-stats
        #queue-dashboard-small-stats-average-chat-time-value.queue-dashboard-small-stats-value 12:05
        | Avg. Chat Time
      #queue-dashboard-small-stats-average-response-time.queue-dashboard-small-stats
        #queue-dashboard-small-stats-average-response-time-value.queue-dashboard-small-stats-value 0:58
        | Avg. Response Time
      #queue-dashboard-small-stats-nps.queue-dashboard-small-stats
        #queue-dashboard-small-stats-nps-value.queue-dashboard-small-stats-value 65
        | 24 Hour NPS
    #queue-dashboard-time
      #queue-dashboard-time-selector
        #queue-dashboard-time-previous.icon-left.icon
        #queue-dashboard-time-value 60 minutes
        #queue-dashboard-time-next.icon-right.icon
    #queue-dashboard-agent-productivity
    #queue-dashboard-agent-status
      b Agent Status
    #queue-dashboard-longest-active-chats
      b Longest Active Chats
    #queue-dashboard-agent-overview
      b Agent Overview

script(type='text/template')#queue-dashboard-agent-status-header-template
  header.row
    .small-9.columns.align-left(data-col='status') Status
    .small-3.columns(data-col='amount') Amount

script(type='text/template')#queue-dashboard-agent-status-row-template
  .help-data-row
    .row
      .small-9.columns.align-left(data-col='status')
      .small-3.columns(data-col='amount')

script(type='text/template')#queue-dashboard-longest-active-chats-header-template
  header.row
    .small-4.columns.align-left(data-col='chat.primaryUser.name') Agent
    .small-4.columns(data-col='displayName') Customer
    .small-4.columns(data-col='chat.chatDurationDisplay') Time

script(type='text/template')#queue-dashboard-longest-active-chats-row-template
  .help-data-row
    .row
      .small-4.columns.align-left(data-col='chat.primaryUser.name')
      .small-4.columns(data-col='displayName')
      .small-4.columns(data-col='chat.chatDurationDisplay')

script(type='text/template')#queue-dashboard-agent-overview-header-template
  header.row
    .small-2.columns.align-left(data-col='name') Agent
    .small-2.columns(data-col='availability') Status
    .small-2.columns(data-col='count') Current Chats
    .small-2.columns(data-col='settings.chat.concurrentLimit') Chat Limit
    .small-2.columns(data-col='longestChatTimeFormatted') Longest Chat
    .small-2.columns(data-col='averageChatTimeFormatted') Avg. Chat Time

script(type='text/template')#queue-dashboard-agent-overview-row-template
  .help-data-row
    .row
      .small-2.columns.align-left(data-col='name')
      .small-2.columns(data-col='availability')
      .small-2.columns(data-col='count')
      .small-2.columns(data-col='settings.chat.concurrentLimit')
      .small-2.columns(data-col='longestChatTimeFormatted')
      .small-2.columns(data-col='averageChatTimeFormatted')
      a.help-icon-button.control-button.circle-button(href='javascript:void(0);')
        i.icon-export