var windowWidth = $(window).width();
var windowHeight = $(window).height();
var windowInnerHeight = $(window).innerHeight();

$(document).ready(function () {

    changeMenu();
    setAllHeight();
    checkcheckbox();
    readyClick();


    AOS.init({
        once: true,
        disable: function () {
            var maxWidth = 991;
            return window.innerWidth < maxWidth;
        }
    })



    if ($('.blog_carousel').length > 0) {
        $('.blog_carousel').owlCarousel({
            loop: true,
            margin: 15,
            autoplay:false,
            navText: ["<img src='image/template/left-white.png'>", "<img src='image/template/right-white.png'>"],
            // responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    nav: false,
                    dots: false
                },
                600: {
                    items: 2,
                    nav: false,
                    dots: false
                },
                991: {
                    items: 3,
                    nav: true,
                    dots: false
                  
                },
                1380: {
                    items: 3,
                    nav: true,
                    dots: false
                    
                }
            }
        })
    }
    if ($('.similar_owl').length > 0) {
        $('.similar_owl').owlCarousel({
            loop: true,
            margin: 15,
            autoplay:false,
            navText: ["<img src='image/template/left-white.png'>", "<img src='image/template/right-white.png'>"],
            // responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    nav: false,
                    dots: false
                },
                600: {
                    items: 2,
                    nav: false,
                    dots: false
                },
                991: {
                    items: 3,
                    nav: true,
                    dots: false
                  
                },
                1380: {
                    items: 4,
                    nav: true,
                    dots: false
                    
                }
            }
        })
    }


    if ($('.rang-slider').length > 0) {
        $('.rang-slider ').owlCarousel({
            loop: true,
            margin: 10,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    nav: true,
                    dots: false
                },
                600: {
                    items: 2,
                    nav: false,
                    dots: false
                },
                1380: {
                    items: 3,
                    nav: true,
                    loop: false,
                    dots: false,
                    navText: ["<img src='image/template/left-white.png'>", "<img src='image/template/right-white.png'>"]
                }
            }
        })
    }

    if ($('.partner-slider').length > 0) {
        $('.partner-slider').owlCarousel({
            loop: true,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 2,
                    nav: true,
                    dots: false
                },
                600: {
                    items: 3,
                    nav: false,
                    dots: false
                },
                991: {
                    items: 4,
                    nav: false,
                    dots: false
                },
                1380: {
                    items: 6,
                    nav: true,
                    loop: false,
                    dots: false,
                    navText: ["<img src='image/template/left.png'>", "<img src='image/template/right.png'>"]
                }
            }
        })
    }

    if ($('.slider-bottom').length > 0) {
        $('.slider-bottom').owlCarousel({
            loop: true,
			items: 3,
			autoplay: true,
			autoplayHoverPause: true,
            responsiveClass: true,
            margin: 15,
            responsive: {
                0: {
                    items: 1,
                    nav: true,
                    margin: 0,
                },
                600: {
                    items: 1,
                    nav: false,
                },
                991: {
                    items: 1,
                    nav: false,
                },
                1380: {
                    items: 1,
                    nav: true,
                    loop: true,
                    navText: ["<img src='image/template/left.png'>", "<img src='image/template/right.png'>"]
                }
            }
        })
    }

    if ($('#datepicker').length > 0) {
        
		pickerAction();
    }


    if ($('input[name="vehicleType"]').length > 0) {
        var carInput = $('input[name="vehicleType"]');
        if (carInput.prop("checked") == true) {
            if ($('.content-box-type').hasClass('noneActive')) $('.content-box-type').removeClass('noneActive');
            if (!$('.content-box-service').hasClass('noneActive')) $('.content-box-service').addClass('noneActive');


        } else if (carInput.prop("checked") == false) {
            if (!$('.content-box-type').hasClass('noneActive')) $('.content-box-type').addClass('noneActive');
            if (!$('.content-box-service').hasClass('noneActive')) $('.content-box-service').addClass('noneActive');
        }
    }

    if ($('.gallery-image').length > 0) {
        baguetteBox.run('.gallery-image', {});
    }
    if ($('.only-image').length > 0) {
        baguetteBox.run('.only-image', {});
    }
    if ($('.mygallery').length > 0) {
        baguetteBox.run('.mygallery', {});
    }
    if (windowWidth > 600) {

        if ($('.select-manufacturer').length > 0) {
            $('.select-manufacturer').selectpicker({
                noneSelectedText: 'Dowolny',
                dropupAuto: false
            });
            $('.filter-option').click();
            if ($('.select-manufacturer').hasClass('dropup')) {
                $('.select-manufacturer').removeClass('dropup');
            }
        }
        if ($('.select-select').length > 0) {
            $('.select-select').selectpicker({
                noneSelectedText: 'Dowolny',
                dropupAuto: false
            });
            $('.filter-option').click();
        }
    }
    if ($('[data-toggle="tooltip"]').length > 0) {
        $('[data-toggle="tooltip"]').tooltip()
    }


});

function checkcheckbox() {

    $("input[name='vehicleType'], input[name='typeOfService'], input[name='serviceOperations']").on('click', function () {
        // in the handler, 'this' refers to the box clicked on
        var $box = $(this);

        if ($box.is(":checked")) {
            var group = "input:checkbox[name='" + $box.attr("name") + "']";
            $(group).prop("checked", false);
            $box.prop("checked", true);
        } else {
            $box.prop("checked", false);
        }
    });

}

$(document).on('click', '.hamburger-box', function () {
    $('.hamburger').toggleClass('menu-open');
    $('.menu').slideToggle();

    // $('.menu').height(window.innerHeight - 75);
});

$(document).on('change', 'input[name="search-kind"]', function () {
    var content = $(this).val();
    var id = $(this).data('id');

    if (windowWidth > 575) {
        $('.slider-search .box').removeClass('active');
        $('.slider-search .box[data-id="' + id + '"]').addClass('active');

        $('.content-box').addClass('d-none');
        $('.content-box-' + id).removeClass('d-none');
    } else {
        $('.slider-search .box').removeClass('active');
        goTo('.container-slider');
        $(".content-box").each(function () {
            if (!$(this).hasClass('d-none')) {
                $(this).fadeOut();
                setTimeout(() => {
                    $(this).addClass('d-none');
                }, 200);
            }
        });


        $('.slider-search .box[data-id="' + id + '"]').addClass('active');
        $('.content-box-' + id).fadeIn();
        setTimeout(() => {
            $('.content-box-' + id).removeClass('d-none');
        }, 200);
    }

});
if(windowWidth < 768){
    $(document).on('click', '.container-visit .box', function () {
        
        if($(this).hasClass('active')){
            $('.container-visit .box').removeClass('off');
            $('.container-visit .box').removeClass('active');
            $('.container-visit .wizytybutton').removeClass('off');
            $('.container-visit .wizytybutton').removeClass('active');
        }
        else {
            $('.container-visit .box').addClass('off');
            $('.container-visit .wizytybutton').addClass('off');
            $(this).addClass('active');
            $(this).removeClass('off');
            $(this).parent().find('.wizytybutton').addClass('active');
            $(this).parent().find('.wizytybutton').removeClass('off');
        
        }
        })
    $(document).on('click', '.container-visit .wizytybutton', function () {
        if($(this).hasClass('active')){
            $('.container-visit .box').removeClass('off');
            $('.container-visit .box').removeClass('active');
            $('.container-visit .wizytybutton').removeClass('off');
            $('.container-visit .wizytybutton').removeClass('active');
        }
        else {
            $('.container-visit .box').addClass('off');
            $('.container-visit .wizytybutton').addClass('off');
            $(this).addClass('active');
            $(this).removeClass('off');
            $(this).parent().find('.box').addClass('active');
            $(this).parent().find('.box').removeClass('off');
        
        }
        })

}


