// source --> https://jbstudio.pro/wp-content/themes/web-jb/js/main.js?ver=1.0.1 
function isMob() {
	return jQuery(window).width() < 768;
}

// Resize functions
function bt() {
	window.requestAnimationFrame((() => {
		var e = .01 * window.innerHeight;
		document.documentElement.style.setProperty("--vh", "".concat(e, "px"));
		var w = .01 * window.innerWidth;
		document.documentElement.style.setProperty("--vw", "".concat(w, "px"))
	}))
}
function Ot(i, e) {
	window.innerHeight !== e || i >= 120 ? bt() : window.requestAnimationFrame((() => {
		Ot(i + 1, e)
	}))
}
var wt = function () {
	var e;
	bt(),
	window.addEventListener("orientationchange", (() => {
		Ot(0, window.innerHeight)
	})),
	window.addEventListener("resize", (() => {
		window.cancelAnimationFrame(e),
		e = window.requestAnimationFrame(bt)
	}))
}

// Mac OS mod
if (navigator.platform.indexOf('Mac') > -1) {
  document.body.classList.add('mac-os');
}

// Lazy loading for videos
document.addEventListener('DOMContentLoaded', function () {
    const lazyVideos = document.querySelectorAll('video.js-lazy-video');

    if ('IntersectionObserver' in window) {
        const videoObserver = new IntersectionObserver(function (entries, observer) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    const video = entry.target;
                    video.querySelectorAll('source').forEach((source) => {
                        source.src = source.dataset.src;
                    });
                    video.load();
                    video.classList.remove('js-lazy-video');
                    videoObserver.unobserve(video);
                }
            });
        });

        lazyVideos.forEach(function (video) {
            videoObserver.observe(video);
        });
    }
});

// Menu
const burgerBtn = document.querySelector('.jb-menu__toggle');
const menuBlock = document.querySelector('.jb-menu__menu');
const menuWrapper = document.querySelector('.jb-menu__wrapper');

if (menuWrapper !== null) {
	menuWrapper.addEventListener('click', (e) => {
		if( e.target.classList.contains('jb-menu__toggle') || e.target.parentNode.classList.contains('jb-menu__toggle') ) {
			e.preventDefault();
			if ( burgerBtn.classList.contains('active') ) {
				menuBlock.classList.remove('in');
				menuBlock.classList.remove('fade');
			} else {
				menuBlock.classList.add('fade');
				setTimeout(() => menuBlock.classList.add('in'), 150)
			}

			burgerBtn.classList.toggle('active');
			document.body.classList.toggle('menu-opened');

		} else {
			if ( e.target.parentNode.classList.contains('menu-item-has-children') && (isMob()) ) {
				e.target.parentNode.classList.toggle('open');
				
				const $ul = jQuery(e.target).next('ul');
				if ($ul.is(':visible')) {
					$ul.slideUp(500); // Скрываем с анимацией
				} else {
					$ul.css('display', 'flex').hide().slideDown(500); // Устанавливаем display: flex и открываем
				}				
			}
		}
	});
	
	// Обработчик нажатия на клавишу Esc
    document.addEventListener("keydown", function (event) {
        if (event.key === "Escape") {
            menuBlock.classList.remove('in');
			menuBlock.classList.remove('fade');
			burgerBtn.classList.remove('active');
			document.body.classList.remove('menu-opened');
        }
    });
}

