{# JavaScript for rendering talk feedback count charts #}
{# Expects: total_talk_feedback, talk_feedback_counts_by_event, talk_counts_by_event, events_meta #}
{# Requires: chart_helpers.js to be loaded first (from static/js/) #}

<script>
(function() {
  // Use global helper functions from chart_helpers.js
  
  // Data for talk feedback charts
  const totalTalkFeedback = {{ total_talk_feedback|tojson }};
  const talkFeedbackByEvent = {{ talk_feedback_counts_by_event|tojson }};
  const talkCountsByEvent = {{ talk_counts_by_event|tojson }};
  const eventsMeta = {{ events_meta|tojson }};

  // Render talk feedback count for current event
  // Using renderCountChart function which will be defined in the main script
  // We need to call it after it's defined, so we'll do it inline
  const talkFeedbackCountCtx = document.getElementById('chart-talk-feedback-count');
  if (talkFeedbackCountCtx) {
    new Chart(talkFeedbackCountCtx, {
      type: 'bar',
      data: {
        labels: ['Feedback-Einträge'],
        datasets: [{
          label: 'Anzahl',
          data: [totalTalkFeedback],
          backgroundColor: makeColor(0),
        }],
      },
      options: {
        responsive: true,
        plugins: { legend: { display: false } },
        scales: {
          y: { beginAtZero: true, ticks: { precision: 0 } }
        }
      }
    });
  }
  
  // Render talk feedback comparison chart (average per talk)
  const talkFeedbackCtx = document.getElementById('chart-talk-feedback-compare');
  if (talkFeedbackCtx) {
    const labels = [];
    const data = [];
    const colors = [];
    for (const ev of eventsMeta) {
      labels.push(ev.name);
      const totalFeedback = talkFeedbackByEvent[String(ev.id)] ?? talkFeedbackByEvent[ev.id] ?? 0;
      const talkCount = talkCountsByEvent[String(ev.id)] ?? talkCountsByEvent[ev.id] ?? 1;
      const avgPerTalk = talkCount > 0 ? (totalFeedback / talkCount) : 0;
      data.push(avgPerTalk);
      const color = ev.color ? hexToRgba(ev.color) : makeColor(colors.length);
      colors.push(color);
    }
    
    new Chart(talkFeedbackCtx, {
      type: 'bar',
      data: {
        labels,
        datasets: [{
          label: 'Durchschnittliche Feedback-Einträge pro Talk',
          data,
          backgroundColor: colors,
        }],
      },
      options: {
        responsive: true,
        plugins: { 
          legend: { position: 'bottom' },
          tooltip: {
            callbacks: {
              label: function(context) {
                return context.dataset.label + ': ' + context.parsed.y.toFixed(2);
              }
            }
          }
        },
        scales: {
          y: { 
            beginAtZero: true, 
            ticks: { 
              precision: 1,
              callback: function(value) {
                return value.toFixed(1);
              }
            },
            title: {
              display: true,
              text: 'Ø Feedback pro Talk'
            }
          }
        }
      }
    });
  }
})();
</script>