$(document).on('change', 'input[name="place"]', function () {
   
    var content = $(this).val();
    var id = $(this).data('id');
    // przeładowanie pickera
    // console.log(content,id);
  
    if (windowWidth > 768) {
        $('.container-visit .box').removeClass('active');
        $('.container-visit .box').next().removeClass('active');
    
        $('.container-visit .box[data-id="' + id + '"]').addClass('active');
        $('.container-visit .box[data-id="' + id + '"]').next().addClass('active');
        // $('.header1').removeClass('order-1');
        // $('.header2').removeClass('order-4');
        // $('.header5').removeClass('order-5');
        // $('.header').css('order', '4');
        // $('.header' + id).css('order', '1');
        // goTo('.container-visit');
    }
   
 
    var day = $('#datepicker').val();


    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=checkReservationHour&place=" +
            content +
            "&day=" + day,
        success: function (data) {
            picker.destroy();
            pickerAction();
           
            $('select[name="hour"]').html(data.data);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

   
   
   
    


});

$(document).on('click','.content-box-service input',function(){
    if($(this).is(':checked')){
        $('.callendar').removeClass('d-none');
   }
   else {
    $('.callendar').addClass('d-none');
   }
})

$(document).on('change', 'input[name="place"], input[name="vehicleType"] , input[name="typeOfService"]', function () {
    // $(this).parent().toggleClass('open');
    var name = $(this).attr('name');
    console.log('ua');
    var location = $('input[name="place"]:checked').val();
    // if(location == 2) return false;
    
    var vehicleType = $('input[name="vehicleType"]').val();
    var typeOfService = $('input[name="typeOfService"]').val();
    var actionService = $('input[name="actionService"]').val();

    if (vehicleType == 'undefined') vehicleType = 0;
    if (typeOfService == 'undefined') typeOfService = 0;
    if (actionService == 'undefined') actionService = 0;
    // $('.loader-callendar').css('display', 'flex');
    $('.checkrow').css('display', 'flex');
    $('.checkmainrow').css('display', 'none');
    $('.content-box').removeClass('d-none');

    // console.log(name);
    // console.log(location);

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=checkConfigurationVisit&name=" +
            name +
            "&location=" + location +
            "&vehicleType=" + vehicleType +
            "&typeOfService=" + typeOfService +
            "&actionService=" + actionService,
        success: function (data) {

            if (name == 'place') {
                // console.log('aaa');
                // console.log(data);

                $('.vehicle-checkbox').html(data.data);
                if (!$('.content-box-type').hasClass('noneActive')) $('.content-box-type').addClass('noneActive');
                $('.type-service-checkbox').html(' ');
                if (!$('.content-box-service').hasClass('noneActive')) $('.content-box-service').addClass('noneActive');
                $('.service-checkbox').html(' ');
            }
            if (name == 'vehicleType') {
                $('.content-box-type').removeClass('noneActive');
                $('.type-service-checkbox').html(data.data);

                if (!$('.content-box-service').hasClass('noneActive')) $('.content-box-service').addClass('noneActive');
                $('.service-checkbox').html(' ');
            }

            if (name == 'typeOfService') {
                $('.content-box-service').removeClass('noneActive');
                $('.service-checkbox').html(data.data);
            }
            checkcheckbox();
            $('.loader-callendar2').css('display', 'none');
            // if(location == 1){
            //     $('.positiondiv').html('<select name="position" class="custom-select" required><option value="1">Stanowisko 1</option><option value="2">Stanowisko 2</option></select>');
            // }
            // else {
            //     $('.positiondiv select').remove();
            // }

        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });


});
$(document).on('click', '.makeVisit', function (e) {
    e.preventDefault();

    var location = $('input[name="place"]:checked').val();
    var vehicleType = $('input[name="vehicleType"]:checked').val();
    var typeOfService = $('input[name="typeOfService"]:checked').val();
    var serviceOperations = $('input[name="serviceOperations"]:checked').val();
    var rule = $('input[name="rule"]:checked').val();
	var $sms = $(this).attr('data-sms');
	if(empty($sms)) $sms = false;
	
    if (typeof (location) === "undefined") {
        var data = {};
        data.staus = false;
        data.msg = 'Uzupełnij miejsce serwisu';
        msg(data);

        goTo('.container-visit');
    } 
	else if (typeof (vehicleType) === "undefined") {
        // $('.select-all-vehicle').css('display', 'block');
        // setTimeout(() => {
        //     $('.select-all-vehicle').css('display', 'none');
        // }, 2000);
        var data = {};
        data.staus = false;
        data.msg = 'Uzupełnij typ pojazdu';
        msg(data);

        goTo('.container-visit');
    }
	else if (typeof (typeOfService) === "undefined") {
        // $('.select-all-type').css('display', 'block');
        // setTimeout(() => {
        //     $('.select-all-type').css('display', 'none');
        // }, 2000);
        var data = {};
        data.staus = false;
        data.msg = 'Uzupełnij rodzaj usługi';
        msg(data);
        goTo('.container-visit');
    } 
	else if (typeof (serviceOperations) === "undefined") {
        // $('.select-all-service').css('display', 'block');
        // setTimeout(() => {
        //     $('.select-all-service').css('display', 'none');
        // }, 2000);
        var data = {};
        data.staus = false;
        data.msg = 'Uzupełnij Czynności serwisowe';
        msg(data);
        goTo('.container-visit');
    } 
	else if ($('.callendar-form input[name="registrationNumber"]').val() == '') {
        $('.callendar-form input[name="registrationNumber"]').addClass('invalid');
        setTimeout(() => {
            $('.callendar-form input[name="registrationNumber"]').removeClass('invalid');
        }, 2000);
        var data = {};
        data.staus = false;
        data.msg = 'Uzupełnij numer rejestracyjny';
        msg(data);

    } 
	else if ($('.callendar-form input[name="name"]').val() == '') {
        $('.callendar-form input[name="name"]').addClass('invalid');
        setTimeout(() => {
            $('.callendar-form input[name="name"]').removeClass('invalid');
        }, 2000);
        var data = {};
        data.staus = false;
        data.msg = 'Uzupełnij nazwisko';
        msg(data);
    } 
	else if ($('.callendar-form input[name="phone"]').val() == '') {
        $('.callendar-form input[name="phone"]').addClass('invalid');
        setTimeout(() => {
            $('.callendar-form input[name="phone"]').removeClass('invalid');
        }, 2000);
        var data = {};
        data.staus = false;
        data.msg = 'Uzupełnij numer telefonu';
        msg(data);
    } 
	else if (typeof (rule) === "undefined") {
        $('input[name="rule"]').next().addClass('invalid');
        setTimeout(() => {
            $('input[name="rule"]').next().removeClass('invalid');
        }, 2000);
        var data = {};
        data.staus = false;
        data.msg = 'Zaakceptuj zgodę o przetwarzaniu danych osobowych';
        msg(data);
    } 
	else if (!$('.sms-code-input').hasClass('show') && $sms === false) {
        var phone = $('.callendar-form input[name="phone"]').val();


        if (checkPhoneNumber(phone)) {
            $number = replaceAll(phone, ' ', '');

            $firstThree = $number.substr(0, 3);

            if ($firstThree == '+48') {
                $number = replaceAll($number, '+48', '');
            }

            $firstChar = $number.charAt(0);
            if ($firstChar == 0) {
                $number = $number.substr(1)
            }

            $.ajax({
                type: "POST",
                url: "index.php",
                data: "ajax=getAuthofizationSMSCode&phone=" +
                    $number,
                success: function (data) {
                    console.log(data);

                    if (data.status) {
                        $('.sms-code-input').fadeIn(400);
                        $('.sms-code-input').addClass('show');
                        $('.makeVisit').addClass('show');
                    } else {
                        msg(data);
                    }
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    console.log(xhr);
                    console.log(ajaxOptions);
                    console.log(thrownError);
                },
                dataType: 'json'
            });
        } else {
            var data = {};
            data.status = false;
            data.msg = 'Niepoprawny numer telefonu';
            msg(data);
        }

    } else {

        var phone = $('.callendar-form input[name="phone"]').val();
        var code = $('.callendar-form input[name="code"]').val();

        $('.makeVisit').val(translation['pleaseWait']);
        $('.loader-callendar').css('display', 'flex');
        // console.log('------');
        // console.log(translation['pleaseWait']);
		
		if($sms === false) {
        if (checkPhoneNumber(phone)) {
            $number = replaceAll(phone, ' ', '');

            $firstThree = $number.substr(0, 3);

            if ($firstThree == '+48') {
                $number = replaceAll($number, '+48', '');
            }

            $firstChar = $number.charAt(0);
            if ($firstChar == 0) {
                $number = $number.substr(1)
            }

            $.ajax({

                type: "POST",
                url: "index.php",
                data: "ajax=checkAuthofizationSMSCode&phone=" +
                    $number +
                    "&code=" + code,
                success: function (data) {
                    console.log(data);
                    $('.loader-callendar').css('display', 'none');
                    msg(data);
                    if (data.status) {
                        $('input[name="makeVisit"]').removeClass('makeVisit');
                        $('input[name="makeVisit"]').click();
                    }

                },
                error: function (xhr, ajaxOptions, thrownError) {
                    console.log(xhr);
                    console.log(ajaxOptions);
                    console.log(thrownError);
                },
                dataType: 'json'
            });
        } else {
            var data = {};
            data.status = false;
            data.msg = 'Niepoprawny numer telefonu';
            msg(data);
        }
		} else {
			 $('input[name="makeVisit"]').removeClass('makeVisit');
             $('input[name="makeVisit"]').click();
		}
    }

});

