Guizero-box1-6

## Imports
from guizero import App, TextBox, PushButton, Picture, Text, ButtonGroup
from random import randrange

## Create a list of questions
questions_eng = ['What is 1+1?', 'What is 2+2?', "What is 3+3?", "What is 4+4?"]
questions_spn = ['Que est 1+1?', 'Que est 2+2?', "Que est 3+3?", "Que est 4+4?"]
answers = ["2", '4', '6', '8']
images = ["0.jpg", "1.jpg", "2.jpg", "3.jpg" ]

## Function to call at start of quiz
def start():
    question.index_value  = 0
    #Switching between lists depending on language
    if languages.value == "English":
        question.value = questions_eng[question.index_value]
    else:
        question.value = questions_spn[question.index_value]
    picture.value = images[question.index_value]
    check_answer.show()
    input_box.show()
    choice.show()
    picture.show()
    #hiding butons that don't need to be visible
    languages.hide()
    start.hide()

## Check if the answer in the box or the multiple choice is identical to the answer in the list
def check():
    if input_box.value == answers[question.index_value]:
        question.value = 'Correct'
        check_answer.bg="#5A7B5A"
        next.show()
    elif choice.value == answers[question.index_value]:
        question.value = 'Correct'
        check_answer.bg="#5A7B5A"
        next.show()
        check_answer.show()
    else:
        question.value = "Incorrect. Answer and check again."
        check_answer.bg="red"
        next.hide()

## Function to progress through the list values
def next():
    if question.index_value  == len(questions_eng)-1:
        question.value = "Thanks for playing!"
        next.hide()
        check_answer.hide()
        choice.hide()
        input_box.hide()
        picture.value = "congats.png"
    elif question.index_value  == len(questions_spn)-1:
        question.value = "Thanks for playing!"
        next.hide()
        check_answer.hide()
        choice.hide()
        input_box.hide()
        picture.value = "congats.png"
        #start_again.show()
        #return
    elif languages.value == "English":
        question.index_value  += 1
        question.value = questions_eng[question.index_value]
        picture.value = images[question.index_value]
        check_answer.show()
    else:
        question.index_value  += 1
        question.value = questions_spn[question.index_value]
        picture.value = images[question.index_value]
        check_answer.show()

## Create and App
app = App(title='Quiz - Answer in text or use the options.', width = 550, layout="grid",  bg = "#9932CC")
## Give option between 2 languages
languages = ButtonGroup(app, options=["English", "Spanish"], horizontal=True, selected="English", grid=[0,0])
## Text for the question
question = Text(app, text='Select a language & click on the image to start the quiz.', grid=[0,1])
## Box for written answers
input_box = TextBox(app, text='', grid=[0,2])
input_box.hide()
## Button to check the answer
check_answer = PushButton(app, command = check, text='Check answer', grid=[0,3])
## Hide the button until we start
check_answer.hide()
## Button to start the quiz, then used as Next from that point onwards
start = PushButton(app, command=start, text='Start', grid=[0,4], image="start-test.jpg")
## Dispaly a start picture under the Start button
picture = Picture(app, image="start-test.jpg", grid=[1,1])
picture.hide()
## Next button to use the next function and increment the index
next = PushButton(app, command=next, text='Next', grid=[0,6])
next.hide()
## Multiple choice radio buttons, answer and 1 extra wrong answer (16)
choice = ButtonGroup(app, options=["2", "4", "6", "8", "16"], horizontal=True, selected="16", command=check, grid=[0,7])
choice.hide()



app.display()