jQuery(document).ready(function ($) {
	wt();

	jQuery(document).on('click', 'body.home:not(.logo-animated) .jb-header__logo', function(e) {
		e.preventDefault();
	})

	if ( $('.wpcf7-tel').length ) {
		$('.wpcf7-tel').toArray().forEach(function(field) {
			window.intlTelInput(field, {
				allowDropdown: false,
				autoPlaceholder: "off",
				countrySearch: false,
				initialCountry: 'ru',
				/*initialCountry: "auto",
				geoIpLookup: function(callback) {
				fetch("https://ipapi.co/json")
					.then(function(res) { return res.json(); })
					.then(function(data) { callback(data.country_code); })
					.catch(function() { callback(); });
				},*/
				nationalMode: false,
				showFlags: false,
				showSelectedDialCode: false,
				strictMode: false,
				utilsScript: int_tel_input_utils_url,
			});

			$(field).focus(function(e) {
				if (e.target.value === '') {
					e.target.value = '+7 '

					setTimeout(() => {
						e.target.setSelectionRange(e.target.value.length, e.target.value.length)
					}, 50)
				}
			}).blur(function(e) {
				const submit = $(this).closest('form').find('[type="submit"]')
				if (e.target.value.trim() === '+7' || e.target.value.trim().length < 3) {
					e.target.value = ''

					$(this).closest('.form-control-wrap').removeClass('error')
					$(this).closest('.form-control-wrap').find( '.wpcf7-not-valid-tip' ).remove()

					if (submit[0]) {
						jQuery(submit[0]).attr('disabled', false)
					}
				} else {
					const isCurrentNumberValid = window.intlTelInputGlobals.getInstance(e.target).isValidNumber();

					if (submit[0]) {
						//jQuery(submit[0]).attr('disabled', (isCurrentNumberValid === true ? false : 'disabled'))
					}

					$(this).closest('.form-control-wrap').removeClass('error')
					$(this).closest('.form-control-wrap').find( '.wpcf7-not-valid-tip' ).remove()

					if ( !isCurrentNumberValid ) {
						$(this).closest('.form-control-wrap').addClass('error')

						$(this).closest('.form-control-wrap').append( '<span class="wpcf7-not-valid-tip" aria-hidden="true" style="display: none;">Некорректный номер</span>' )

						$(this).closest('.form-control-wrap').find( '.wpcf7-not-valid-tip' ).fadeIn(150)
					}
				}
			}).on('input', function(e) {
				$(this).val($(this).val().replace(/[A-Za-zА-Яа-яЁё]/, ''))

				if ( $(this).closest('.form-control-wrap').hasClass('error') ) {
					const isCurrentNumberValid = window.intlTelInputGlobals.getInstance(e.target).isValidNumber();
					const submit = $(this).closest('form').find('[type="submit"]')

					if (isCurrentNumberValid) {
						$(this).closest('.form-control-wrap').removeClass('error')
						$(this).closest('.form-control-wrap').find( '.wpcf7-not-valid-tip' ).remove()

						if (submit[0]) {
							//jQuery(submit[0]).attr('disabled', (isCurrentNumberValid === true ? false : 'disabled'))
						}
					}
				}
			})
		});
	}
	
	// Form validation
    document.addEventListener('wpcf7invalid', function(e) {
        if ('validation_failed' === e.detail.apiResponse.status) {
            if (e.cancelable) e.preventDefault();
            const fieldsArr = e.detail.apiResponse.invalid_fields;
            $.each(fieldsArr, function(i, el) {

				$(el).addClass('invalid');
				//console.log('add invalid');

                setTimeout(function() {
                    //$('.wpcf7-response-output').html('');
					$(el).removeClass('invalid');
					$('.wpcf7-not-valid').removeClass('wpcf7-not-valid');
					//console.log('remove invalid');
                }, 4000);

            });			
        }		
    });	

    document.addEventListener('wpcf7mailsent', function(event) {

        // Скрываем кнопки
		$(event.target).find('input').hide();
		$(event.target).find('label').hide();
		$('#newCalculate').hide();
		
		// Меняем текст в метке
		$(event.target).find('label').first().text('Спасибо за заявку! Мы с вами свяжемся.');
		$(event.target).find('label').first().show();
    });
	
	// Services section

	if (document.querySelector('.services')) {
		
		$('.faq__answer').first().slideDown();
		
		$(".services__btn").click(function() {			
			
			// Открываем элементы
			//$(".services__block:gt(3)").slideDown();			
			$(".services__block:gt(3)").each(function(index, element) {
				$(element).css('display', 'grid').hide().delay(index * 200).slideDown(400);
			});

			$(this).hide();
		});

	} // end if .section
	
	// Copy to clipboard
	$('.copy-to-clipboard').on('click', function (e) {
        e.preventDefault();
        navigator.clipboard.writeText($(this).text());
        $(this).addClass('copied')
        setTimeout(() => {
            $(this).removeClass('copied')
        }, 3000)
    })
});
// source --> https://jbstudio.pro/wp-content/themes/web-jb/js/quiz.js?ver=1.0.1 
const stepsMap = [

    {
        id: 'websiteType',
        title: 'Какая услуга вас интересует?',
        progress: '0%',
    },

    {
        id: 'pagesCount',
        title: 'Сколько примерно страниц будет на сайте?',
        progress: '33%',
    },

    {
        id: 'screensCount',
        title: 'Cколько примерно экранов будет на сайте?',
        progress: '33%',
    },

    {
        id: 'productsCount',
        title: 'Сколько примерно на сайте будет товаров?',
        progress: '33%',
    },

    {
        id: 'shopElements',
        title: 'Какие элементы вам понадобятся?',
        progress: '33%',
    },

    {
        id: 'bookingType',
        title: 'Есть ли у вас сайт?',
        progress: '50%',
    },

    {
        id: 'design',
        title: 'Какой дизайн вам потребуется?',
        progress: '66%',
    },

    {
        id: 'comment',
        title: 'Комментарий',
        progress: '100%',
    },

];

