import React from "react"
import { ScrollView, StatusBar } from "react-native"

import testQuestions from "../data/test"
import aerodynamicsQuestions from "../data/aerodynamics"
import firstAidQuestions from "../data/firstAid"
import flightSafetyQuestions from "../data/flightSafety"
import instrumentsQuestions from "../data/instruments"
import legislationQuestions from "../data/legislation"
import materialsQuestions from "../data/materials"
import meteorologyQuestions from "../data/meteorology"
import physiopathologyQuestions from "../data/physiopathology"
import pilotingTechniquesQuestions from "../data/pilotingTechniques"

import { RowItem } from "../components/RowItem"
import { colors, texts} from "../components/Variables"
import { examQuestions } from "../components/ExamQuestions"

export default ({ navigation }) => (
  <ScrollView style={[{ backgroundColor: colors.purple }]}>
    <StatusBar barStyle="dark-content" />
    <RowItem name={texts.aerodynamics} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.aerodynamics,
        questions: aerodynamicsQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.first_aid} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.first_aid,
        questions: firstAidQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.flight_safety} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.flight_safety,
        questions: flightSafetyQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.instruments} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.instruments,
        questions: instrumentsQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.legislation} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.legislation,
        questions: legislationQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.materials} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.materials,
        questions: materialsQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.meteorology} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.meteorology,
        questions: meteorologyQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.physiopathology} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.physiopathology,
        questions: physiopathologyQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.piloting_techniques} color={colors.purple_light} textColor={colors.white} onPress={()=>
      navigation.navigate("Quiz", {
        title: texts.piloting_techniques,
        questions: pilotingTechniquesQuestions,
        color: colors.blue
      })}/>

    <RowItem name={texts.exam} color={colors.yellow} textColor={colors.black} onPress={() =>
      navigation.navigate("Exam", {
        title: texts.exam,
        questions: examQuestions,
        color: colors.blue
      })}/>

  </ScrollView>
)