<template lang="pug">
  .curso-main-container.pb-3
    BannerInterno(icono="far fa-question-circle" titulo="Actividad didáctica")
    .container.tarjeta.tarjeta--blanca.p-4.p-md-5
  
      #Actividad                
        <Actividad :cuestionario="cuestionario"/>
  
  </template>

<script>
import Actividad from '@/components/actividad/Actividad.vue'
export default {
  name: 'ActividadDidactica',
  components: {
    Actividad,
  },
  data: () => ({
    cuestionario: {
      tema: 'Nombre del componente formativo',
      titulo: 'Cuestionario',
      introduccion: '<b> Objetivo:</b> Texto de Word',
      barajarPreguntas: true,
      preguntas: [
        {
          id: 1,
          texto: '¿Cuál es la capital de Francia?',
          imagen: require('@/assets/actividad/imagen1.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'París', esCorrecta: true },
            { id: 'b', texto: 'Londres', esCorrecta: false },
            { id: 'c', texto: 'Berlín', esCorrecta: false },
            { id: 'd', texto: 'Madrid', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 2,
          texto: '¿Cuál es el planeta más cercano al Sol?',
          imagen: require('@/assets/actividad/imagen2.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Venus', esCorrecta: false },
            { id: 'b', texto: 'Mercurio', esCorrecta: true },
            { id: 'c', texto: 'Tierra', esCorrecta: false },
            { id: 'd', texto: 'Marte', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 3,
          texto: "¿Quién escribió 'Cien años de soledad'?",
          imagen: require('@/assets/actividad/imagen3.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Gabriel García Márquez', esCorrecta: true },
            { id: 'b', texto: 'Mario Vargas Llosa', esCorrecta: false },
            { id: 'c', texto: 'Jorge Luis Borges', esCorrecta: false },
            { id: 'd', texto: 'Pablo Neruda', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 4,
          texto: '¿Cuál es el elemento químico con el símbolo H?',
          imagen: require('@/assets/actividad/imagen4.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Helio', esCorrecta: false },
            { id: 'b', texto: 'Hidrógeno', esCorrecta: true },
            { id: 'c', texto: 'Hierro', esCorrecta: false },
            { id: 'd', texto: 'Hafnio', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 5,
          texto: '¿Cuál es el idioma más hablado del mundo?',
          imagen: require('@/assets/actividad/imagen1.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Inglés', esCorrecta: false },
            { id: 'b', texto: 'Español', esCorrecta: false },
            { id: 'c', texto: 'Chino mandarín', esCorrecta: true },
            { id: 'd', texto: 'Árabe', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 6,
          texto: '¿En qué año llegó el hombre a la Luna?',
          imagen: require('@/assets/actividad/imagen2.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: '1969', esCorrecta: true },
            { id: 'b', texto: '1972', esCorrecta: false },
            { id: 'c', texto: '1965', esCorrecta: false },
            { id: 'd', texto: '1959', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 7,
          texto: '¿Qué río atraviesa la ciudad de Londres?',
          imagen: require('@/assets/actividad/imagen3.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Río Támesis', esCorrecta: true },
            { id: 'b', texto: 'Río Danubio', esCorrecta: false },
            { id: 'c', texto: 'Río Sena', esCorrecta: false },
            { id: 'd', texto: 'Río Rin', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 8,
          texto: '¿Quién pintó la Mona Lisa?',
          imagen: require('@/assets/actividad/imagen4.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Leonardo da Vinci', esCorrecta: true },
            { id: 'b', texto: 'Pablo Picasso', esCorrecta: false },
            { id: 'c', texto: 'Vincent van Gogh', esCorrecta: false },
            { id: 'd', texto: 'Claude Monet', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 9,
          texto: '¿Cuál es el océano más grande del mundo?',
          imagen: require('@/assets/actividad/imagen1.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Océano Atlántico', esCorrecta: false },
            { id: 'b', texto: 'Océano Índico', esCorrecta: false },
            { id: 'c', texto: 'Océano Pacífico', esCorrecta: true },
            { id: 'd', texto: 'Océano Ártico', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 10,
          texto: '¿Qué invento se le atribuye a Alexander Graham Bell?',
          imagen: require('@/assets/actividad/imagen2.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Teléfono', esCorrecta: true },
            { id: 'b', texto: 'Telégrafo', esCorrecta: false },
            { id: 'c', texto: 'Bombilla', esCorrecta: false },
            { id: 'd', texto: 'Radio', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 11,
          texto: '¿Qué continente alberga la selva amazónica?',
          imagen: require('@/assets/actividad/imagen3.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'África', esCorrecta: false },
            { id: 'b', texto: 'Asia', esCorrecta: false },
            { id: 'c', texto: 'América del Sur', esCorrecta: true },
            { id: 'd', texto: 'Oceanía', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 12,
          texto: '¿Cuál es el animal más rápido del mundo?',
          imagen: require('@/assets/actividad/imagen4.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Tigre', esCorrecta: false },
            { id: 'b', texto: 'León', esCorrecta: false },
            { id: 'c', texto: 'Guepardo', esCorrecta: true },
            { id: 'd', texto: 'Jaguar', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 13,
          texto:
            '¿Qué órgano es responsable de bombear la sangre en el cuerpo?',
          imagen: require('@/assets/actividad/imagen1.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Cerebro', esCorrecta: false },
            { id: 'b', texto: 'Pulmones', esCorrecta: false },
            { id: 'c', texto: 'Corazón', esCorrecta: true },
            { id: 'd', texto: 'Hígado', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 14,
          texto: "¿Quién es el autor de 'Don Quijote de la Mancha'?",
          imagen: require('@/assets/actividad/imagen2.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Miguel de Cervantes', esCorrecta: true },
            { id: 'b', texto: 'Federico García Lorca', esCorrecta: false },
            { id: 'c', texto: 'Lope de Vega', esCorrecta: false },
            { id: 'd', texto: 'Pedro Calderón de la Barca', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 15,
          texto: '¿Qué gas utilizan las plantas durante la fotosíntesis?',
          imagen: require('@/assets/actividad/imagen3.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Oxígeno', esCorrecta: false },
            { id: 'b', texto: 'Dióxido de carbono', esCorrecta: true },
            { id: 'c', texto: 'Nitrógeno', esCorrecta: false },
            { id: 'd', texto: 'Hidrógeno', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 16,
          texto: '¿Quién fue el primer presidente de los Estados Unidos?',
          imagen: require('@/assets/actividad/imagen4.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Thomas Jefferson', esCorrecta: false },
            { id: 'b', texto: 'George Washington', esCorrecta: true },
            { id: 'c', texto: 'Abraham Lincoln', esCorrecta: false },
            { id: 'd', texto: 'John Adams', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 17,
          texto: '¿Qué país tiene el mayor número de habitantes?',
          imagen: require('@/assets/actividad/imagen1.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'India', esCorrecta: false },
            { id: 'b', texto: 'Estados Unidos', esCorrecta: false },
            { id: 'c', texto: 'China', esCorrecta: true },
            { id: 'd', texto: 'Rusia', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 18,
          texto: '¿Qué es el fenómeno de la refracción?',
          imagen: require('@/assets/actividad/imagen2.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'La dispersión de la luz', esCorrecta: false },
            {
              id: 'b',
              texto: 'El cambio de dirección de la luz',
              esCorrecta: true,
            },
            { id: 'c', texto: 'La absorción de la luz', esCorrecta: false },
            { id: 'd', texto: 'La emisión de luz', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 19,
          texto: '¿Cuál es el símbolo químico del oro?',
          imagen: require('@/assets/actividad/imagen3.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: 'Ag', esCorrecta: false },
            { id: 'b', texto: 'Au', esCorrecta: true },
            { id: 'c', texto: 'Fe', esCorrecta: false },
            { id: 'd', texto: 'Cu', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
        {
          id: 20,
          texto: '¿En qué año comenzó la Segunda Guerra Mundial?',
          imagen: require('@/assets/actividad/imagen4.png'),
          barajarRespuestas: true,
          opciones: [
            { id: 'a', texto: '1914', esCorrecta: false },
            { id: 'b', texto: '1939', esCorrecta: true },
            { id: 'c', texto: '1945', esCorrecta: false },
            { id: 'd', texto: '1929', esCorrecta: false },
          ],
          mensaje_correcto: '¡Muy bien! Ha acertado la respuesta.',
          mensaje_incorrecto: 'Lo sentimos, su respuesta no es la correcta.',
        },
      ],
      mensaje_final_aprobado: '¡Excelente! Ha superado la actividad.',
      mensaje_final_reprobado:
        'Le recomendamos volver a revisar el componente formativo e intentar nuevamente la actividad didáctica.',
    },
  }),
}
</script>
