<template>

  <div>
    <p>{{intituleQuestion}} (Note sur {{noteDefault}})</p>
    <input type="radio" name="choixVraiFaux">
    <label> {{ transformerTexte(listeFeedback[0]) }}</label><br>
    <input type="radio" name="choixVraiFaux">
    <label> {{ transformerTexte(listeFeedback[2]) }}</label><br>


  <!--
    Besoin de :
    intitule_question
    note_default
    listeFeedback

  -->

  </div>
</template>

<script>
export default {
  name: "Question_Vrai_Faux",
  props: {
    questionParsee: {}
  },
  watch: {
    /**
     * @vuese
     * Dès qu'une question est récupérée, on extrait ses éléments
     */
    questionParsee: function () {
      if (this.questionParsee.type_question === 'truefalse') {
        let div = document.createElement("div");
        div.innerHTML = this.questionParsee.intitule_question;
        this.intituleQuestion = div.innerText
        div.remove()

        this.noteDefault = this.questionParsee.note_defaut
        this.listeFeedback = this.questionParsee.liste_feedback
      }


    }
  },
  data: function () {
    return {
      intituleQuestion: "",
      noteDefault: "",
      listeFeedback: ""
    }
  },
  methods: {
    transformerTexte: function (texte) {
      return texte === 'true' ? 'Vrai' : 'Faux'
    }
  }
}
</script>

<style scoped>
label {
  margin-left: 4px;
}
</style>