let quizState = [];

let activeStep = 'websiteType';

let answersToSend = [];

let fullAmount = 0;









jQuery(document).ready(function($) {

function getStepPrevAndNext( thisStep ) {

    let section = $('#'+thisStep+'.quiz__step');

    let thisStepIndex = stepsMap.map(e => e.id).indexOf( thisStep );

    let activeState = [...quizState].filter(item => item.id === thisStep);

    let thisStepObject = activeState.length ? activeState[0] : false;



    let resultNextStep = stepsMap[1].id;

    let resultPrevStep = thisStepObject ? thisStepObject.from : 'websiteType';



    let values = [];

    let inputs;

    switch (thisStep) {

        case 'websiteType':

            inputs = $(section).find('input[type="radio"]');

            for (var i = inputs.length - 1; i >= 0; i--) {

                if (inputs[i].checked) {

                    values.push(inputs[i].value);

                }

            }

            if ( values.includes('Лендинг') ) {
                resultNextStep = 'screensCount';
            }

            if ( values.includes('Сайт-визитка') ) {
                resultNextStep = 'pagesCount';
            }

            if ( values.includes('Интернет-магазин') ) {
                resultNextStep = 'shopElements';
            }

            if ( values.includes('Системы онлайн-бронирования и покупки билетов') ) {
                resultNextStep = 'bookingType';
            }

            if ( values.includes('Телеграм-бот') || values.includes('Не знаю, что выбрать') ) {
                resultNextStep = 'comment';
            }

        break;

        case 'pagesCount':

        case 'screensCount':

        case 'shopElements':

            resultNextStep = 'design';

        break;

        case 'design':

        case 'bookingType':

            resultNextStep = 'comment';

        break;

        

        default:

            resultNextStep = 'comment';

        break;

    }

	//setTimeout(() => {
		ScrollTrigger.refresh();
		
		// Прокрутить к #modalQuiz и разместить его по центру экрана
		gsap.to(window, {
			scrollTo: {
				y: "#modalQuiz",
				offsetY: window.innerHeight / 2 - document.querySelector("#modalQuiz").offsetHeight / 2
			},
			ease: "power2.inOut"
		});
	//}, 100);

    return {

        prev: resultPrevStep,

        next: resultNextStep

    }

}



function clearStepValues( thisStep ) {

    let section = $('#'+thisStep+'.quiz__step');

    let inputBoxes = $(section).find('input[type="radio"], input[type="checkbox"]');

    let labels = $(section).find('.answer-variants__variant-text');

    let inputFields = $(section).find('input[type="text"], textarea');



    for (var i = 0; i < inputBoxes.length; i++) {

        inputBoxes[i].checked = false;

    }

    for (var i = 0; i < labels.length; i++) {

        $(labels[i]).removeClass('answer-variants__variant-text_selected');

    }



    for (var i = 0; i < inputFields.length; i++) {

        inputFields[i].value = '';

    }

    //delete answersToSend[activeStep];

    //console.log(activeStep);

}


function getFullAmount( answers ) {

    let amount = 0;

    let siteType = [...answersToSend].filter(item => item.name === 'websiteType');
    //let screensCount = [...answersToSend].filter(item => item.name === 'screensCount');
    //let pagesCount = [...answersToSend].filter(item => item.name === 'pagesCount');
    let design = [...answersToSend].filter(item => item.name === 'design');

    if ( quizState.length == 0 ) {
        return 0;
    }

    siteType = ( siteType.length > 0 ) ? siteType[0].value : 'Не знаю, что выбрать';
	//screensCount = ( screensCount.length > 0 ) ? screensCount[0].value : '1-3 экрана';
	//pagesCount = ( pagesCount.length > 0 ) ? pagesCount[0].value : '3-5 страниц';
    design = ( design.length > 0 ) ? design[0].value : 'Шаблонный дизайн';



    answers.map( item => {

        if ( item.name === 'websiteType' ) {

            if ( item.value === 'Телеграм-бот' ) {
                amount = 70000;
            }

        }



        if ( item.name === 'screensCount' ) {

            switch ( item.value ) {

                case '1-3 экрана':

                    if (design === 'Шаблонный дизайн') { amount = 50000; }
					else { amount = 100000; } // Индивидуальный дизайн

                break;

                case '4-5 экранов':

                    if (design === 'Шаблонный дизайн') { amount = 65000; }
					else { amount = 130000; } // Индивидуальный дизайн

                break;

                case '6-10 экранов':

                    if (design === 'Шаблонный дизайн') { amount = 80000; }
					else { amount = 160000; } // Индивидуальный дизайн

                break;

                case 'Более 10 экранов':

                    if (design === 'Шаблонный дизайн') { amount = 95000; }
					else { amount = 190000; } // Индивидуальный дизайн

                break;

                default:

                    amount = 0;

                break;

            }

        }



        if ( item.name === 'pagesCount' ) {

            switch ( item.value ) {

                case '3-5 страниц':

                    if (design === 'Шаблонный дизайн') { amount = 80000; }
					else { amount = 150000; } // Индивидуальный дизайн

                break;

                case '6-10 страниц':

                    if (design === 'Шаблонный дизайн') { amount = 110000; }
					else { amount = 210000; } // Индивидуальный дизайн

                break;

                case 'Более 10 страниц':

                    if (design === 'Шаблонный дизайн') { amount = 140000; }
					else { amount = 270000; } // Индивидуальный дизайн

                break;

                default:

                    amount = 0;

                break;

            }

        }




        if ( item.name === 'bookingType' ) {

                if (item.value === 'Интеграция с существующим сайтом') {
                    amount = 80000;
                } else { // Создание нового сайта с системой бронирования
                    amount = 150000;
                }

        }

            

        if ( item.name === 'design' ) {
			
			if (siteType == 'Интернет-магазин') {
				
				if (item.value === 'Шаблонный дизайн') { amount = 200000; }
				else { amount = 350000; } // Индивидуальный дизайн
			
			}
		}

            
    })

    //console.log(design, amount);

    return amount;

}



function quizToStep( targetStep, direction = true ) {

    let header = $('.quiz__questions-header span.h1');

    let progress = $('.progress-bar-linear__label span');

    let progressStyle = $('.progress-bar-linear__field span');

    let activeState = [...quizState].filter(item => item.id == targetStep);

    let progressActive = [...stepsMap].filter(item => item.id == activeStep)[0].progress;

    let targetProgress = stepsMap.filter(item => item.id == targetStep)[0].progress;



    if ( direction ) {

        if (progressActive === '100%') {

            $('#question-page').fadeOut();

            $('#final-page').fadeIn(200);

            return true;

        } else {

            quizState.push({id: targetStep, from: activeStep});

        }

    } else {

        //console.log(activeStep, targetStep);

        let tt = [...quizState].filter(item => item.id == targetStep);

        progressActive = tt.length > 0 ? [...stepsMap].filter(item => item.id == tt[0].from)[0].progress : '0%';

        quizState = [...quizState].filter(item => item.id !== activeStep);

        answersToSend = [...answersToSend].filter(item => item.name !== activeStep);

        clearStepValues(activeStep);

    }

    



    let targetStepSection = $('#'+targetStep+'.quiz__step');

    let targetStepIndex = stepsMap.map(e => e.id).indexOf(targetStep);









    $('.quiz__step').hide();

    $('.quiz__tag').hide();

    targetStepSection.fadeIn(300);





    $('.quiz-navbar__button_next').attr('disabled', true);

    $('.quiz-navbar__button_prev').attr('disabled', false);



    let test = [...answersToSend].filter(item => item.name == targetStep);

    //console.log(test.length > 0 || targetProgress === '100%', test, targetProgress);

    //if ( typeof answersToSend[targetStep] !== 'undefined' && answersToSend[targetStep].length > 0 ) {

    if (test.length > 0 || targetProgress === '100%' || targetStep == 'shopElements') {

        $('.quiz-navbar__button_next').attr('disabled', false);

    }



    if ( targetStepIndex == 0) {

        $('.quiz-navbar__button_prev').attr('disabled', true);

    }

	if ( targetStepIndex == 4 ) {

		$(".quiz__tag-text").text("Выберите варианты");

	} else {

		$(".quiz__tag-text").text("Выберите один вариант");

	}

	

	if ( targetStepIndex == 2) {

		header.html("Сколько примерно страниц будет на сайте?");

	}

	

    header.hide().text(stepsMap[targetStepIndex].title).fadeIn(300);

	if ( targetStep == 'comment') {

        header.html("");

		$('.quiz__tag-text').hide();

		$('.quiz__navbar').hide();

		$('.quiz__question-title').after(function() {

		  return "";

		});

    } else {

		$('.quiz__tag-text').fadeIn(200);

		$('.quiz__navbar').fadeIn(200);

		$('#secondheaderForm').hide();

	}

    if ( targetStepSection.hasClass('quiz__checkboxes') ) {

        $('.quiz__tag.quiz__tag_many').css('display', 'inline-flex').fadeIn(200);

    }

    if ( targetStepSection.hasClass('quiz__radio') ) {

        $('.quiz__tag.quiz__tag_one').css('display', 'inline-flex').fadeIn(200);

    }



    if (stepsMap[targetStepIndex].progress === '100%') {

        $('.quiz-navbar__button_next').find('.quiz-navbar__button_next-text').text('Последний шаг');

    } else {

        $('.quiz-navbar__button_next').find('.quiz-navbar__button_next-text').text('Далее');

    }



    progress.text(targetProgress);

    progressStyle.css('width', targetProgress);



    let {prev, next} = getStepPrevAndNext(targetStep);

    //console.log(prev, next);

    $('.quiz-navbar__button_prev').attr('data-to-step', prev);

    $('.quiz-navbar__button_next').attr('data-next-step', next);



    activeStep = targetStep;

    //console.log(activeStep, answersToSend);



    fullAmount = getFullAmount( answersToSend );



    $('.thank-page__amount').html('от ' + fullAmount.toLocaleString('ru-RU') + '₽');
	
	if (fullAmount) { 
		$('.quiz__price').show();
	} else {
		$('.quiz__price').hide();
	}

    $('.discount-badge__value').html(fullAmount.toLocaleString('ru-RU') + '₽');
	

}



function inputTextField(e) {

     let section = $(this).closest('.quiz__step');

     let sectionId = $(section).attr('id');

     let next = $('.quiz-navbar__button_next'), val = $(this).val();

     next.attr('disabled',false).addClass('is-blicked');

     if (val.length < 1) next.attr('disabled',true).removeClass('is-blicked'); 

     answersToSend = [...answersToSend].filter(item => item.name !== sectionId);

     //answersToSend = { ...answersToSend, [sectionId]: $(this).val() }

     /*answersToSend.push({

      name: sectionId,

      value: $(this).val()

     })*/

     answersToSend = [

        ...answersToSend,

        {

            name: sectionId,

            value: $(this).val()

        }

    ];

    //console.log(answersToSend);

}

    $(document).on('change', '.quiz__step.quiz__checkboxes input[type="checkbox"], .quiz__step.quiz__radio input[type="radio"], .quiz__step.quiz__text input[type="text"], .quiz__step.quiz__text textarea', function(e) {

        //console.log(quizState);

        const {prev, next} = getStepPrevAndNext(activeStep);

        //console.log(activeStep, prev, next);

        $('.quiz-navbar__button_prev').attr('data-to-step', prev);

        $('.quiz-navbar__button_next').attr('data-next-step', next);



        /*let fullAmount = getFullAmount( answersToSend );



        $('.thank-page__amount').html(fullAmount.toLocaleString('ru-RU') + ' руб.');

        $('.discount-badge__value').html(fullAmount.toLocaleString('ru-RU') + ' руб.');*/

    });



    $(document).on('change', '.quiz__step.quiz__checkboxes input[type="checkbox"]', function(e) {

        let section = $(this).closest('.quiz__step');

        let sectionId = $(section).attr('id');

        let inputs = $(section).find('input[type="checkbox"]');

        let checked = [];



        for (var i = 0; i < inputs.length; i++) {

          if (inputs[i].checked) {

            checked.push(inputs[i].value);

          }

        }

        section.find('.answer-variants__variant-text').removeClass('answer-variants__variant-text_selected');

        if ( checked.length > 0 ) {

            $('.quiz-navbar__button_next').attr('disabled',false).addClass('is-blicked');

            $(this).closest('.answer-variants__variant-text').addClass('answer-variants__variant-text_selected');

        } else {

            if (activeStep !== 'shopElements') {

                $('.quiz-navbar__button_next').attr('disabled',true);

                $('.quiz-navbar__button_next').removeClass('is-blicked');

            }

                

        }

        /*answersToSend = {

            ...answersToSend,

            [sectionId]: checked

        }*/

        answersToSend = [...answersToSend].filter(item => item.name !== sectionId);

         answersToSend.push({

          name: sectionId,

          value: checked

         })

    });



    $(document).on('change', '.quiz__step.quiz__radio input[type="radio"]', function(e) {

        let section = $(this).closest('.quiz__step');

        let sectionId = $(section).attr('id');

        let inputs = $(section).find('input[type="radio"]');

        let checked = [];



        for (var i = 0; i < inputs.length; i++) {

            if (inputs[i].checked) {

                checked.push(inputs[i].value);

            }

        }

        section.find('.answer-variants__variant-text').removeClass('answer-variants__variant-text_selected');

        if ( checked.length > 0 ) {

            $('.quiz-navbar__button_next').attr('disabled',false).addClass('is-blicked');

            $(this).closest('.answer-variants__variant-text').addClass('answer-variants__variant-text_selected');

        } else {

            $('.quiz-navbar__button_next').attr('disabled',true);

            $('.quiz-navbar__button_next').removeClass('is-blicked');

        }

        /*answersToSend = {

            ...answersToSend,

            [sectionId]: checked

        }*/

        answersToSend = [...answersToSend].filter(item => item.name !== sectionId);

         answersToSend.push({

          name: sectionId,

          value: checked[0]

         })

    });



    $('button.quiz-navbar__button_next').on("click", function(e) {

        let id = $(this).attr('data-next-step');

        quizToStep(id);

    });

    $('button.quiz-navbar__button_prev').on("click", function(e) {

        let id = $(this).attr('data-to-step');

        quizToStep(id, false);

    });





////$('#app form button[type="submit"]').on("click", btnSubmit); 

$('.quiz__step.quiz__text input, .quiz__step.quiz__text textarea').on("keyup", inputTextField);



if (document.getElementById("newCalc") != null) {	

	document.getElementById("newCalc").addEventListener("click", function() {

		quizState = [];

	    activeStep = 'websiteType';

    	answersToSend = [];

	    fullAmount = 0;

		$('#question-page').fadeIn(200);

	    $('#tnx-page').hide();

		quizToStep(activeStep);

		$('.quiz__question-title').css('border-bottom','none');

		$('.quiz__question-title').css('padding-bottom','0px');

		clearStepValues(activeStep);

		clearStepValues('pagesCount');

		clearStepValues('screensCount');

		clearStepValues('productsCount');

		clearStepValues('shopElements');

		clearStepValues('bookingType');

		clearStepValues('design');

		$('.wpcf7-response-output').hide();

		$(".progress-bar-linear__label > span").text("0%");

		$(".progress-bar-linear__field span").css("width","0%");

	});

}



if (document.getElementById("newCalculate") != null) {

	document.getElementById("newCalculate").addEventListener("click", function() {

		quizState = [];

	    activeStep = 'websiteType';

    	answersToSend = [];

	    fullAmount = 0;

		$('#question-page').fadeIn(200);

	    $('#tnx-page').hide();

		quizToStep(activeStep);

		$('.quiz__question-title').css('border-bottom','none');

		$('.quiz__question-title').css('padding-bottom','0px');

		clearStepValues(activeStep);

		clearStepValues('pagesCount');

		clearStepValues('screensCount');

		clearStepValues('productsCount');

		clearStepValues('shopElements');

		clearStepValues('bookingType');

		clearStepValues('design');

		$(".progress-bar-linear__label > span").text("0%");

		$(".progress-bar-linear__field span").css("width","0%");

	});

}



/*document.addEventListener( 'wpcf7mailsent', function( event ) {

    //console.log(event.detail);

    if ( '3870' == event.detail.contactFormId ) {

        $('#final-page').hide();

		$('#question-page').hide();

        $('#tnx-page').show(200);

        quizState = [];

        activeStep = 'websiteType';

        answersToSend = [];

        fullAmount = 0;

    }

}, false );*/







});







document.addEventListener( 'wpcf7beforesubmit', function( event ) {

    //console.log(event.detail, answersToSend);

    if ( '532' == event.detail.contactFormId ) {

        answersToSend.map(item => {

            if ( Array.isArray(item.value) ) {

                item.value.map(input => {

                    event.detail.formData.append(item.name+'[]', input);

                })

            } else {

                event.detail.formData.append(item.name, item.value);

            }

        })

        event.detail.formData.append('fullAmount', fullAmount);



        event.detail.inputs.push(answersToSend);

    }

}, false );