const lastStep = 4;

function updateProgressiveBar(idStepToggleOut, idStepToggleIn){
    let progressiveBarToggleOut = $('#calcola-affitto-step-'+idStepToggleOut+'-progressive-bar');
    let progressiveBarToggleIn = $('#calcola-affitto-step-'+idStepToggleIn+'-progressive-bar');
    if(checkVar(progressiveBarToggleOut)){
        progressiveBarToggleOut.removeClass('size-40 rounded-full flex-center bg-blue-1');
        progressiveBarToggleOut.addClass('size-40 rounded-full flex-center bg-blue-1-05 text-blue-1 fw-500');
        progressiveBarToggleOut.html(idStepToggleOut);
    }
    if(checkVar(progressiveBarToggleIn)){
        progressiveBarToggleIn.removeClass('size-40 rounded-full flex-center bg-blue-1-05 text-blue-1 fw-500');
        progressiveBarToggleIn.addClass('size-40 rounded-full flex-center bg-blue-1');
        progressiveBarToggleIn.html('<i class="icon-check text-16 text-white"></i>');
    }
}

$('.btn-step.next-step').on('click', function (){
    if( requiredFields( '#' + this.closest('section').id, calcScrollTop() )) {
        let idCurrentStep = this.dataset.currentStep;
        let idNextStep = this.dataset.nextStep;
        if (idNextStep == lastStep) {
            if( !requiredFields() ){
                swal({
                    text: '<script>console.log('%cWarning: Missing Constant \n Label Name: LABELS_CAMPI_OBBLIGATORI', 'font-weight: bold;color: red;')</script>LABELS_CAMPI_OBBLIGATORI',
                    type: "error",
                    showConfirmButton: true
                });
            } else {
                sendDataSteps(idCurrentStep, idNextStep);
            }
        } else {
            if (checkVar(idCurrentStep)) {
                let currentStep = $('#calcola-affitto-step-' + idCurrentStep);
                if (checkVar(currentStep)) {
                    currentStep.css('display', 'none');
                }
            }
            if (checkVar(idNextStep)) {
                let nextStep = $('#calcola-affitto-step-' + idNextStep);
                if (checkVar(nextStep)) {
                    nextStep.css('display', 'block');
                }
            }
            updateProgressiveBar(idCurrentStep, idNextStep);
            localStorage.setItem('step', idNextStep);
        }
    }
});

$('.btn-step.prev-step').on('click', function (){
    let idCurrentStep = this.dataset.currentStep;
    let idPrevStep = this.dataset.prevStep;
    if(checkVar(idCurrentStep)){
        let currentStep = $('#calcola-affitto-step-'+idCurrentStep);
        if(checkVar(currentStep)){
            currentStep.css('display', 'none');
        }
    }
    if(checkVar(idPrevStep)){
        let prevStep = $('#calcola-affitto-step-'+idPrevStep);
        if(checkVar(prevStep)){
            prevStep.css('display', 'block');
        }
    }
    updateProgressiveBar(idCurrentStep, idPrevStep);
    localStorage.setItem('step', idPrevStep);
});

$(document).ready(function() {
    let step = localStorage.getItem('step');
    if(step == lastStep){
        localStorage.removeItem('step');
        step = 1;
    }
    if(checkVar(step)){
        let defaultStep = $('#calcola-affitto-step-1');
        if(checkVar(defaultStep)){
            defaultStep.css('display', 'none');
        }
        let currentStep = $('#calcola-affitto-step-'+step);
        if(checkVar(currentStep)){
            currentStep.css('display', 'block');
        }
        updateProgressiveBar(1, step);
    }
});