$(function () {
        var questionNo = 0;
        var correctCount = 0;
        var q = [{"Q":"\u00bfQu\u00e9 rol juega la mujer que m\u00e1s ha impactado la creaci\u00f3n de valor en tu empresa?","A":0,"B":null,"T":"multiple","C":[{"id":"eyJpdiI6IlBkUnAzaHNmaGVlZitoYTF5RUxKVUE9PSIsInZhbHVlIjoiVytVc3d5elRISG81WHRMTHp1VXUwUT09IiwibWFjIjoiMWRhYTE3Mjk5OGViYmVmNTBiOWNiYjcxMzg5Mzg4ZmJmYTIxMjhjYzM4YTRlZTcxNmY1YTQyZTFjOTZmNGEzZiIsInRhZyI6IiJ9","data":"Familia"},{"id":"eyJpdiI6Ilp6M2VXbmNQM1pMbkxVUHJJbXFLaGc9PSIsInZhbHVlIjoiU1FzeEhEVDFDaXNLRmZhOFBaY01Odz09IiwibWFjIjoiNmViZmM5ZTcwOGQ2YjMxYzViZGRkMzc3ZmYwMGY3MzZiMDZkNTdmMzk4ZjMzOGYyYTM1NWY0M2I3NzhiMDk0ZCIsInRhZyI6IiJ9","data":"Socia"},{"id":"eyJpdiI6InZCUVpacU1nNHlIUE5qRGZjeGdCZUE9PSIsInZhbHVlIjoiRXdyZ3FyM3BEU2dMbHZ6SldQNHBqUT09IiwibWFjIjoiYWQ2M2MwNzhmMjFiYTg5MWNlNWQzMjVjOGQzZGM2NmVhYmM5MTBlODZiZjlhMmUzYjMxMDIxZDQyMGYxNjgyMiIsInRhZyI6IiJ9","data":"Gerente"},{"id":"eyJpdiI6IkFNeFVWdlZ0a3lQOVZtc3F0cXJBcXc9PSIsInZhbHVlIjoiRm96OWlYaXdLb0ZMNUtJdk0yNVFodz09IiwibWFjIjoiZjFhOWQ1ZWFkZDU3MTFlMTNmNWViMGNlN2QzNzY3ZDRhZjhiZDJmODVmMDgyZDdkMzM4ODIxZjU3NjczMTcwYSIsInRhZyI6IiJ9","data":"Creativa"},{"id":"eyJpdiI6InRJRFFlUjc0bTlnM0pNZWdMSVdJL1E9PSIsInZhbHVlIjoidUFBckN1UGx5UDZFZTY2aDMxSDhSdz09IiwibWFjIjoiZjI0ZTYxMGI5YTk2YmJiYzYwOGYxNGIzOTQ5NTBlMTkyNGVmMGMxZDJmYWI1MzgyNzUxOTYwMDEyZjQ1YjkwMCIsInRhZyI6IiJ9","data":"Operaria"}],"id":"eyJpdiI6IkhvVlRUbTVOZjJzV2hIU0UvZ1FQcmc9PSIsInZhbHVlIjoibFRVOFBSR0kwSWFyeHRyUlJTY25rdz09IiwibWFjIjoiMDg2Y2NmYTEyNWM1ODEyYWYzZjQ3ODc5YzVlODk1OTI0NTQ1YWE0NDc2MGM2NGZjNjQ0YjEwZTQ2ZDQ4NjhkNSIsInRhZyI6IiJ9"},{"Q":"\u00bfCuentas con mujeres actualmente en tu Consejo Directivo?","A":0,"B":null,"T":"multiple","C":[{"id":"eyJpdiI6InlnOTgzVU12dUN4MHgvTm55ZlZ0T0E9PSIsInZhbHVlIjoiTEtUdXdHOGVCa003T296VnVSWnlNZz09IiwibWFjIjoiMjc2N2ZjYmVlODRiNDY0ZWRmOWE1ZDI5MGQ1Mzk1YmNlZWVjZThkMGYwN2Q2OTQ0NTQ4ODkzMWM0MzRmOWUyYSIsInRhZyI6IiJ9","data":"S\u00ed"},{"id":"eyJpdiI6Im5ka2hmc0cvYVZwS2NxVWR6WnI0bnc9PSIsInZhbHVlIjoiUXhvb3ZmdVJpV3pyRkMwRjNlb3hqUT09IiwibWFjIjoiMDdhYzI5ZjY1Y2NmMzdmMDcyN2Q1Yjg2OTNkODQxZjg2MzE4NTMzZjM0MTc3OGQzMzQ2YTlhMmI5ODZlYzY2NyIsInRhZyI6IiJ9","data":"Est\u00e1 en implementaci\u00f3n"},{"id":"eyJpdiI6Ikp5My9ndU1aTlBTVkRSb090ejJHQVE9PSIsInZhbHVlIjoidFdFeTlRNDJUYjhLd3BHcGp5UnROQT09IiwibWFjIjoiODM0MTkwNmZlYTllNTBhMzQ4YmIxMDhjYmZmZjlmNzkzZjlhYThiOWYyMTJkNDUwOGU2ZTNhNDM0N2Y5ZTRmMiIsInRhZyI6IiJ9","data":"No"}],"id":"eyJpdiI6IituemVrS0h3L1JxY3VkMEpyUHNFR1E9PSIsInZhbHVlIjoibVhNWWFzWkdRUExVNElFRk5ITFlhUT09IiwibWFjIjoiOWExNmNhZGZiMGIyM2FjM2EwMzFlMmU1ZTExZDNjNDA4NTkxZmRlNjE5NmM4MzAxNGZhYTY1OTU1ZWU1YjMyZSIsInRhZyI6IiJ9"},{"Q":"Como miembro de CEDEM Network, puedes invitar a tus socias, ejecutivas o directivas en la lista VIP de personas que recibir\u00e1n los contenidos de forma gratuita acerca de la mujer y la Due\u00f1ez?  Escribe sus Nombres e emails abajo.","A":0,"B":null,"T":"plain","P":"","id":"eyJpdiI6Ik5taXU2R2tUV01qV1BBWFlxSWlaUkE9PSIsInZhbHVlIjoiQjV3b3B1YUQ5Z3dkUXByK2FrM0M2QT09IiwibWFjIjoiNTIzZjc4ZjNkOGMwMGRkYTM0MTAyNTVmYTU2MTk2NmQ3MTQyY2Y5OGIwNWJjNGFmZDBhYmI1YWQyNzVmOWE1MSIsInRhZyI6IiJ9"}];
        var responses = [];
        var timeSolving = "";
		function addResponse(id, response, type) {
			if(timeSolving == "") {
				timeSolving = Date.now();
			}
			var response = {id:id, response: response, type: type};
			responses.push(response);
		}
		function hideAllQuestions() {
			$("#multiple_question").hide();
			$("#image_question").hide();
			$("#plain_question").hide();
		}
		
		function goToNextQuestion() {
			questionNo++;
            loadNextQuestion();
		}
		function savePlainTextResponse() {
            addResponse(q[questionNo].id, $("#plain_text_input").val(), 1);
			goToNextQuestion();
		}
		function loadNextQuestion() {
                if (questionNo + 1 > q.length) {
	                console.log('end');
                    $("label.image-element-animation").unbind("click");
                    $("label.element-animation").unbind("click");
                    hideAllQuestions();
                    endQuiz();
                } else {
	                $("#plain_text_input").val('');
					var type = q[questionNo].T;
		            hideAllQuestions();
					$("#"+type+"_question").show();
		            $("input:radio").prop("checked", false);
					if(type == "multiple") {
						console.log(questionNo);
						console.log(q[questionNo].C.length);						

		                $("#multiple_question_text").html(q[questionNo].Q);
		                for (let i = 0; i < 100; i++) {
		                    $("#li_"+i).hide();
		                }
						for (let i = 0; i < q[questionNo].C.length; i++) {
							$("#radio_label_"+i).html(q[questionNo].C[i].data);
							$("#option_"+i).attr('value', q[questionNo].C[i].id);
							$("#li_"+i).show();
						}
					} else if(type == "image"){
		                $("#image_question_text").html(q[questionNo].Q);
						for (let i = 0; i < 100; i++) {
		                    $("#img_div_"+i).hide();
		                }
						for (let i = 0; i < q[questionNo].C.length; i++) {
							$("#img_option_"+i).attr("src",q[questionNo].C[i].data);
							$("#img_radio_"+i).attr('value', q[questionNo].C[i].id);
							$("#img_div_"+i).show();
						}
					} else if(type == "plain") {
		                $("#plain_question_text").html(q[questionNo].Q);
		                $("#plain_text_input").attr("placeholder",q[questionNo].P);

						console.log('hey');	
					}
                }
		}
		function endQuiz() {
			var finalTime = Date.now();
			var milliseconds = finalTime - timeSolving;
			//TODO SHOW LOADER
			console.log(responses);
			$.ajax({
			    type: 'POST',
			    url: 'https://qualibox.praxable.com/external/poll/eyJpdiI6ImIzbWg1ZWtEb3R1ZFJ5T0xDenF2WEE9PSIsInZhbHVlIjoic0NoR1F6QUlOazNvNUhtTXVJUnZZQT09IiwibWFjIjoiNDVlYjgwMzBjYmJhZTM3ZDM1OWU5N2JkZWQyNjliYTMxM2Q3ZTgxYTNlYzQ5NDJhZjNiOWUzM2I1OTllYjA4NSIsInRhZyI6IiJ9',
			    data: '{"data":'+JSON.stringify(responses)+', "_token": "pv1e05qtN06MYlHWQ5IrOPBAZAiYYTrxCBmY8Y9j", "time":"1776409823", "milliseconds": '+milliseconds+'}',
			    success: function(data) { prepareResult(data); },
			    contentType: "application/json",
			    dataType: 'json'
			});
		}
		function prepareResult(data) {

			var json = JSON.parse(JSON.stringify(data));


			$('head').append(json.customCSS);
			
			$('#result_emoji').html(json.emoji);
			$('#result_emoji').css({ 'font-size':  parseInt(json.topTitleSize), 'font-family': json.fontFamily });
			
			$('#result_title').html(json.title);
			$('#result_title').css({ 'font-size':  parseInt(json.titleSize), 'font-family': json.fontFamily });
			
			$('#result_message').html(json.message);
			$('#result_message').css({ 'font-size':  parseInt(json.subtitleSize), 'font-family': json.fontFamily });
				
			$('#result_button_url').html(json.button_title);
			$('#result_button_url').attr("href",json.button_url);
			$('#result_button_url').attr("target",json.newTab);
			$('#result_button_url').css({ 'font-size':  parseInt(json.buttonFontSize), 'background':  json.buttonColor, 'border-color': json.buttonColor, 'font-family': json.fontFamily });
				
			$('#result_image').attr("src", json.imageURL);
			$('#result_image').height(parseInt(json.imageHeight));

            if(json.showActionButton == 0) {
	            $("#result_button_url").hide();
            }
			$("#results").show();
		}
		$('.input').keypress(function(e) {
	        if(e.which == 13) {
				savePlainTextResponse();
	        }
	    });
        $(document.body).on("click", "label.element-animation", function (e) {
	        addResponse(q[questionNo].id, $(this).parent().find("input:radio").val(), 2);
	        goToNextQuestion();
        });
        $(document.body).on("click", "label.image-element-animation", function (e) {		                
	        addResponse(q[questionNo].id, $(this).parent().parent().find("input:radio").val(), 3);
	        goToNextQuestion();
        });
        $('#plain_text_button').click(function() {
	        if(q[questionNo].B == 1) {
		        var value = $("#plain_text_input").val();
		        if (isEmail(value)) {
			        savePlainTextResponse();
		        } else {
			        alert("Please, insert a valid email");
		        }
	        } else {
		       savePlainTextResponse();
	        }
		});
	    $(document).ready(function () {
			hideAllQuestions();
			loadNextQuestion();
		});
		
		function isEmail(email) {
			var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			return regex.test(email);
		}
    });