$(document).on('keyup', 'input[name="order_nr"], input[name="order_nr_mobile"]', function (e) {

    var code = e.key; // recommended to use e.key, it's normalized across devices and languages

    // console.log(code);
    if (code === "Enter") e.preventDefault();
    if (code === " " || code === "Enter" || code === "," || code === ";") {

        // var orderNum =  $('input[name="order_nr"]').val();
        var orderNum = $(this).val();

        $.ajax({
            type: "POST",
            url: "index.php",
            data: "ajax=checkExistOrderNumber&orderNum=" +
                orderNum,
            success: function (data) {

                if (data.status) {
                    $('.container-check-order').css('display', 'flex');
                    $('.get-order-nr').val(orderNum);
                } else {
                    msg(data);
                }

            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr);
                console.log(ajaxOptions);
                console.log(thrownError);
            },
            dataType: 'json'
        });

    }
});

$(document).on('click', '.delete-order-check', function (e) {
    $('.container-check-order').css('display', 'none');
    $('input[name="order_nr"]').val('');
});

$(document).on('click', '.check-order-button.first', function () {
    var phone = $('.container-check-order input[name="phone-order"]').val();
    var number = $('.get-order-nr').val();


    if (phone == '' || phone == undefined) {
        var data = {
            status: false,
            msg: 'Podaj numer telefonu'
        }
        msg(data);
    } else {

        if (checkPhoneNumber(phone)) {
            $phone = replaceAll(phone, ' ', '');

            $firstThree = $phone.substr(0, 3);

            if ($firstThree == '+48') {
                $phone = replaceAll($phone, '+48', '');
            }

            $firstChar = $phone.charAt(0);
            if ($firstChar == 0) {
                $phone = $phone.substr(1)
            }

            console.log('-----');
            $.ajax({
                type: "POST",
                url: "index.php",
                data: "ajax=checkOrderNumberToPhone&phone=" +
                    $phone +
                    "&orderNum=" + number,
                success: function (data) {
                    console.log(data);
                    if (data.status) {
                        $.ajax({
                            type: "POST",
                            url: "index.php",
                            data: "ajax=getAuthofizationSMSCode&phone=" +
                                phone,
                            success: function (data) {
                                $('.sms-code-show').removeClass('d-none');
                                $('.sms-code-show').addClass('d-flex');

                                $('.check-order-button').removeClass('first');
                                $('.check-order-button').addClass('accept');
                            },
                            error: function (xhr, ajaxOptions, thrownError) {
                                console.log(xhr);
                                console.log(ajaxOptions);
                                console.log(thrownError);
                            },
                            dataType: 'json'
                        });
                    } else {
                        var data = {
                            status: false,
                            msg: 'Niepoprawny numer telefonu'
                        }
                        msg(data);
                    }

                },
                error: function (xhr, ajaxOptions, thrownError) {
                    console.log(xhr);
                    console.log(ajaxOptions);
                    console.log(thrownError);
                },

                dataType: 'json'
            });
        } else {
            var data = {
                status: false,
                msg: 'Niepoprawny numer telefonu'
            }
            msg(data);
        }

        // $.ajax({
        //     type: "POST",
        //     url: "index.php",
        //     data: "ajax=getAuthofizationSMSCode&phone=" +
        //         phone,
        //     success: function (data) {
        //         $('.sms-code-show').removeClass('d-none');
        //         $('.sms-code-show').addClass('d-flex');

        //         $('.check-order-button').removeClass('first');
        //         $('.check-order-button').addClass('accept');
        //     },
        //     error: function (xhr, ajaxOptions, thrownError) {
        //         console.log(xhr);
        //         console.log(ajaxOptions);
        //         console.log(thrownError);
        //     },
        //     dataType: 'json'
        // });
    }

});

$(document).on('click', '.check-order-button.accept', function () {
    var phone = $('.container-check-order input[name="phone-order"]').val();
    var code = $('.container-check-order input[name="code"]').val();
    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=checkAuthofizationSMSCode&phone=" +
            phone +
            "&code=" + code,
        success: function (data) {
            // console.log(data);
            if (data.status) {
                var number = $('input[name="order_nr"]').val();

                $.ajax({
                    type: "POST",
                    url: "index.php",
                    data: "ajax=checkOrder&number=" +
                        number,
                    success: function (data) {
                        // console.log(number);
                        // console.log('checkOrder');
                        // console.log(data);
                        // msg(data);
                        if (data.status) {
                            $('.final-order').removeClass('d-none');
                            $('.final-order').addClass('d-flex');
                            if (data.data == 1) var satatus = "nowe";
                            if (data.data == 2) var satatus = "opłacone";
                            if (data.data == 3) var satatus = "do wysyłki";
                            if (data.data == 4) var satatus = "wysyłane";
                            if (data.data == 5) var satatus = "anulowane";

                            $('.final-order').html('<h3>Status zamówienia:</h3> <h3><i>' + satatus + '</i></h3>');
                            $('input[name="order_nr"]').val(' ');
                        } else {
                            msg(data);
                        }

                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        console.log(xhr);
                        console.log(ajaxOptions);
                        console.log(thrownError);
                    },
                    dataType: 'json'
                });

            } else {
                msg(data);
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });
});


$(document).on('change', 'select[name="tmpsManufacturer"]', function () {
    var value = $(this).val();

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=selectNextStepTPMS&value=" +
         value,
           
        success: function (data) {
          
             $('select[name="tmpsModel"]').html(data.data);
             if (windowWidth > 600) $('select[name="tmpsModel"]').selectpicker('refresh');
            // if (next == 'profil') {
            //     $('select[name="profil"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
            //     $('select[name="diameter"]').html('<option value="d">' + translation['any'] + '</option>');
            //     if (windowWidth > 600) $('select[name="profil"]').selectpicker('refresh');
            //     if (windowWidth > 600) $('select[name="diameter"]').selectpicker('refresh');

            // } else if (next == 'diameter') {
            //     $('select[name="diameter"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
            //     if (windowWidth > 600) $('select[name="diameter"]').selectpicker('refresh');
            // } else if (next == 'carType') {
            //     $('select[name="type"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
            //     if (windowWidth > 600) $('select[name="type"]').selectpicker('refresh');
            // }

        },
      
        dataType: 'json'
    });
});


$(document).on('click', '.tabsy a', function () {
    if($(window).width() > 991) return false;
        
    
    
    var name = $(this).data('name');
    if(name == 'motur'){
        $('.more-info').hide();
    }
    if(name == 'car'){
        $('.more-info').removeClass('d-none');
        $('.more-info').show();
    }
    var width = $('select[name="width"]').val();
    var profil = $('select[name="profil"]').val();
    var diameter = $('select[name="diameter"]').val();

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=reloadMotoCar&name=" +
        name +
        "&width=" + width +
        "&profil=" + profil +
        "&diameter=" + diameter ,
           
        success: function (data) {
            $('select[name="width"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                if (windowWidth > 600) $('select[name="width"]').selectpicker('refresh');
                $('select[name="profil"]').html('<option value="d">' + translation['any'] + '</option>' + data.data2);
                if (windowWidth > 600) $('select[name="profil"]').selectpicker('refresh');
                $('select[name="diameter"]').html('<option value="d">' + translation['any'] + '</option>' + data.data3);
                if (windowWidth > 600) $('select[name="diameter"]').selectpicker('refresh');
                $('select[name="type"]').html('<option value="d">' + translation['any'] + '</option>' + data.data4);
                if (windowWidth > 600) $('select[name="type"]').selectpicker('refresh');
                $('select[name="manufacturer[]"]').html(data.data5);
                if (windowWidth > 600) $('select[name="manufacturer[]"]').selectpicker('refresh');
                $('.fast_search ').attr('placeholder','np. '+ data.data6);
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
      
        dataType: 'json'
    });
});


