<template>
  <FeedbackResults
    :ordered-questions="orderedQuestions"
    :feedback-data="feedbackData"
    :rating-keys="ratingKeys"
    :vertical-chart-keys="verticalChartKeys"
    :horizontal-chart-keys="horizontalChartKeys"
    :open-keys="openKeys"
  />
</template>

<script setup lang="ts">
import FeedbackResults from "@/pages/cockpit/FeedbackResults.vue";
import type { FeedbackData } from "@/types";
import { useTranslation } from "i18next-vue";
import * as log from "loglevel";

defineProps<{
  feedbackData: FeedbackData;
}>();

log.debug("FeedbackPageVV created");

const { t } = useTranslation();

const orderedQuestions = [
  {
    key: "satisfaction",
    question: t("feedback.satisfactionLabel"),
  },
  {
    key: "goal_attainment",
    question: t("feedback.goalAttainmentLabel"),
  },
  {
    key: "proficiency",
    question: t("feedback.proficiencyLabelVV"),
  },
  {
    key: "would_recommend",
    question: t("feedback.recommendLabelVV"),
  },
  {
    key: "course_negative_feedback",
    question: t("feedback.courseNegativeFeedbackLabel"),
  },
  {
    key: "course_positive_feedback",
    question: t("feedback.coursePositiveFeedbackLabel"),
  },
];

const ratingKeys = ["satisfaction", "goal_attainment"];
const verticalChartKeys = ["preparation_task_clarity", "would_recommend"];
const horizontalChartKeys = ["proficiency"];
const openKeys = ["course_negative_feedback", "course_positive_feedback"];
</script>

<style scoped></style>
