var audio = null
var playing = false
$(function () {
    function display(bool, item) {
        if (bool) {
            $("#exam-selector").hide()
            $("#questions").hide()
            $("#congrats").hide()
            $("#fail").hide()
            $("#signals").hide()
            $("#license-moto-price").text(item.priceA+"$")
            $("#license-car-price").text(item.priceB+"$")
            $("#license-truck-price").text(item.priceC+"$")
            $("#license-selector").show()
            document.getElementById("body").style.display="block";
        } else {
            document.getElementById("body").style.display="none";
        }
    }

    function licenses(item){
        if (item.theorical === true) {
            $("#exam-selector-check-theorical").show()
        } else {
            $("#exam-selector-check-theorical").hide()
        }
        if (item.practice === true) {
            $("#exam-selector-check-practice").show()
        } else {
            $("#exam-selector-check-practice").hide()
        }
        $("#exam-selector-type").text(item.selectedlicense)
        $("#license-selector").hide()
        $("#exam-selector").show()
        $("#signals").hide()
    }

    function updateQuestions(item){
        $("#exam-selector").hide()
        $("#question-text").text(item.actualquestion)
        $("#answer1-text").text(item.actualanswer1)
        $("#answer2-text").text(item.actualanswer2)
        $("#answer3-text").text(item.actualanswer3)
        $("#questions").show()
        $("#signals").hide()
    }

    function tts(item) {
        if (playing == true) {
            audio.pause();
            playing = false
        }
        if (item.route === 'crash') {
            $("#signals-errors").text(item.errors+'/'+item.maxerrors)
            $("#ttscrash").attr("src","./sounds/crash"+item.ttslan+".mp3")
            audio = document.getElementById("ttscrash");
            audio.play();
            playing = true
        } else if (item.route === 'speed') {
            $("#signals-errors").text(item.errors+'/'+item.maxerrors)
            $("#ttsspeed").attr("src","./sounds/speed"+item.ttslan+".mp3")
            audio = document.getElementById("ttsspeed");
            audio.play();
            playing = true
        } else if (item.route === 'fails') {
            $("#ttsfails").attr("src","./sounds/fail"+item.ttslan+".mp3")
            audio = document.getElementById("ttsfails");
            audio.play();
            playing = true
        } else if (item.route === 'final') {
            if (item.errors === false) {
                $("#signals").hide()
                $("#ttsfinal").attr("src","./sounds/final"+item.ttslan+"ok.mp3")
                audio = document.getElementById("ttsfinal");
                audio.play();
            } else {
                $("#signals").hide()
                $("#ttsfinal").attr("src","./sounds/final"+item.ttslan+"no.mp3")
                audio = document.getElementById("ttsfinal");
                audio.play();
            }
        } else {
            $("#signals-errors").text(item.errors+'/'+item.maxerrors)
            $("#signals-img").attr('src','./img/'+item.signal+'.png')
            $("#signals").show()
            $("#tts"+item.route).attr("src","./sounds/"+item.route+item.ttslan+".mp3")
            audio = document.getElementById("tts"+item.route);
            audio.play();
            playing = true
        }
    }

    function errors(item){
        $("#container").hide()
        $("#signals").attr('src','./img/'+item.signal+'.png')
        $("#signals").show()
    }
    
    function reset(item){
        $("#exam-selector").hide()
        $("#questions").hide()
        $("#congrats").hide()
        $("#fail").hide()
        $("#signals").hide()
        $("#container").show()
        $("#license-selector").show()
        $(".exit").hide()
        document.getElementById("body").style.display="block";
    }

    display(false)

    window.addEventListener('message', function(event) {
        var item = event.data;
        if (item.type === "ui") {
            if (item.status == true) {
                display(true, item)
                $(".exit").hide()
            } else {
                display(false)
            }
        }
        if (item.type === "examok") {
            $("#questions").hide()
            $("#congrats").show()
            $(".exit").show()
        }
        if (item.type === "examno") {
            $("#questions").hide()
            $("#fail").show()
            $(".exit").show()
        }
        if (item.type === "licenses") {
            licenses(item)
        }
        if (item.type === "updateQuestions") {
            updateQuestions(item)
        }
        if (item.type === "tts") {
            tts(item)
        }
        if (item.type === "errors") {
            errors(item)
        }
        if (item.type === "reset") {
            reset(item)
        }
    })

    $("#license-moto").click(function () { 
        $.post('https://bit-driverschool/license', JSON.stringify({
            text: 'A'
        }));
    })
    
    $("#license-car").click(function () { 
        $.post('https://bit-driverschool/license', JSON.stringify({
            text: 'B'
        }));
    })
    
    $("#license-truck").click(function () { 
        $.post('https://bit-driverschool/license', JSON.stringify({
            text: 'C'
        }));
    })

    $("#theorical").click(function () { 
        $.post('https://bit-driverschool/theorical', JSON.stringify({}));
    })
    
    $("#practice").click(function () { 
        $.post('https://bit-driverschool/practice', JSON.stringify({}));
    })
    
    $("#answer1").click(function () { 
        $.post('https://bit-driverschool/answer', JSON.stringify({
            text: 1
        }));
    })

    $("#answer2").click(function () { 
        $.post('https://bit-driverschool/answer', JSON.stringify({
            text: 2
        }));
    })

    $("#answer3").click(function () { 
        $.post('https://bit-driverschool/answer', JSON.stringify({
            text: 3
        }));
    })

    $(".exit").click(function () { 
        $.post('https://bit-driverschool/exit', JSON.stringify({}));
        return
    })

    document.onkeyup = function (data) {
        if (data.which == 27) {
            $.post('https://bit-driverschool/exit', JSON.stringify({}));
            return
        }
    };
        
})