$(document).on('change', 'select[name="width"], select[name="profil"], select[name="diameter"]', function () {
    var value = $(this).val();
    var id = $(this).find(':selected').data('id');
    var tab = $(this).data('tab');
    var next = $(this).data('next');
    var dataTwo = $(this).data('two');
    $('.fast_search').val('');

    var width = $('select[name="width"]').val();
    var profil = $('select[name="profil"]').val();
    var diameter = $('select[name="diameter"]').val();

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=selectNextStep&id=" +
            id +
            "&tab=" + tab +
            "&next=" + next +
            "&width=" + width +
            "&profil=" + profil +
            "&diameter=" + diameter,
        success: function (data) {

            if (next == 'profil') {
                $('select[name="profil"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                $('select[name="diameter"]').html('<option value="d">' + translation['any'] + '</option>');
                
                    // console.log('ia');
                    // $('select[name="manufacturer[]"]').html(data.data2);
                    // if (windowWidth > 600) $('select[name="manufacturer[]"]').selectpicker('refresh');
                
                if (windowWidth > 600) $('select[name="profil"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="diameter"]').selectpicker('refresh');

            } else if (next == 'diameter') {
                $('select[name="diameter"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                if (windowWidth > 600) $('select[name="diameter"]').selectpicker('refresh');
            } else if (next == 'carType') {
                if(dataTwo != 'motocyklowe'){
                    $('select[name="type"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                }
                else {
                    $('select[name="type"]').html(data.data);
                    if(data.data == null){
                        $('select[name="type"]').html('<option value="Motocykl">Motocykl</option>');
                    }
                }
                
                if (windowWidth > 600) $('select[name="type"]').selectpicker('refresh');
            }

        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

});

$(document).on('change', 'select[name="carSeason"], select[name="carBrand"], select[name="carSerie"], select[name="carModel"]', function () {
    var value = $(this).val();
    var id = $(this).find(':selected').data('id');
    var tab = $(this).data('tab');
    var next = $(this).data('next');

    $('.loaderek ').removeClass('d-none');
    $('.search-formm-loader').val('');
   

    var carSeason = $('select[name="carSeason"]').val();
    var carBrand = $('select[name="carBrand"]').val();
    var carSerie = $('select[name="carSerie"]').val();
    var carModel = $('select[name="carModel"]').val();
    var carEngine = $('select[name="carEngine"]').val();

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=selectNextStepCar&tab=" + tab +
            "&next=" + next +
            "&carSeason=" + carSeason +
            "&carBrand=" + carBrand +
            "&carSerie=" + carSerie +
            "&carModel=" + carModel +
            "&carEngine=" + carEngine,
        success: function (data) {
            $('.loaderek ').addClass('d-none');
             $('.search-formm-loader').val('Szukaj');
            if (next == 'carBrand') {
                $('select[name="carBrand"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                $('select[name="carSerie"]').html('<option value="d">' + translation['any'] + '</option>');
                $('select[name="carModel"]').html('<option value="d">' + translation['any'] + '</option>');
                $('select[name="carEngine"]').html('<option value="d">' + translation['any'] + '</option>');
                if (windowWidth > 600) $('select[name="carBrand"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="carModel"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="carSerie"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="carEngine"]').selectpicker('refresh');

            }
            else if (next == 'carSerie') {
                $('select[name="carSerie"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                $('select[name="carModel"]').html('<option value="d">' + translation['any'] + '</option>');
                $('select[name="carEngine"]').html('<option value="d">' + translation['any'] + '</option>');
                if (windowWidth > 600) $('select[name="carSerie"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="carModel"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="carEngine"]').selectpicker('refresh');
            }
            else if (next == 'carModel') {
                $('select[name="carModel"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                $('select[name="carEngine"]').html('<option value="d">' + translation['any'] + '</option>');
                if (windowWidth > 600) $('select[name="carModel"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="carEngine"]').selectpicker('refresh');
            } else if (next == 'carEngine') {
                $('select[name="carEngine"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                if (windowWidth > 600) $('select[name="carEngine"]').selectpicker('refresh');
            }
            // if($('.select-manufacturer').hasClass('dropup')){
            //     $('.select-manufacturer').removeClass('dropup');
            // }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

});




$(document).on('change', 'select[name="tension"], select[name="capacity"]', function () {
    var value = $(this).val();
    var id = $(this).find(':selected').data('id');
    var tab = $(this).data('tab');
    var next = $(this).data('next');


    var tension = $('select[name="tension"]').val();
    var ah = $('select[name="capacity"]').val();
    var pole = $('select[name="pole"]').val();

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=selectNextStep&id=" +
            id +
            "&tab=" + tab +
            "&next=" + next +
            "&tension=" + tension +
            "&ah=" + ah +
            "&pole=" + pole,
        success: function (data) {
            // console.log(data);
            // console.log(next);
           
            if (next == 'ah') {
                $('select[name="capacity"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                $('select[name="pole"]').html('<option value="d">' + translation['any'] + '</option>');
               
                if (windowWidth > 600) $('select[name="capacity"]').selectpicker('refresh');
                if (windowWidth > 600) $('select[name="pole"]').selectpicker('refresh');
            } else if (next == 'pole') {
                $('select[name="pole"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                if (windowWidth > 600) $('select[name="pole"]').selectpicker('refresh');
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });
});

$(document).on('change', 'select[name="wheels-size"], select[name="wheels-diameter"]', function () {
    var value = $(this).val();
    var id = $(this).find(':selected').data('id');
    var tab = $(this).data('tab');
    var next = $(this).data('next');


    var spacing = $('select[name="wheels-size"]').val();
    var diameter = $('select[name="wheels-diameter"]').val();
    var et = $('select[name="et"]').val();

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=selectNextStep&id=" +
            id +
            "&tab=" + tab +
            "&next=" + next +
            "&spacing=" + spacing +
            "&diameter=" + diameter +
            "&et=" + et,
        success: function (data) {
            console.log(data);
            console.log(next);
            if (next == 'diameter') {
                $('select[name="wheels-diameter"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                $('select[name="et"]').html('<option value="d">' + translation['any'] + '</option>');
                if (windowWidth > 600) $('select[name="wheels-diameter"]').selectpicker('refresh');
            } else if (next == 'et') {
                $('select[name="et"]').html('<option value="d">' + translation['any'] + '</option>' + data.data);
                if (windowWidth > 600) $('select[name="et"]').selectpicker('refresh');
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });
});





var historyChangeSelect = new Array();

$(document).on('change', '.content-box-size .select-manufacturer', function (e) {
    e.stopPropagation();
    
    var value = $(this).val();
    // var id = $('option[value="' + value + '"]').data('id');
    var id = $(this).find(':selected').data('id');
    // console.log(id);
    // console.log(id,'id');
    // console.log(value,'val');
    // console.log(jQuery.inArray("d", value));
    // console.log("len:" + value.length);
    // console.log('------');
    // console.log(historyChangeSelect);
    
    // console.log(value);


    // klik w dowolny
    if($('.content-box-size .select-manufacturer .dropdown-menu.inner li').first().hasClass('selected')){
       console.log('ua3');
       if (value.length > 1) {
       value.forEach(item => {
        if(item == 'd'){
           console.log('jest');
           if (jQuery.inArray("d", value) != -1  && value.length > 1) {
            console.log('ua2');
            $('.content-box-size .select-manufacturer .dropdown-menu.inner li.selected').find('a').click();
            $('.content-box-size .select-manufacturer .dropdown-menu.inner li').first().find('a').click();
            }
        $(".content-box-size .select-manufacturer").selectpicker('deselectAll');
    
        
        }
    });
    }
   }else {
    
    if (value.length > 1) {
      
        
       /// jesli z dowolnego przeskakuje na producenta
         if (jQuery.inArray("d", value) != -1 && value.length == 2 && id != 0) {
            console.log('ua1');
            if($('.content-box-size .select-manufacturer .dropdown-menu.inner li').first().hasClass('selected')){
                $('.content-box-size .select-manufacturer .dropdown-menu.inner li').first().find('a').click();
            }
            
           
        }
       
// zeruje elementy
        else if (jQuery.inArray("d", value) != -1  && value.length > 1) {
            console.log('ua2');
            $('.content-box-size .select-manufacturer .dropdown-menu.inner li.selected').find('a').click();
            $('.content-box-size .select-manufacturer .dropdown-menu.inner li').first().find('a').click();
        }
    }
    
    historyChangeSelect = value;

}
});
$(document).on('change', '.content-box-size .select-season', function (e) {

    e.stopPropagation();
    
    var value = $(this).val();
    // var id = $('option[value="' + value + '"]').data('id');
    var id = $(this).find(':selected').data('id');
    // console.log(id);
    // console.log(id,'id');
    // console.log(value,'val');
    // console.log(jQuery.inArray("d", value));
    // console.log("len:" + value.length);
    // console.log('------');
    // console.log(historyChangeSelect);
    
    // console.log(value);


    // klik w dowolny
    if($('.content-box-size .select-season .dropdown-menu.inner li').first().hasClass('selected')){
         //     $('.content-box-size .select-season .dropdown-menu.inner li.selected').find('a').click();
    //     $('.content-box-size .select-season .dropdown-menu.inner li').first().find('a').click();
       console.log(value);
       if (value.length > 1) {
       value.forEach(item => {
        if(item == 'opony/zimowe,caloroczne,motocyklowe,letnie'){
           console.log('jest');
           if (jQuery.inArray("opony/zimowe,caloroczne,motocyklowe,letnie", value) != -1  && value.length > 1) {
            console.log('ua2');
            $('.content-box-size .select-season .dropdown-menu.inner li.selected').find('a').click();
            $('.content-box-size .select-season .dropdown-menu.inner li').first().find('a').click();
            }
        $(".content-box-size .select-season").selectpicker('deselectAll');
    
        
        }
    });
    }
   }else {
    
    if (value.length > 1) {
      
        
       /// jesli z dowolnego przeskakuje na producenta
         if (jQuery.inArray("opony/zimowe,caloroczne,motocyklowe,letnie", value) != -1 && value.length == 2) {
            console.log('ua1');
            if($('.content-box-size .select-season .dropdown-menu.inner li').first().hasClass('selected')){
                $('.content-box-size .select-season .dropdown-menu.inner li').first().find('a').click();
            }
            
           
        }
       
// zeruje elementy
        else if (jQuery.inArray("opony/zimowe,caloroczne,motocyklowe,letnie", value) != -1  && value.length > 1) {
            console.log('ua2');
            $('.content-box-size .select-season .dropdown-menu.inner li.selected').find('a').click();
            $('.content-box-size .select-season .dropdown-menu.inner li').first().find('a').click();
        }
    }
    
    historyChangeSelect = value;

}


    // var value = $(this).val();
    // var id = $(this).find(':selected').data('id');
    // console.log(value);

    // // Zmienna/flaga kontrolująca, aby uniknąć nieskończonej rekursji
    // var alreadyClicked = $(this).data('alreadyClicked') || false;

    // if (!alreadyClicked && id != 0 && jQuery.inArray("opony/zimowe,caloroczne,motocyklowe,letnie", value) != -1) {
    //     console.log('warunek');
    //     // Ustawienie flagi na true, aby uniknąć ponownego wejścia
    //     $(this).data('alreadyClicked', true);

    //     // Twój kod do kliknięcia
    //     $('.content-box-size .select-season .dropdown-menu.inner li.selected').find('a').click();
    //     $('.content-box-size .select-season .dropdown-menu.inner li').first().find('a').click();

    //     // Opcjonalnie: Reset flagi po wykonaniu akcji (z opóźnieniem, jeśli to konieczne)
    //     setTimeout(() => {
    //         $(this).data('alreadyClicked', false);
    //     }, 100); // Opóźnienie resetowania flagi, aby uniknąć ponownego wywołania
    // }
    
});


// $(document).on('click', '.content-box-size .select-manufacturer .dropdown-menu.inner li, .content-box-size .select-manufacturer .dropdown-menu.inner li > *', function (e) {
   
//     console.log('uaa');
// e.stopPropagation();



//     var val = $(this).val();
//     console.log(val);
//     var ua = $(this).find('a').val();
   
//    if($(this) == $('.content-box-size .select-manufacturer .dropdown-menu.inner li:nth-child(1)')){
//        console.log('echo');
//    }

// });

$(document).on('change', '.content-box-accumulator .select-manufacturer', function () {
    var value = $(this).val();
    // var id = $('option[value="' + value + '"]').data('id');
    var id = $(this).find(':selected').data('id');
    
    if (value.length > 1) {
        if (jQuery.inArray("d", value) != -1 && value.length == 2) {
            $('.content-box-accumulator .select-manufacturer .dropdown-menu.inner li').first().find('a').click();
        } else if (jQuery.inArray("d", value) != -1 && value.length > 2) {
            $('.content-box-accumulator .select-manufacturer .dropdown-menu.inner li.selected').find('a').click();
            $('.content-box-accumulator .select-manufacturer .dropdown-menu.inner li').first().find('a').click();
        }
    }

    // var text = $('.filter-option-inner-inner').text();

    // if (text == 'Nothing selected') $('.dropdown-menu.inner li').first().find('a').click();
});

$(document).on('change', '.content-box-wheels .select-manufacturer', function () {
    var value = $(this).val();
    // var id = $('option[value="' + value + '"]').data('id');
    var id = $(this).find(':selected').data('id');
    console.log(value);
    if (value.length > 1) {
        if (jQuery.inArray("d", value) != -1 && value.length == 2) {
            $('.content-box-wheels .select-manufacturer .dropdown-menu.inner li').first().find('a').click();
        } else if (jQuery.inArray("d", value) != -1 && value.length > 2) {
            $('.content-box-wheels .select-manufacturer .dropdown-menu.inner li.selected').find('a').click();
            $('.content-box-wheels .select-manufacturer .dropdown-menu.inner li').first().find('a').click();
        }
    }

    // var text = $('.filter-option-inner-inner').text();

    // if (text == 'Nothing selected') $('.dropdown-menu.inner li').first().find('a').click();
});

$(document).on('change', 'select[name="wheels-manufacturer[]"]', function () {
    // console.log('change');
    var value = $(this).val();
    // console.log('***');
    // console.log(value); 

    if (jQuery.inArray("eaz", value) != -1) {
        console.log("is in array");
    }
});




$("input[name='customerDataID']").on('click', function () {
    // in the handler, 'this' refers to the box clicked on
    var $box = $(this);
    if ($box.is(":checked")) {
        var group = "input:checkbox[name='" + $box.attr("name") + "']";
        $(group).prop("checked", false);
        $box.prop("checked", true);
    } else {
        $box.prop("checked", false);
    }
});


$(document).on('click', '.check-available-product span', function () {
    var pid = $(this).data('pid');
    $('.check-pid').val(pid);
    $('.container-check').fadeIn();
});
$(document).on('click', '.tires-search-loader', function (e) {
  
    $(this).val('');
    $(this).prev().removeClass('d-none');
    $(this).addClass('active');
   $('.tires-search').click();
  
});
$(document).on('click', '.search-formm-loader', function () {
    $(this).val('');
    $(this).prev().removeClass('d-none');
    $(this).addClass('active');
   $('.search-formm').click();
  
});


$(document).on('click', '.diffrentbtn .button', function () {
    $this = $(this);
   $('.diffrentbtn .button').removeClass('active');
   $(this).find('.loaderek').removeClass('d-none');
   $(this).find('span').html('');
   $(this).addClass('active');
   $('.part1.part2').addClass('gray');
    var type = $(this).data('type');
   
    if(type == 'back'){
       
        var val = $('.sizesSelect.back option:first').val();
    }
    if(type == 'front'){
       
        var val = $('.sizesSelect.front option:first').val();
    }

    var isback = 0;
    if($('.sizesSelect.back option:first').length > 0){
      var isback = 1;
    }

   $.ajax({
    type: "POST",
    url: "index.php",
    data: "ajax=przodTyl&type=" + type + "&isback=" + isback + "&val=" + val,
    success: function (data) {
        if (data.status) {
            if(type == 'back'){
                var type2 = 'tylnie';
                $this.find('span').html('opony na tył');

                $('.sizesSelect.front').addClass('d-none');
                $('.sizesSelect.back').removeClass('d-none');
            }
            if(type == 'front'){
                $this.find('span').html('opony na przód');
                var type2 = 'przednie';
                $('.sizesSelect.back').addClass('d-none');
                $('.sizesSelect.front').removeClass('d-none');
            }
            $('.part1.part2').removeClass('gray');
            $this.find('.loaderek').addClass('d-none');
            $('.row-content-listing').html(data.data);
            $('.search-count').html('Znaleziono '+'<span class="search-count-num">'+data.data2+'</span>'+'<span> opon</span>');
             $('.row-content-listing').data('offset', '25');
            //   $('.choosedTiresP').html('Wybrałeś opony '+type2+' '+val);
            $('.filterselect').html(data.data3);
        }
    },
    error: function (xhr, ajaxOptions, thrownError) {
        console.log(xhr);
        console.log(ajaxOptions);
        console.log(thrownError);
    },
    dataType: 'json'
});

});

$(document).on('change', '.sizesSelect', function (e) {
    lazyLoad();
    
    var id = $(this).find(':selected').data('size');
    var type =  $('.diffrentbtn .button.active').data('type');
    $('.part1.part2').addClass('gray');
    $('.diffrentbtn .button.active .loaderek').removeClass('d-none');
    $('.diffrentbtn .button.active span').html('');
    var val = $(this).val();
    if(type == 'back'){
        var type2 = 'tylnie';
     
    }
    if(type == 'front'){
        var type2 = 'przednie';
       
    }

    var isback = 0;
    if($('.sizesSelect.back option:first').length > 0){
      var isback = 1;
    }

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=sizesSelect" +
            "&id=" + id +
            "&val=" + val +
            "&isback=" + isback +
            "&type=" + type,

        success: function (data) {
        
            if (data.status) {
                $('.row-content-listing').data('offset', '25');
                $('.row-content-listing').html(data.data);
                $('.search-count').html('Znaleziono '+'<span class="search-count-num">'+data.data2+'</span>'+'<span> opon</span>');
                $('.part1.part2').removeClass('gray');
                if(type == 'back'){
                    $('.diffrentbtn .button.active .loaderek').addClass('d-none');
                    $('.diffrentbtn .button.active span').html('opony na tył');
                 
                }
                if(type == 'front'){
                    $('.diffrentbtn .button.active .loaderek').addClass('d-none');
                 $('.diffrentbtn .button.active span').html('opony na przód');
                   
                }
                $('.filterselect').html(data.data3);
                
                // $('.choosedTiresP').html('Wybrałeś opony '+type2+' '+val)
            }
            
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

});


        if ($('#sizes').length > 0) {
            let checkInterval = setInterval(function() {
                if ($('.sizesSelect.front').length > 0) {
        // Pobranie wartości pierwszego option
        let val = $('.sizesSelect.front option:first').val();
        // Zatrzymujemy interwał
        var isback = 0;
        if($('.sizesSelect.back option:first').length > 0){
          var isback = 1;
        }
       
        clearInterval(checkInterval);
    
      
        $.ajax({
            type: "POST",
            url: "index.php",
            data: "ajax=sizesSelectNow" +
                "&val=" + val +
                "&isback=" + isback,
    
            success: function (data) {
            
                if (data.status) {
                   
                    $('.row-content-listing').data('offset', '25');
                    $('.row-content-listing').html(data.data);
                    $('.search-count').html('Znaleziono '+'<span class="search-count-num">'+data.data2+'</span>'+'<span> opon</span>');
                    $('.part1.part2').removeClass('gray');
                    if($('.sizesSelect.back option:first').length > 0){
                        $('.diffrentbtn .part1').removeClass('hiddenpart');
                        $('.alert_przod_tyl').show();
                    }
                    $('.filterselect').html(data.data3);
                   
                    // $('.choosedTiresP').html('Wybrałeś opony '+type2+' '+val)
                }
                
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr);
                console.log(ajaxOptions);
                console.log(thrownError);
            },
            dataType: 'json'
        });
      
    }
    
}, 1000); // Interwał ustawiony na 1000ms, czyli 1 sekunda
        }




$(document).on('click', '.close-check-availability', function () {
    $('.container-check').fadeOut();
});

$(document).on('click', '.checkAvailability', function () {
    var ilosc = $('.check-ilosc').val();
    var email = $('.check-email').val();
    var pid = $('.check-pid').val();
    var grc = $('.g-recaptcha-response').val();

    if (ilosc == '' || email == '') {
        message('completeAllData', false);
    } else {
        $.ajax({
            type: "POST",
            url: "index.php",
            data: "ajax=checkAvailability&ilosc=" +
                ilosc +                
                "&email=" + email +
                "&pid=" + pid+
                "&g-recaptcha-response=" + grc,
            success: function (data) {
                msg(data);
                $('.container-check').fadeOut();
                $('.check-ilosc').val(' ');                
                $('.check-email').val(' ');
                $('.check-pid').val(' ');
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr);
                console.log(ajaxOptions);
                console.log(thrownError);
            },
            dataType: 'json'
        });
    }

});

$(document).on('change', '.compare', function () {
    var pid = $(this).data('pid');
    if ($(this).prop("checked") == true) {
        var action = 1;
    } else if ($(this).prop("checked") == false) {
        var action = 0;
    }

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=compare&pid=" +
            pid +
            "&action=" + action,
        success: function (data) {

            if (data.status) {
                $('.toogle-compare').addClass('open');
                $('.compareCount').html(data.data2);

                if (action == 0) {
                    $('.product-compare' + pid).remove();
                } else {
                    $('.compare-content').append(data.data);
                    $('.button-to-compare').removeClass('d-none');
                    $('.nothing-compare').remove();
                    $('#compareBox' + pid).attr('checked', 'checked');

                }

            } else {
                msg(data);
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

});

$(document).on('change', '.compare-wheels', function () {
    var pid = $(this).data('pid');
    if ($(this).prop("checked") == true) {
        var action = 1;
    } else if ($(this).prop("checked") == false) {
        var action = 0;
    }

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=compare-wheels&pid=" +
            pid +
            "&action=" + action,
        success: function (data) {
            $('.toogle-compare').addClass('open');
            $('.compareCount').html(data.data2);

            if (action == 0) {
                $('.product-compare' + pid).remove();
            } else {
                $('.compare-wheels-content').append(data.data);
                $('.button-to-compare').removeClass('d-none');
                $('.nothing-compare').remove();
                $('#compareBox' + pid).attr('checked', 'checked');
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log('err');
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

});
$(document).on('change', '.compare-aku', function () {
    var pid = $(this).data('pid');
    if ($(this).prop("checked") == true) {
        var action = 1;
    } else if ($(this).prop("checked") == false) {
        var action = 0;
    }

    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=compare-aku&pid=" +
            pid +
            "&action=" + action,
        success: function (data) {
            $('.toogle-compare').addClass('open');
            $('.compareCount').html(data.data2);

            if (action == 0) {
                $('.product-compare' + pid).remove();
            } else {
                $('.compare-aku-content').append(data.data);
                $('.button-to-compare').removeClass('d-none');
                $('.nothing-compare').remove();
                $('#compareBox' + pid).attr('checked', 'checked');
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log('err');
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

});


$(document).on('click', '.sendPhone', function () {
    var phone = $('.phone-number-to-send').val();
    if (checkPhoneNumber(phone)) {
        $('.sendPhone').addClass('accept');
        $('.capcha-box').addClass('d-flex');
        $('.capcha-box').removeClass('d-none');
    } else {
        var data = {};
        data.status = false;
        data.msg = 'Niepoporawy numer telefonu';
        msg(data);
    }
});

$(document).on('click', '.sendPhone.accept', function () {
    var phone = $('.phone-number-to-send').val();
    var captcha = $('#captcha').val();

    if (checkPhoneNumber(phone)) {
        $.ajax({
            type: "POST",
            url: "index.php",
            data: "ajax=sendPhone&phone=" +
                phone +
                "&captcha=" + captcha,
            success: function (data) {
                msg(data);
                // console.log(data);
                if (data.status) {
                    $('.phone-number-to-send').val('');
                    $('#captcha').val('');
                    $('.capcha-box').addClass('d-none');
                    $('.capcha-box').removeClass('d-flex');
                    $('.sendPhone').removeClass('accept');
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log('err');
                console.log(xhr);
                console.log(ajaxOptions);
                console.log(thrownError);
            },
            dataType: 'json'
        });
    } else {
        var data = {};
        data.status = false;
        data.msg = 'Niepoporawy numer telefonu';
        msg(data);
    }
});

$(document).on('click', '.call-back-form-down', function () {
    $('.hamburger').click();
    goTo('.call-back', 400, -200);
});

$(document).on('click', '.form-phone-icon', function () {
    // $('.form-phone').removeClass('d-none');

    if ($('.form-phone').hasClass('show')) {
        $('.form-phone').removeClass('show');
    } else {
        $('.form-phone').addClass('show');
    }

});

$(document).on('click', '.sendPhoneRight', function () {
    var phone = $('.form-phone .phone-number-to-send').val();
    if (checkPhoneNumber(phone)) {
        $('.form-phone').addClass('open');
        $('.form-phone .sendPhoneRight').addClass('accept');
        $('.form-phone .capcha-box').addClass('d-block');
        $('.form-phone .capcha-box').removeClass('d-none');
    } else {
        var data = {};
        data.status = false;
        data.msg = 'Niepoporawy numer telefonu';
        msg(data);
    }
});

$(document).on('click', '.sendPhoneRight.accept', function () {
    var phone = $('.form-phone .phone-number-to-send').val();
    var captcha = $('.form-phone #captcha').val();

    if (checkPhoneNumber(phone)) {
        $.ajax({
            type: "POST",
            url: "index.php",
            data: "ajax=sendPhone&phone=" +
                phone +
                "&captcha=" + captcha,
            success: function (data) {
                msg(data);
                // console.log(data);
                if (data.status) {
                    $('.form-phone .phone-number-to-send').val('');
                    $('.form-phone #captcha').val('');
                    $('.form-phone .capcha-box').addClass('d-none');
                    $('.form-phone .capcha-box').removeClass('d-block');
                    $('.form-phone .sendPhoneRight').removeClass('accept');
                    $('.form-phone').addClass('d-none');
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log('err');
                console.log(xhr);
                console.log(ajaxOptions);
                console.log(thrownError);
            },
            dataType: 'json'
        });
    } else {
        var data = {};
        data.status = false;
        data.msg = 'Niepoporawy numer telefonu';
        msg(data);
    }
});


$(document).on('click', '.show-compare', function () {
    $('.toogle-compare').addClass('open');
});

$(document).on('click', '.close-compare', function () {
    $('.toogle-compare').removeClass('open');
});

$(document).on('click', '.call-back-icon', function (e) {
    e.preventDefault();
    goTo($(this).attr('href'));
});

// $(document).on('click', 'ul a[data-id="132"], ul a[data-id="139"]', function (e) {
$(document).on('click', 'ul a[data-id="139"]', function (e) {
    e.preventDefault();
    window.location = 'umow-wizyte';
});

$(document).on('click', '.button-change-params', function (e) {
    goTo('.container-slider');
});

$(window).scroll(function () {
    changeMenu();
});

$(window).resize(function () {
    setAllHeight();
    changeMenu();
});

function changeMenu() {
    var top = $(window).scrollTop();
    var windowWidth = $(window).width();
    if (windowWidth > 1370 && top > 100) {
        if (!$('.container-menu').hasClass('scrol')) {
            $('.container-menu').addClass('scroll');
        }
    } else if (windowWidth > 1370 && top <= 100) {
        $('.container-menu').removeClass('scroll');
    }

    if (windowWidth <= 1370) {
        if (!$('.container-menu').hasClass('scrol')) {
            $('.container-menu').addClass('scroll');
        }
    }

    if (windowHeight < 400) {
        $('.container-check-order .container').css('height', '100vh');
        $('.container-check-order .container').css('overflow-y', 'scroll');
    }


    var windowHeight = $(window).height();
    var windowInnerHeight = $(window).innerHeight();

}


function setNewHeight(heightDiv, handle) {
    if ($(handle).length == 0) return null;

    var wW = $(window).width();
    var newH = (wW * heightDiv) / 1920;

    $(handle).css('height', newH + 'px');
}


function setAllHeight() {
    windowW = $(window).width();

    if (windowW > 992 && windowW < 1800) {
        setNewHeight(690, '.product-slider #carousel .carousel-inner .item');
        setNewHeight(144, '.product-slider #thumbcarousel .item .thumb');
    } else if (windowW <= 991 && windowW > 575) {
        setNewHeight(800, '.product-slider #carousel .carousel-inner .item');
        setNewHeight(200, '.product-slider #thumbcarousel .item .thumb');
    } else if (windowW <= 575) {
        setNewHeight(1200, '.product-slider #carousel .carousel-inner .item');
        setNewHeight(350, '.product-slider #thumbcarousel .item .thumb');
    }
}

function lazyLoad() {
    // var sort = $('.filterselect').val();
    
    $('.lazy-box').each(function () {
        // console.log('asd');
        if ($(this).offset().top < window.innerHeight + window.pageYOffset + 300) {
            // console.log('asd2');
            // $(this).attr('src', $(this).data('src'));
            $(this).removeClass('lazy-box');
            // var offset = parseInt($('.row-content-listing').data('offset'));
            // var newoffset = offset + 25;
            
            // console.log(offset);
            // console.log(newoffset);

            // var isback = 0;
            // if($('.sizesSelect.back option:first').length > 0){
            // var isback = 1;
            // }
           $('.row-content-listing').append('<div class="w-100 button loadmoreproducts">wczytaj więcej</div>');
            // $.ajax({
            //     type: "POST",
            //     url: "index.php",
            //     data: "ajax=getMoreProduct&offset=" + offset + "&sort=" + sort + "&isback=" + isback,
            //     success: function (data) {
            //         $('.row-content-listing').data('offset', newoffset);
            //         $('.row-content-listing').append(data.data);

            //         if ($('[data-toggle="tooltip"]').length > 0) {
            //             $('[data-toggle="tooltip"]').tooltip()
            //         }

            //         // console.log(data);

            //     },
            //     error: function (xhr, ajaxOptions, thrownError) {
            //         console.log('err');
            //         console.log(xhr);
            //         console.log(ajaxOptions);
            //         console.log(thrownError);
            //     },
            //     dataType: 'json'
            // });

        }
    })
};
$(document).on('click', '.loadmoreproducts', function () {
    var $this = $(this);
    var sort = $('.filterselect').val();

    var offset = parseInt($('.row-content-listing').data('offset'));
    var newoffset = offset + 25;

    var isback = 0;
    if($('.sizesSelect.back option:first').length > 0){
    var isback = 1;
    }
    $(this).html('Ładowanie produktów...');
    
    
    $.ajax({
        type: "POST",
        url: "index.php",
        data: "ajax=getMoreProduct&offset=" + offset + "&sort=" + sort + "&isback=" + isback,
        success: function (data) {
            $('.row-content-listing').data('offset', newoffset);
            $('.row-content-listing').append(data.data);
            $this.hide();
            if ($('[data-toggle="tooltip"]').length > 0) {
                $('[data-toggle="tooltip"]').tooltip()
            }

            // console.log(data);

        },
        error: function (xhr, ajaxOptions, thrownError) {
            console.log('err');
            console.log(xhr);
            console.log(ajaxOptions);
            console.log(thrownError);
        },
        dataType: 'json'
    });

});

function readyClick() {
    $('.dropdown-toggle').click();
}

$(document).on('scroll', function () {
    lazyLoad();
    if (windowWidth < 575 && $('body').hasClass('searchBody')) {
        var top = $(window).scrollTop();
        var sliderHeight = $('.container-slider').height();

        if (top > sliderHeight) {
            if ($('.button-change-params').hasClass('d-none')) {
                $('.button-change-params').removeClass('d-none');
            }
        } else {
            $('.button-change-params').addClass('d-none')
        }
    }

    
});

$(window).on('load', function () {
    // $('.container-loader').fadeOut(400);

    if (windowWidth < 575 && $('body').hasClass('searchBody')) {
        goTo('.container-listing', 'fast', 60);
    }
});

$(window).on('resize', function () {
    setAllHeight();
});


function setNewHeight(heightDiv, handle) {
    if ($(handle).length == 0) return null;

    var wW = $(window).width();
    var newH = (wW * heightDiv) / 1920;

    $(handle).css('height', newH + 'px');
}


function setAllHeight() {
    console.log('st');
    
    windowW = $(window).width();

    if (windowW > 1200) setNewHeight(400, '.container-slider-bottom .item');
    else if (windowW > 575 && windowW <= 1200) {
        setNewHeight(400, '.container-slider-bottom .item');
    } else if (windowW <= 575) {
        setNewHeight(400, '.container-slider-bottom .item');
    }
}

function pickerAction(){
    // console.log('pickeraction');
    var availa_box = $('.box.active').data('availatime');
    if( $('.makeVisit').attr('data-sms') == '1') {
        // console.log('sms box');
        var minDatevr = moment().startOf('day').add(0, 'day');
       
    } else {
        if($('.box.active').data('id') == '2'){
            // console.log('box2');
            // var count = 5;
            // //Add the 2 days of weekend in numer of days .
            // var d = new Date();
            // // console.log(d);
            // count = count + (parseInt(count/5))*2;
            // d.setDate(d.getDate() +count);
            // //suppose its ending on weekend day then increment them manually
            // if(d.getDay()>5) {  d.setDate(d.getDate()+ (d.getDay()-5)) ; } 
            // var minDatevr = d; 
            if(availa_box == 5){
                var minDatevr = moment().startOf('day').add(4, 'day');
            } 
            else {
                var minDatevr = moment().startOf('day').add(4, 'day');
            }
           
        }
        else {
            // console.log('nie box 2');
            if(availa_box == 5){
                var minDatevr = moment().startOf('day').add(4, 'day');
            }
            else if (availa_box == 3){
                var minDatevr = moment().startOf('day').add(3, 'day');
            }
            else {
                if($('.box.active').data('id') == '1'){
                    var minDatevr = moment().startOf('day').add(2, 'day');
                }
                else if($('.box.active').data('id') == '5'){
                    var minDatevr = moment().startOf('day').add(3, 'day');
                }
                else {
                    var minDatevr = moment().startOf('day').add(2, 'day');
                }
               
            }
            
        }
           
        
       
    }
   
   // Sprawdzenie wartości data-id aktywnego elementu
var isActiveBoxId5 = $('.box.active').data('id') == '5';

if(!$('.container-visit').hasClass('saturday_active')){
 
     var isActiveBoxId5 = false;
   
}

// Konfiguracja Lightpick z uwzględnieniem warunku
 picker = new Lightpick({
    field: document.getElementById('datepicker'),
    inline: true,
    disableWeekends: isActiveBoxId5 ? false : true, // Zmieniamy na podstawie warunku
    disableDates: isActiveBoxId5 ? getDisabledSundays(moment().year()) : [], // Zmieniamy na podstawie warunku
    maxDate: moment().endOf('month').subtract(7, 'day'),
     
        locale: {
            buttons: {
                prev: '<img src="image/template/left-down.png" alt="<" class="lightpick__previous-action" >',
                next: '<img src="image/template/right-down.png" alt=">" class="lightpick__next-action">',
            },
        },
        dropdowns: {
            years: false,
            months: false
        },

        
        // minDate: moment().startOf('day').add(minDatevr, 'day'),
        minDate: minDatevr,
        maxDate: moment().startOf('day').add(365, 'day'),
        // maxDate: moment().startOf('month').add(2, 'month'),
        format: 'YYYY-MM-DD',
        onSelect: function (start, end) {
            $('.loader-callendar').css('display', 'flex');
            $('.checkrow').css('display', 'none');
            $('.checkmainrow').css('display', 'flex');
            var day = start.format('YYYY-MM-DD');
            var place = $('input[name="place"]:checked').val();
            
            $.ajax({
                type: "POST",
                url: "index.php",
                data: "ajax=checkReservationHour&place=" +
                    place +
                    "&day=" + day,
                success: function (data) {
                  // if(empty(data.data)) message("Niestety wszystkie godziny danego dnia są zajete! Wybierz inny!",false);
                    $('select[name="hour"]').html(data.data);
                    setTimeout(() => {
                        $('.loader-callendar').css('display', 'none');
                    }, 200);
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    console.log(xhr);
                    console.log(ajaxOptions);
                    console.log(thrownError);
                },
                dataType: 'json'
            });
        }
    });


    // picker.setDate(moment().startOf('day').add(3, 'day'));

    $newDate = moment().startOf('day').add(2, 'day').format('D');

    var aTags = $('.lightpick__day');
    var searchText = $newDate;
    var found;

    for (var i = 0; i < aTags.length; i++) {
        // console.log('--------');
        // console.log(searchText);
        // console.log(aTags[i].textContent);
        if (aTags[i].textContent == searchText) {
            found = aTags[i];
            break;
        }
    }

   console.log(found.className);

    if (found.className.includes('is-disabled')) {

        $newDate = moment().startOf('day').add(3, 'day').format('DD');
        var searchText = $newDate;
        var found = '';
        for (var i = 0; i < aTags.length; i++) {
            if (aTags[i].textContent == searchText) {
                found = aTags[i];
                break;
            }
        }

        if (found.className.includes('is-disabled')) {
            $newDate = moment().startOf('day').add(4, 'day').format('DD');
            var searchText = $newDate;
            var found = '';
            for (var i = 0; i < aTags.length; i++) {
                if (aTags[i].textContent == searchText) {
                    found = aTags[i];
                    break;
                }
            }
            if (found.className.includes('is-disabled')) {
                $newDate = moment().startOf('day').add(5, 'day').format('DD');
                var searchText = $newDate;
                var found = '';
                for (var i = 0; i < aTags.length; i++) {
                    if (aTags[i].textContent == searchText) {
                        found = aTags[i];
                        break;
                    }
                }

            } else {
                picker.setDate(moment().startOf('day').add(4, 'day'));
            }


        } else {
            picker.setDate(moment().startOf('day').add(3, 'day'));
        }

    } else {
        picker.setDate(moment().startOf('day').add(2, 'day'));
    }

}

function getDisabledSundays(year) {
    const sundays = [];
    const date = moment([year, 0, 1]); // Zaczynamy od pierwszego dnia roku
    while (date.isoWeekday() !== 7) {
        date.add(1, 'day'); // Szukamy pierwszej niedzieli
    }
    while (date.year() === year) {
        sundays.push(date.clone()); // Dodajemy każdą niedzielę do listy
        date.add(7, 'days'); // Przesuwamy się do kolejnej niedzieli
    }
    return sundays.map(day => day.format('YYYY-MM-DD'));
}

$(document).ready(function () {
    setAllHeight();
    if (windowWidth < 575 && $('body').hasClass('searchBody')) {
        $('.button-change-params').removeClass('d-none')
    }

    // $('select[name="width"] option[value="205"]').addClass('aaa');
    // $('select[name="width"] option[value="205"]').click();




    // setTimeout(() => {
    $('.container-loader').fadeOut(900);
    // }, 100);
    // setTimeout(() => {
    // $('select[name="width"] option[value="215"]').click();
    // $('select[name="width"] option[value="215"]').addClass('bbb');

    // $('.first-element .dropdown-menu.inner li a .text').addClass('bbb');
    // console.log($('.first-element .dropdown-menu.inner li a .text'));
    // $('.first-element .dropdown-menu.inner li a .text').addClass('bbb');
    // $value = 0;
    // $valueProfil = 0;
    // $valueDiameter = 0;

    // $('.select-tire-width .dropdown-menu.inner li').each(function () {
    //     $value = $(this).children('a').children('.text').html();
    //     // console.log('******' + $value);
    //     if ($value == '205') {
    //         $(this).children('a').click();
    //         // $(this).children('a').click(function(){

    //         //     console.log('//////////jest');
    //         // });
    //         // console.log('jest');
    //         setTimeout(() => {
    //             $('.select-tire-profil .dropdown-menu.inner li').each(function () {
    //                 $valueProfil = $(this).children('a').children('.text').html();
    //                 // console.log('&&&&&&' + $valueProfil);

    //                 if ($valueProfil == '55') {
    //                     $(this).children('a').click();
    //                     setTimeout(() => {
    //                         $('.select-tire-diameter .dropdown-menu.inner li').each(function () {
    //                             $valueDiameter = $(this).children('a').children('.text').html();
    //                             // console.log('---------' + $valueDiameter);
    //                             if ($valueDiameter == 'R16') {
    //                                 $(this).children('a').click();
    //                             }
    //                         })
    //                     }, 500);
    //                 }

    //             })

    //         }, 400);
    //     }

    // })

    // }, 400);
    function animateValue(obj, start, end, duration) {
        let startTimestamp = null;
        const step = (timestamp) => {
          if (!startTimestamp) startTimestamp = timestamp;
          const progress = Math.min((timestamp - startTimestamp) / duration, 1);
          obj.innerHTML = Math.floor(progress * (end - start) + start);
          if (progress < 1) {
            window.requestAnimationFrame(step);
          }
        };
        window.requestAnimationFrame(step);
      }
      if($('#counterVal1').length > 0){
          var val = $('#counterVal1').data('val');
        const obj1 = document.getElementById("counterVal1");
        animateValue(obj1, 0, val, 5000);
      }
      if($('#counterVal2').length > 0){
        var val = $('#counterVal2').data('val');
        const obj2 = document.getElementById("counterVal2");
        animateValue(obj2, 0, val, 5000);
      }
      if($('#counterVal3').length > 0){
        var val = $('#counterVal3').data('val');
        const obj3 = document.getElementById("counterVal3");
        animateValue(obj3, 0, val, 5000);
      }


});