<template>
  <div class="feedback-forms-two-container">
    <input-rating
      v-for="input in notationInputs"
      :key="input.modelName"
      :model-name="input.modelName"
      :label="input.label"
      :form-id="formId"
    />
  </div>
</template>

<script>
export default {
  name: 'FeedbackFormsTwo',
  $_i18nRootPath: 'customs.FORMS.FEEDBACK',
  props: {
    formId: {
      type: String,
      required: true
    }
  },
  computed: {
    notationInputs() {
      return [
        {
          modelName: 'speakers',
          label: this.$_tr('speaker')
        },
        {
          modelName: 'presentation',
          label: this.$_tr('presentation')
        },
        {
          modelName: 'topic',
          label: this.$_tr('topic')
        },
        {
          modelName: 'timing',
          label: this.$_tr('timing')
        },
        {
          modelName: 'location',
          label: this.$_tr('location')
        },
        {
          modelName: 'catering',
          label: this.$_tr('catering')
        }
      ]
    }
  }
}
</script>
