$(document).ready ->
  $('#generate_button').on 'click', (e) ->
    e.preventDefault()
    $.ajax(
      method: 'POST'
      url: '/reports'
      data:
        type: $('#report_type').val()
        choice: $('#report_choice').val()
        compare: $('#report_compare').val()).done (data) ->
      benchChart.options.title.text = data.choice
      benchChart.data.labels = data.names
      benchChart.data.datasets[0].data = data.avg_results
      benchChart.data.datasets[1].data = data.min_results
      benchChart.update()
      return
    return
  return

benchChart = new Chart(document.getElementById('chart_canvas').getContext('2d'),
  type: 'horizontalBar'
  data:
    labels: []
    datasets: [
      {
        label: 'Average FPS'
        data: []
        backgroundColor: 'hotpink'
        borderColor: '#212121'
        borderWidth: 1
      }
      {
        label: 'Minimum FPS'
        data: []
        backgroundColor: 'cornflowerblue'
        borderColor: '#212121'
        borderWidth: 1
      }
    ]
  options:
    title:
      display: true
      text: 'N/a'
    scales: xAxes: [ {
      display: true
      ticks: beginAtZero: true
    } ]
    animation: onComplete: ->
      dwnbtn = $('#download_button')
      dwnbtn.attr 'href', benchChart.toBase64Image()
      dwnbtn.attr 'download', 'benchmark_chart.png'
      dwnbtn.attr 'disabled', false
      return
)