script(type="text/template")#reporting-volume-template
  .container
    .reporting-header.clearfix
      h2 Volume
      include ./header.jade
      .reporting-export-container.reporting-header-container
        .reporting-export-charts
          b Select charts to be exported.
          ul
            li
              .reporting-export-status.icon.icon-add(data-collection='overallVolume')
              span Overall Volume
            li
              .reporting-export-status.icon.icon-add(data-collection='busiestTeams')
              span Busiest Teams
            br
            li
              .reporting-export-status.icon.icon-add(data-collection='busiestAgents')
              span Busiest Agents
            li
              .reporting-export-status.icon.icon-add(data-collection='peakTimes')
              span Peak Times
            br
            li
              .reporting-export-status.icon.icon-add(data-collection='peakDays')
              span Peak Days
        .reporting-export-formats
          b Select formats.
          ul
            //-li
              .reporting-export-status.icon.icon-add(data-format='pdf')
              span PDF
            li
              .reporting-export-status.icon.icon-add(data-format='csv')
              span CSV
        .reporting-export-buttons
          button.reporting-export-buttons-cancel cancel
          button.reporting-export-buttons-apply export
    #reporting-volume
      .row
        .column.large-12
          h6 Tagging Summary
        .column.large-5
          #reporting-volume-tags-popular.reporting-chart-container
        .column.large-7
          #reporting-volume-tags-recent.reporting-chart-container
      .reporting-grey
        .row
          .column.small-12
            #reporting-volume-overall-volume.reporting-chart-container
      .row
        .column.large-6
          #reporting-volume-peak-times.reporting-chart-container
        .column.large-6
          #reporting-volume-peak-days.reporting-chart-container
      .reporting-grey
        .row
          .column.large-12
            h6 Busiest Groups
          .column.large-12
            #reporting-volume-busiest-teams.reporting-chart-container
      .row
        .column.large-12
          h6 Busiest Agents
        .column.large-12
          #reporting-volume-busiest-agents.reporting-chart-container