let SITE_TEMPLATE_PATH = '/bitrix/templates/shop';

function modal_menu__open(){
    $('body').addClass('menu-opened');
}

function modal_menu__close(){
    $('body').removeClass('menu-opened');
}


    // Выбор города
    function modal_city_change__open(){
        $('.modal-custom-screen').addClass('active');

        setTimeout(function(){
            $('.modal-custom-screen').addClass('active-transition');
        }, 10);

        setTimeout(function(){
            $('.modal-custom-screen').addClass('active-visible');
        }, 20);

        setTimeout(function(){
            $('.modal-city-change').addClass('active');
        }, 50);
    }


    function modal_city_change_first__close(){
        $('.modal-city-change-first').removeClass('active');

        setTimeout(function(){
            $('.modal-custom-screen-first').removeClass('active-visible');
        }, 10);

        setTimeout(function(){
            $('.modal-custom-screen-first').removeClass('active-transition');
        }, 200);

        setTimeout(function(){
            $('.modal-custom-screen-first').removeClass('active');
        }, 250);
    }


$(window).on('load', function(){
setTimeout(function(){
    let ymaps_geolocation_city = ymaps.geolocation.city;
    console.log(ymaps_geolocation_city);

    $('.page-test-cityname').text('Ваш город: ' + ymaps_geolocation_city);

    $('.modal-city-change-first-cityname').text(ymaps_geolocation_city);
    $('.modal-city-change-first-cityname').attr('data-value', ymaps_geolocation_city);

    // modal_city_change_first__open();


    $('.modal-city-change-first-question-buttons a[data-id="no"]').on('click', function(e){
        e.preventDefault();

        modal_city_change_first__close();
        modal_city_change__open();
    });




    $('.modal-city-change-first-question-buttons a[data-id="yes"]').on('click', function(e){
        e.preventDefault();

        let city_name_cl = $('.modal-city-change-first-cityname').attr('data-value');


        $('.modal-city-change-first-step2-content').html('');
        let i = 0;
        $('.modal-city-change .modal-city-change-list-item[data-name-cl="' + city_name_cl + '"]').each(function(){
            $(this).clone(true).appendTo('.modal-city-change-first-step2-content');
            ++i;
        });

        if( i == 1 ){
            $('.modal-city-change-first-step2-content .modal-city-change-list-item').trigger('click');
        }

        if( i == 0 ){
            modal_city_change__open();
        }



        $('.modal-city-change-first-question').hide(300);
        $('.modal-city-change-first-step2').show(300);
    });



    $('.modal-city-change-first-step2-back').on('click', function(e){
        e.preventDefault();

        $('.modal-city-change-first-step2').hide(300);
        $('.modal-city-change-first-question').show(300);
    });

}, 300);
});


$('.modal-city-change-first-question-buttons a[data-id="no"]').on('click', function(e){
    e.preventDefault();

    modal_city_change_first__close();
    modal_city_change__open();
});


$(document).ready(function(){

    // let siteUrl = window.location.hostname;
    let city_selection__flag2 = localStorage.getItem('city_selection__flag2');

    // if( !city_selection__flag2  &&  siteUrl == 'kingstore.link' ){
    // if( !city_selection__flag2 ){
    if( +city_selection__flag2 != 1 ){
        // $('.topbar-location[href="#modal-city-change"]').trigger('click');
        modal_city_change_first__open();
        localStorage.setItem('city_selection__flag2', 1);
    }


    // $('.modal-city-change-list-item').on('click', function(e){
    //     localStorage.setItem('city_selection__flag2', '1');
    // });


    $('.modal_city_change_first__open_button').on('click', function(e){
        e.preventDefault();

        modal_city_change_first__open();
    });

    $('.modal_city_change_first__localstorage_clear').on('click', function(e){
        e.preventDefault();

        localStorage.removeItem('city_selection__flag2');
    });

});



function modal_city_change_first__open(){
    $('.modal-custom-screen-first').addClass('active');

    setTimeout(function(){
        $('.modal-custom-screen-first').addClass('active-transition');
    }, 10);

    setTimeout(function(){
        $('.modal-custom-screen-first').addClass('active-visible');
    }, 20);

    setTimeout(function(){
        $('.modal-city-change-first').addClass('active');
    }, 50);
}

$('.topbar-location').on('click', function(e){
    e.preventDefault();

    modal_city_change__open();
});


$('.modal-custom-screen, .modal-city-change-close, .modal-city-change-list-item').on('click', function(e){
    e.preventDefault();

    modal_city_change__close();
});



// Выбор города
function modal_city_change__open(){
    $('.modal-custom-screen').addClass('active');

    setTimeout(function(){
        $('.modal-custom-screen').addClass('active-transition');
    }, 10);

    setTimeout(function(){
        $('.modal-custom-screen').addClass('active-visible');
    }, 20);

    setTimeout(function(){
        $('.modal-city-change').addClass('active');
    }, 50);
}



function modal_city_change__close(){
    $('.modal-city-change').removeClass('active');

    setTimeout(function(){
        $('.modal-custom-screen').removeClass('active-visible');
    }, 10);

    setTimeout(function(){
        $('.modal-custom-screen').removeClass('active-transition');
    }, 200);

    setTimeout(function(){
        $('.modal-custom-screen').removeClass('active');
    }, 250);
}


// Проверяем, было ли уже показано сообщение
if (!getCookie('cookie_note_shown')) {
    // Показываем блок
    $('#cookie_note').show();
}


if (!getCookie('cookie_city')) {
  $('.topbar-city').slideToggle(300);
}


$('.city_list a, .topbar-search-city-close').click(function(e) {
    setCookie('cookie_city', '1', 1);

});
    // При нажатии на ссылку с классом "cookie_accept"
    $('.cookie_accept, .close_cookie_accept').click(function(e) {
        e.preventDefault(); // Предотвращаем действие по умолчанию (переход по ссылке)

        // Закрываем блок
        $('#cookie_note').hide();

        // Устанавливаем куку на 1 день
        setCookie('cookie_note_shown', '1', 1);
    });

    // Функция для установки куки с заданным именем, значением и сроком жизни в днях
    function setCookie(name, value, days) {
        var expires = "";
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/; domain=.app-zone.ru";
    }

    // Функция для получения значения куки по имени
    function getCookie(name) {
        var nameEQ = name + "=";
        var cookies = document.cookie.split(';');
        for(var i = 0; i < cookies.length; i++) {
            var cookie = cookies[i];
            while (cookie.charAt(0) == ' ') {
                cookie = cookie.substring(1, cookie.length);
            }
            if (cookie.indexOf(nameEQ) == 0) {
                return cookie.substring(nameEQ.length, cookie.length);
            }
        }
        return null;
    }


$('.topbar-ico-menu, .ico-menu-close').on('click', function(e){
    e.preventDefault();

    if( !$('body').hasClass('menu-opened') ){
        modal_menu__open();
    } else {
        modal_menu__close();
    }
});

$('.openrow').on('click', function(e){
    e.preventDefault();

    $('.d-tr').removeClass('active');
    $(this).parent().addClass('active');
});

$(window).on('keydown', function(e){
    if( e.keyCode == 27 ){
        modal_menu__close();
    }
});

$('.ico-menu-modal-close').on('click', function(e){
    e.preventDefault();

    modal_menu__close();
});




$('input[type="checkbox"].custom').each(function(i){
    $(this).attr('id', 'custom-checkbox-' + i);
    $(this).after('<label class="checkbox" for="' + 'custom-checkbox-' + i + '"></label>');
});

$('input[type="radio"].custom').each(function(i){
    $(this).attr('id', 'custom-radio-' + i);
    $(this).after('<label class="radio" for="' + 'custom-radio-' + i + '"></label>');
});









// плавный скролл на якорь
$("a.scroll").click(function (e) {
    e.preventDefault();
    var elementClick = $(this).attr("href")
    var destination = $(elementClick).offset().top;
    jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination - 120}, 800);

});




// маска для телефона
jQuery(function($){
    $('input[name="tel"]').mask("+7 (999) 999 99 99");
    $('input[name="from-tel"]').mask("+7 (999) 999 99 99");
    $('input[name="to-tel"]').mask("+7 (999) 999 99 99");
});







function swiper_my(swiper_el) {
    let id = $(swiper_el).attr('data-id');
    let delay = $(swiper_el).attr('data-delay');
        delay = delay ? delay : 999999;
    let slidesPerView = $(swiper_el).attr('data-slidesPerView');
        slidesPerView = slidesPerView ? slidesPerView : 1;
    let breakpoints = {};
    let spaceBetween = $(swiper_el).attr('data-spaceBetween');
    let loop = $(swiper_el).attr('data-loop');

    if( slidesPerView == '1' ) {
        breakpoints = {
            1: {
                slidesPerView: 1,
                // spaceBetween: 0,
                spaceBetween: spaceBetween ? spaceBetween : 0,
            },
        }
    }
    else if ( slidesPerView == '2' ) {
        breakpoints = {
          1: {
              slidesPerView: 'auto',
              spaceBetween: 15,
              // spaceBetween: spaceBetween ? spaceBetween : 15,
          },
          768: {
              slidesPerView: 2,
              spaceBetween: spaceBetween ? spaceBetween : 0,
          },
          1100: {
              slidesPerView: slidesPerView,
              spaceBetween: spaceBetween ? spaceBetween : 0,
          }
        }
    }
    else if ( slidesPerView == '3' ) {
        breakpoints = {
            1: {
                slidesPerView: 3,
                spaceBetween: 15,
                // spaceBetween: spaceBetween ? spaceBetween : 15,
            },
            1200: {
                slidesPerView: 3,
                spaceBetween: spaceBetween ? spaceBetween : 0,
            }
        }
    }
    else if ( slidesPerView == '4' ) {
        breakpoints = {
            1: {
                slidesPerView: 'auto',
                spaceBetween: 15,
                // spaceBetween: spaceBetween ? spaceBetween : 15,
            },
            768: {
                slidesPerView: 3,
                spaceBetween: spaceBetween ? spaceBetween : 0,
            },
            1100: {
                slidesPerView: slidesPerView,
                spaceBetween: spaceBetween ? spaceBetween : 0,
            }
        }
    }
    else {
        breakpoints = {
            1: {
                slidesPerView: slidesPerView,
                // spaceBetween: 16,
                spaceBetween: spaceBetween ? spaceBetween : 0,
            },
        }
    }






    let swiper = new Swiper(swiper_el, {
        loop: loop,
        autoplay: {
            delay: delay,
        },
        spaceBetween: 0,
        mousewheelControl: true,
        pagination: {
            el: '.swiper-nav[data-id="' + id + '"] .pagination',
            type: 'bullets',
            clickable: true,
        },

        breakpoints: breakpoints,
        on: {
        slideChange: function () {

            if (swiper.isBeginning) {
                navPrev.addClass('disabled');
            } else {
                navPrev.removeClass('disabled');
            }

            if (swiper.isEnd) {
                navNext.addClass('disabled');
            } else {
                navNext.removeClass('disabled');
            }
        }
    }
    });


    let navPrev = $('.swiper-nav[data-id="' + id + '"] a[data-id="left"]');
    let navNext = $('.swiper-nav[data-id="' + id + '"] a[data-id="right"]');

    navPrev.on('click', function(e){
        e.preventDefault();
        swiper.slidePrev();
    });

    navNext.on('click', function(e){
        e.preventDefault();
        swiper.slideNext();
    });

}



$('.swmain').each(function(){
     swiper_my(this);
});



$('.page-catalog-list').infiniteScroll({
  path: '.pagination__next',
  append: '.page-catalog-list .product-card ',
  button: '.view-more-button',
  scrollThreshold: false,
});

$('.man .manufaktured_line').infiniteScroll({
  path: '.man .pagination__next',
  append: '.manufaktured_line .manufaktured_line_item',
  button: '.view-more-button',
  scrollThreshold: false,
});


$('.page-blog-content .block-blog-list').infiniteScroll({
  path: '.pagination__next',
  append: '.page-blog-content .block-blog-list-item ',
  button: '.view-more-button',
  scrollThreshold: false,
});

$('.page-blog-content .block-blog-list').infiniteScroll({
  path: '.pagination__next',
  append: '.page-blog-content .block-blog-list-item ',
  button: '.view-more-button',
  scrollThreshold: false,
});



function sw_progressbar( id ){
    // let id = 'block-compilation-slider';


    let swiper_el = '.sw[data-id="' + id + '"]';

    let slidesPerView = $(swiper_el).attr('data-slidesPerView');
    slidesPerView = slidesPerView  ?  slidesPerView  :  4;

    let slidesPerView_mobile = $(swiper_el).attr('data-slidesPerView-mobile');
    slidesPerView_mobile = slidesPerView_mobile  ?  slidesPerView_mobile  :  2;


    if( $(swiper_el + ' .swiper-pagination').length == 0 ){
        let nav = `
            <div class="swiper-pagination"></div>
            <div class="swiper-nav" data-id="${id}">
                <a href="#" data-id="left"></a>
                <a href="#" data-id="right"></a>
            </div>
        `;

        $(swiper_el).append( nav );
    }


    let swiper = new Swiper(swiper_el, {
        slidesPerView: slidesPerView,
        spaceBetween: 0,
        loop: true,
        // loop: false,
        autoplay: {
            delay: 7000,
        },
        mousewheelControl: true,
        pagination: {
            el: '.swiper-pagination',
            type: 'progressbar',
            clickable: true,
        },

        breakpoints: {
            1: {
                slidesPerView: slidesPerView_mobile,
            },
            661: {
                slidesPerView: slidesPerView,
            },
        }
    });


    let navPrev = $('.swiper-nav[data-id="' + id + '"] a[data-id="left"]');
    let navNext = $('.swiper-nav[data-id="' + id + '"] a[data-id="right"]');

    navPrev.on('click', function(e){
        e.preventDefault();
        swiper.slidePrev();
    });

    navNext.on('click', function(e){
        e.preventDefault();
        swiper.slideNext();
    });
}



$('.sw[data-type="progressbar"]').each(function(){
    let id = $(this).attr('data-id');
    sw_progressbar( id );
});



$('.topbar-search-show').on('click', function(e){
    setTimeout(() => {
        swiper_my('.swsearchmain');
    }, 0);
});




$(window).on('load resize', function(){
    $('.slider-product-cards-v2-left').each(function(){
        let height = $(this).parents('.slider-product-cards-v2').find('.sw .swiper-wrapper').height();
        $(this).height( height );
        $(this).css({
            'height': height + 'px'
        });
    });
});







$(document).ready(function(){


  $('.questation_list_item').on('click', function(e){
    $('.questation_list_item').removeClass('active');
    $(this).addClass('active');
  });



if ($('#loadmaincontent').length){
  loadmainitems(9);
}


    $('.block-compilation-head-item').on('click', function(e){
        e.preventDefault();

        $('.block-compilation-head-item').removeClass('active');
        $(this).addClass('active');


      $('.block-compilation-btn a').attr('href', $(this).data('url'));

loadmainitems($(this).data('cat'));
    });

    function loadmainitems(id){
      let formData = {
          cat:id
      };

      $.ajax({
          type: 'POST',
          url: '/ajax/ajaxActions.php',
          headers: {
              'Accept': 'application/json'
          },
          data: formData,
          enctype: 'multipart/form-data',
          success: function (data) {

$('#loadmaincontent').html(data);


searchItemchangeBTN()
searchaddfavorites();

          },
          error: function(data){
              // console.log('Error:' + data);
          }
      });
    }


});




$('body').on('click', '.view-more-button', function(e) {

  $('.pagination, .button-show-more__info').hide();

    setTimeout(() => {
        searchItemchangeBTN();
        searchaddfavorites();

    }, 500);
});
















$('.spoiler-link').on('click', function(e){
    e.preventDefault();

    let itemRoot = $(this).parents('.spoiler-item');

    if( itemRoot.hasClass('active') ){
        itemRoot.removeClass('active');
        itemRoot.find('.spoiler-body').hide(300);
    } else {
        itemRoot.addClass('active');
        itemRoot.find('.spoiler-body').show(300);
    }
});






$('.special-spoiler-item__title').on('click', function(e){
    e.preventDefault();

    if( $(this).parents('.block').hasClass('services-spoilers')  &&  $(this).parents('.special-spoiler-item').hasClass('active') ){
        return false;
    }

    let wrapper = $(this).parents('.special-spoiler-item');

    if( !wrapper.hasClass('active') ){
        $('.special-spoiler-item').each(function(){
            $(this).removeClass('active');
            $(this).find('.special-spoiler-item__body').hide(300);
        });

        wrapper.addClass('active');
        wrapper.find('.special-spoiler-item__body').show(300);
    } else {
        wrapper.removeClass('active');
        wrapper.find('.special-spoiler-item__body').hide(300);
    }

});










$('.formcallback').on('click', function(e){
  e.preventDefault();
  $.fancybox.open( $('#callback') );
});

$('.formvopros').on('click', function(e){
  e.preventDefault();
  $.fancybox.open( $('#vopros') );
});



$('form .submit').on('click', function(e){
    e.preventDefault();

    if( $(this).hasClass('disable') ){
        return false;
    }

    $(this).parents('form').submit();
});


$('form').on('submit', function(e){
    e.preventDefault();

    let form = $(this);
    let thx = form.find('[name="thx"]').val();
    let error = false;

    form.find('.required').each(function(){
        if( $(this).val().length == 0 ){
            error = true;
            $(this).addClass('error');
        } else {
            $(this).removeClass('error');
        }
    });



    if( form.find('[name="privacy-policy"]').prop('checked') == false ){
        error = true;
        form.find('[name="privacy-policy"]').addClass('error');
    } else {
        form.find('[name="privacy-policy"]').removeClass('error');
    }




    if(error == false){
        let formData = new FormData( $(this)[0] );
        formData.append('action', 'smtp_send_email');

        $.ajax({
            async: false,
            type: 'POST',
            // url: SITE_TEMPLATE_PATH + '/js/send-mail-smtp.php',
            url: '/ajax/otherActions.php',
            headers: {
                'Accept': 'application/json'
            },
            data: formData,
            enctype: 'multipart/form-data',
            processData: false,
            contentType: false,
            cache: false,
            beforeSend: function (data) {
                // console.log(data);
            },
            success: function (data) {
                // console.log('OK:' + data);

                let inputs_to_clear = '';
                inputs_to_clear += '[name="name"]';
                inputs_to_clear += ', [name="tel"]';
                inputs_to_clear += ', [name="email"]';
                inputs_to_clear += ', [name="comment"]';

                inputs_to_clear += ', [name="congratulation-text"]';
                inputs_to_clear += ', [name="from-name"]';
                inputs_to_clear += ', [name="from-surname"]';
                inputs_to_clear += ', [name="from-tel"]';
                inputs_to_clear += ', [name="from-email"]';
                inputs_to_clear += ', [name="to-name"]';
                inputs_to_clear += ', [name="to-surname"]';
                inputs_to_clear += ', [name="to-tel"]';
                inputs_to_clear += ', [name="to-email"]';
                inputs_to_clear += ', [name="to-email"]';

                // form.find('[name="name"], [name="tel"], [name="email"], [name="comment"]').each(function(){
                form.find(inputs_to_clear).each(function(){
                    $(this).val('');
                });
                $.fancybox.close();
                // $.fancybox.open( $('.ok-send') );
                $.fancybox.open( $(thx) );
            },
            error: function(data){
                // console.log('Error:' + data);
            }
        });


    }

});





$('.ok-send .close').on('click', function(e){
    e.preventDefault();

    $.fancybox.close();
});




$('input[name="privacy-policy"]').on('change', function(e){
    // e.preventDefault();

    if( !$(this).prop('checked') ){
        $(this).parents('form').find('.submit').addClass('disable');
    } else {
        $(this).parents('form').find('.submit').removeClass('disable');
    }
});
















$('body').on('click', '.tabs .tabs-head-item:not(.active)', function(e){
    e.preventDefault();

    let root = $(this).parents('.tabs');
    let id = $(this).attr('data-id');

    root.find('.tabs-head-item.active').removeClass('active');
    $(this).addClass('active');


    root.find('.tabs-body-item:not([data-id="' + id + '"])').hide(300);
    root.find('.tabs-body-item[data-id="' + id + '"]').show(300);
});











// $('body').on('click', '.custom-count a', function(e){
//     e.preventDefault();

//     let inputHtml = $(this).parents('.custom-count').find('input');
//     let inputVal = +inputHtml.val();
//     let direction = $(this).attr('data-id');

//     if( direction == 'minus' ){
//         // if( inputVal <= 1 ){
//         //     return false;
//         // }
//         inputHtml.val( --inputVal );
//     }

//     if( direction == 'plus' ){
//         inputHtml.val( ++inputVal );
//     }
// });

















function url_get_param__set(prmName, val){
    const url = new URL( window.location );
    url.searchParams.set(prmName, val);
    window.history.pushState({}, '', url);
}

function url_get_param__del(prmName){
    // const url = new URL(window.location);
    // url.searchParams.set(prmName, val);
    // window.history.pushState({}, '', url);

    // let url = new URL( window.location );
    // let params = new URLSearchParams(url.search);
    // params = params.delete( prmName );
    // window.history.pushState({}, '', url);


    const url = new URL(document.location);
    const searchParams = url.searchParams;
    searchParams.delete(prmName); // удалить параметр
    window.history.pushState({}, '', url.toString());
}














function search_redirect(){
    let q = $('.topbar-search-input-q').val();
    location = '/search/?q=' + q;
}


$(document).ready(function(){
    // ENTER в строке поиска
    $('.topbar-search-input-q').on('keydown', function(e){
        // e.preventDefault();
        if(e.keyCode === 13) {
            search_redirect();
        }
    });

    // клик на кнопку в строке поиска
    $('.topbar-search .btn-search').on('click', function(e){
        e.preventDefault();
        search_redirect();
    });


    // показать/скрыть строку поиска
    $('.topbar-search-show').on('click', function(e){
        e.preventDefault();
        $('.topbar-search').slideToggle(300);
    });



$('.topbar-catalog').on('mouseleave', function(e){
    e.preventDefault();
    $('.topbar-catalog').hide();
});


    $('.opencatalog').on('mouseenter', function(e){
        e.preventDefault();
        $('.topbar-catalog').show();
    });

    $('.mobile_menu_btn, .close_mobile_menu').on('click', function(e){
        e.preventDefault();
        $('.mobile_menu').toggle();
        $('html,body').toggleClass('no-scroll');
    });

    const documentHeight = () => {
      const mobileMenu = document.querySelector('.mobile_menu');
      if (mobileMenu) {
        mobileMenu.style.setProperty('--doc-height', `${window.innerHeight}px`);
      }
    };

    window.addEventListener('resize', documentHeight);
    documentHeight();

    $('.modules.city >span, .topbar-search-city-close, .header_mobile_menu .city').on('click', function(e){
        e.preventDefault();
        $('.topbar-city').slideToggle(300);
    });


    $('.topbar-search-city').on('input', function() {
      var inputVal = $(this).val().toLowerCase();
      $('.city_list a').each(function() {
        var cityName = $(this).text().toLowerCase();
        if (cityName.includes(inputVal)) {
          $(this).show();
        } else {
          $(this).hide();
        }
      });
    });


    ////////////////////////////////// !!!!!!!!!!!!!!!!!!!!!!!!!!!!
    // если в URL есть строка поиска, то прибиваем ее в инпут поиска
    let queryString = window.location.search;
    let urlParams = new URLSearchParams(queryString);
    let q = urlParams.get('q');

    if( q != null  &&  q.length > 0 ){
        $('.topbar-search-input-q').val( q );
    }

});




$('.topbar-search-close').on('click', function(e){
    e.preventDefault();

    $('.topbar-search').slideUp(300);
});






















// СТРАНИЦА "Услуги"

$(document).ready(function(){
    // первая шапка
    $('.page-service-center-main-head-1 a').on('click', function(e){
        e.preventDefault();

        if( $(this).hasClass('active') ){
            return false;
        }
        $('.page-service-center-main-head-1 a.active').removeClass('active');
        $(this).addClass('active');



        // id категории
        let id = $(this).attr('data-id');

        // скрываем все кнопки "моделей" (вторая шапка), кроме кликнутой категории
        $('.page-service-center-main-head-2:not([data-id="' + id + '"])').each(function(){
            $(this).hide(300);
        });

        // показываем кнопки "моделей" (вторая шапка) кликнутой категории
        $('.page-service-center-main-head-2[data-id="' + id + '"]').show(300);

        // если в текущей категории ни одна кнопка модели не активна - кличем первую. Иначе кличем в активную
        // чтобы открылся контент
        if( $('.page-service-center-main-head-2[data-id="' + id + '"] a.active').length == 0 ){
            $('.page-service-center-main-head-2[data-id="' + id + '"] a:first-child').trigger('click');
        } else {
            $('.page-service-center-main-head-2[data-id="' + id + '"] a.active').trigger('click');
        }
    });



    $('.page-service-center-main-head-2 > a').on('click', function(e){
        e.preventDefault();

        if( $(this).hasClass('active') ){
            return false;
        }

        let category = $(this).parents('.page-service-center-main-head-2').attr('data-id');
        let model = $(this).attr('data-id');
        let bid = $(this).attr('data-bid');

        // // скрываем все блоки контента, которые не подходят
        // $('.page-services-content-body:not([data-category="' + category + '"][data-model="' + model + '"])').each(function(){
        //     $(this).hide(300);
        // });

        // // показываем блок контента, который подходит
        // $('.page-services-content-body[data-category="' + category + '"][data-model="' + model + '"]').show(300);

        $.ajax({
            async: false,
            type: 'POST',
            url: '/ajax/otherActions.php',
            headers: {
                'Accept': 'application/json'
            },
            data: {
                action: 'page_service_center__prices',
                SECTION_ID: bid,
            },
            beforeSend: function (result) {
                // console.log(result);
                // $('.page-services-content-body-row').hide(300);
                $('.page-service-center-main-body').hide(300);
            },
            success: function (result) {
                // console.log(data);
                setTimeout(function(){
                    $('.page-service-center-main-body').html( result );
                    $('.page-service-center-main-body').show(300);
                    // $('.page-services-content-body-row').show(300);
                }, 0);
            },
        });


        // в кнопках "моделей" текущей категории - снимаем все active и ставим только на кликнутую
        $('.page-service-center-main-head-2[data-id="' + category + '"] a').each(function(){
            $(this).removeClass('active');
        });
        $(this).addClass('active');
    });


    // при загрузке страницы - последовательно кликаем в первую кнопку "категории" и первую кнопку "модели"
    $('.page-service-center-main-head-1 a:first-child').trigger('click');
    $('.page-service-center-main-head-2:first-child a:first-child').trigger('click');

});







































// кастомное количество - клик в кнопки +/-
$('body').on('click', '.custom-count a', function(e){
    e.preventDefault();

    let inputHtml = $(this).parents('.custom-count').find('input');
    let inputVal = +inputHtml.val();
    let direction = $(this).attr('data-id');

    if( direction == 'minus' ){
        if( inputVal <= 1 ){
            $(this).parents('.root').find('.page-basket-list-item-del a').trigger('click');

            return false;
        }
        inputHtml.val( --inputVal );
    }

    if( direction == 'plus' ){
        inputHtml.val( ++inputVal );
    }
});


















///////////////////////////////////     Корзина
// $(document).ready(function(){
//     $('.product-inner-info-row').each(function(){
//         let spec_title = $(this).find('.product-inner-info-row-title').html().trim();
//         let spec_value = $(this).find('.filter-inner a.active').html().trim();
//         let spec_row = spec_title + ': ' + spec_value + "\n\r";
//         console.log(spec_row);
//     });


// });


// // клик на "купить", который "нет в наличии"
// $('.index-products-body-item__button[data-id="not_available"]').on('click', function(e){
//     return false;
// });


// Счетчик на корзине в шапке
function basket_counter(){
    let basketJSON = {};
    let basketObj = {};


    // проверяем, есть ли basket в localStorage
    if( !localStorage.getItem('basket') ){
        basketObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        basketJSON = localStorage.getItem('basket');
        basketObj = JSON.parse(basketJSON);
    }

    let count = basketObj.list.length;
    if( count > 0 ){
        $('.topbar-basket-count').each(function(){
            $(this).html( count );
        });

        $('.topbar2-basket').removeClass('empty');
        $('.topbar-mobile-1-basket').removeClass('empty');
    } else {
        $('.topbar2-basket').addClass('empty');
        $('.topbar-mobile-1-basket').addClass('empty');
    }

}


$(document).ready(function(){
    basket_counter();
});







searchItemchangeBTN();




function searchItemchangeBTN(){

  let basketJSON = {};
  let basketObj = {};

  // $('.itemRoot').each(function(){
  $('.add-to-basket').each(function(){
      let root = $(this).parents('.root');

      let current_id = root.attr('data-id');

      // проверяем, есть ли basket в localStorage
      if( !localStorage.getItem('basket') ){
          basketObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
      } else {
          basketJSON = localStorage.getItem('basket');
          basketObj = JSON.parse(basketJSON);
      }


      // смотрим, есть ли уже такой элемент в корзине. Если есть - меняем кнопку
      for(i in basketObj.list){
          if( basketObj.list[i].id == current_id){
            $(this).find('.index-products-body-item__button-title').html('В корзине');
            $(this).parent().find('.add-to-basket-tradein .index-products-body-item__button-title').html('В корзине');
            $(this).parents('.root').addClass('already-added');

          } else {

          }
      }
  });
}








// ограничиваем время жизни корзины
$(document).ready(function(){
    let limit = 24 * 3600 * 1000; // 24 часа
    // let limit = 5 * 1000; // 5 секунд
    let basket__last_refresh_time = localStorage.getItem('basket__last_refresh_time');

    if(+new Date() - basket__last_refresh_time > limit){
        localStorage.removeItem('basket');
        localStorage.removeItem('basket__last_refresh_time');
    }
});



// добавляем или удаляем из Корзины
function basketAddOrRemoveItem(id, count, tradein){
    // ограничиваем время жизни корзины
    localStorage.setItem('basket__last_refresh_time', +new Date());


    let basketJSON = {};
    let basketObj = {};


    // проверяем, есть ли basket в localStorage
    if( !localStorage.getItem('basket') ){
        basketObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        basketJSON = localStorage.getItem('basket');
        basketObj = JSON.parse(basketJSON);
    }

    // смотрим, есть ли уже такой элемент. Если есть, то удаляем и прерываем функцию
    for(i in basketObj.list){
        if( basketObj.list[i].id == id){
            // console.log('такой уже есть, удаляем и прерываем функцию');
            basketObj.list.splice(i, 1); // удаляем из объекта
            basketJSON = JSON.stringify( basketObj );
            localStorage.setItem('basket', basketJSON);

            // location.reload(); // чтобы поменялась кнопка добавить/удалить
            basket_counter();
            $('.root[data-id="' + id + '"] .add-to-basket .index-products-body-item__button-title').html('Купить');
              $('.root[data-id="' + id + '"] .add-to-basket-tradein .index-products-body-item__button-title').html('Купить');
            $('.root[data-id="' + id + '"]').removeClass('already-added');

            return false;
        }
    }

    if (tradein == true) {
      basketObj.list.push({
        id: id,
        count: count,
        tradein:tradein,
      });
    } else {
      basketObj.list.push({
        id: id,
        count: count,
      });
    }



    basketJSON = JSON.stringify( basketObj );
    localStorage.setItem('basket', basketJSON);

    basket_counter();

    $('.root[data-id="' + id + '"] .add-to-basket .index-products-body-item__button-title').html('В корзине');
    $('.root[data-id="' + id + '"] .add-to-basket-tradein .index-products-body-item__button-title').html('В корзине');

    $('.root[data-id="' + id + '"]').addClass('already-added');

    if( window.location.pathname.match('basket') ){
        location.reload();
    }
}





$('body').on('click', '.root .custom-count a', function(e){
    // e.preventDefault();

    let root = $(this).parents('.root');
    let id = root.attr('data-id');
    let count = root.find('.custom-count input').val();

    // console.log(id, count);
    basketChangeCountItem(id, count);
});






// изменение количества товара на -/+
function basketChangeCountItem(id, count){
    let basketJSON = {};
    let basketObj = {};


    // проверяем, есть ли basket в localStorage
    if( !localStorage.getItem('basket') ){
        basketObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        basketJSON = localStorage.getItem('basket');
        basketObj = JSON.parse(basketJSON);
    }

    // console.log(id, count);
    // поиск нужного элемента тут сделан перебором id потому, что id тут не ключ, а свойство
    for(i in basketObj.list){
        if( basketObj.list[i].id == id){

            if( count == 0 ){
                // basketObj.list.splice(i, 1); // удаляем из объекта
                basketItem__delete(id);

                return false;
            } else {
                basketObj.list[i].count = count;
            }

            basketJSON = JSON.stringify( basketObj );
            localStorage.setItem('basket', basketJSON);

            // location.reload(); // чтобы поменялась кнопка добавить/удалить
            // basket_counter();

            return false;
        }
    }



    // location.reload(); // чтобы поменялась кнопка добавить/удалить
    // basket_counter();

    // if( window.location.pathname.match('basket') ){
    //     location.reload();
    // }
}





// клик на кнопку "В корзину"
$('body').on('click', '.add-to-basket', function(e){
    e.preventDefault();

    let root = $(this).parents('.root');

    let id = root.attr('data-id');
    let count = 1;
    let tradein = root.attr('data-tradein');

    if (tradein != "undefined" && tradein != "false") {
      tradein = true;
    }

    basketAddOrRemoveItem(id, count, tradein);
});

$('body').on('click', '.add-to-basket-tradein', function(e) {
    e.preventDefault();
    let root = $(this).parents('.root');
    if (typeof root.attr('data-tradein') !== 'undefined') {
      root.attr('data-tradein', 'true');
      root.find('.add-to-basket').trigger('click');
      root.attr('data-tradein', 'false');
    }
});



$('body').on('click', '.block_price', function(e) {
    e.preventDefault();
    $('.block_price').removeClass('active');
    $(this).addClass('active');
    $('.txt_price').show();
    $('.txt_tradein').hide();

    let root = $(this).parents('.root');

    if (typeof root.attr('data-tradein') !== 'undefined') {

        if ($(this).hasClass('tradeinblock')) {
          $('.txt_price').hide();
          $('.txt_tradein').show();
          
            root.attr('data-tradein', 'true');
        } else {
            root.attr('data-tradein', 'false');
        }
    }
});



$('body').on('click', '.page-basket-list-item-del', function(e){
    e.preventDefault();

    let id = $(this).parents('.root').attr('data-id');
    basketItem__delete(id);
});

$('body').on('click', '.delete_all a', function(e) {
    e.preventDefault();

    if (confirm('Вы уверены, что хотите очистить корзину?')) {
      let basketJSON = {};
      let basketObj = {};
basketObj.list = []

      basketJSON = JSON.stringify( basketObj );
      localStorage.setItem('basket', basketJSON);

      location.reload(); // чтобы поменялась кнопка добавить/удалить
    }
});

function basketItem__delete(id){
    let basketJSON = {};
    let basketObj = {};


    // проверяем, есть ли basket в localStorage
    if( !localStorage.getItem('basket') ){
        basketObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        basketJSON = localStorage.getItem('basket');
        basketObj = JSON.parse(basketJSON);
    }


    // смотрим, есть ли уже такой элемент. Если есть, то удаляем и прерываем функцию
    for(i in basketObj.list){
        if( basketObj.list[i].id == id){
            // console.log('такой уже есть, удаляем и прерываем функцию');
            basketObj.list.splice(i, 1); // удаляем из объекта
            basketJSON = JSON.stringify( basketObj );
            localStorage.setItem('basket', basketJSON);

            location.reload(); // чтобы поменялась кнопка добавить/удалить
            // basket_counter();
            // $('.itemRoot[data-id="' + id + '"] .add-to-basket').html('В корзину');
        }
    }
}



$('body').on('click', '.page-basket-clear', function(e){
    e.preventDefault();

    basketAll__delete();
});

function basketAll__delete(){
    let i = 1;
    let count = $('.page-basket-list-item').length;
    let timeout = 175;

    $('.page-basket-list-item').each(function(i){
        setTimeout(() => {
            $(this).hide(300);
            ++i;
        }, i * timeout);
    });

    setTimeout(function(){
        $('.page-basket-total').hide(300);
    }, count * timeout);

    setTimeout(function(){
        $('.page-basket-button').hide(300);
    }, ++count * timeout);

    setTimeout(function(){
        localStorage.removeItem('basket');
        location.reload();
    }, ++count * timeout);

}


// купить в 1 клик
$('body').on('click', '.link-buy-in-one-click, .link-buy-in-one-click-onthelist', function(e){
    e.preventDefault();

    let root = $(this).parents('.root');

    if( root.hasClass('already-added') ){
        location = '/basket/order/';
    } else {
        root.find('.add-to-basket').trigger('click');
        setTimeout(function(){
            location = '/basket/order/';
        }, 30);
    }

});


$(document).ready(function(){
    let city_selection__flag = localStorage.getItem('city_selection__flag');

    if( +city_selection__flag != 1 ){
        // $('.topbar1-geo').trigger('click');
        $.fancybox.open( $('#modal-geo') );
    }
    localStorage.setItem('city_selection__flag', 1);


});








// Счетчик на избранном в шапке
function favorites_counter(){
    let favoritesJSON = {};
    let favoritesObj = {};


    // проверяем, есть ли favorites в localStorage
    if( !localStorage.getItem('favorites') ){
        favoritesObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        favoritesJSON = localStorage.getItem('favorites');
        favoritesObj = JSON.parse(favoritesJSON);
    }

    let count = favoritesObj.list.length;
    if( count > 0 ){
        $('.topbar-favorites-count').each(function(){
            $(this).html( count );
        });

        $('.topbar2-favorites').removeClass('empty');
        $('.topbar-mobile-1-favorites').removeClass('empty');
    } else {
        $('.topbar2-favorites').addClass('empty');
        $('.topbar-mobile-1-favorites').addClass('empty');
    }

}


$(document).ready(function(){

    favorites_counter();
});






// Меняем кнопку "Добавить в избранное / Удалить из избранного"
$(document).ready(function(){




    // $('.itemRoot').each(function(){

searchaddfavorites();

});





function searchaddfavorites(){
  let favoritesJSON = {};
  let favoritesObj = {};
  $('.add-to-favorites').each(function(){
      let root = $(this).parents('.root');

      let current_id = root.attr('data-id');

      // проверяем, есть ли favorites в localStorage
      if( !localStorage.getItem('favorites') ){
          favoritesObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
      } else {
          favoritesJSON = localStorage.getItem('favorites');
          favoritesObj = JSON.parse(favoritesJSON);
      }


      // смотрим, есть ли уже такой элемент в избранном. Если есть - меняем кнопку
      for(i in favoritesObj.list){
          if( favoritesObj.list[i].id == current_id){
              $(this).addClass('active');
              $(this).parents('.root').addClass('already-added-to-favorites');
              // $(this).addClass('already-added');
          } else {
              // $(this).parents('.product-page-main-info-button').removeClass('already-added');
              // $(this).removeClass('already-added-2');
              // $(this).parents('.root').removeClass('already-added');
          }
      }
  });
}



// ограничиваем время жизни избранного
$(document).ready(function(){
    let limit = 24 * 3600 * 1000; // 24 часа
    // let limit = 5 * 1000; // 5 секунд
    let favorites__last_refresh_time = localStorage.getItem('favorites__last_refresh_time');

    if(+new Date() - favorites__last_refresh_time > limit){
        localStorage.removeItem('favorites');
        localStorage.removeItem('favorites__last_refresh_time');
    }
});



// добавляем или удаляем из избранного
function favoritesAddOrRemoveItem(id, count){
    // ограничиваем время жизни избранного
    localStorage.setItem('favorites__last_refresh_time', +new Date());


    let favoritesJSON = {};
    let favoritesObj = {};


    // проверяем, есть ли favorites в localStorage
    if( !localStorage.getItem('favorites') ){
        favoritesObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        favoritesJSON = localStorage.getItem('favorites');
        favoritesObj = JSON.parse(favoritesJSON);
    }


    // смотрим, есть ли уже такой элемент. Если есть, то удаляем и прерываем функцию
    for(i in favoritesObj.list){
        if( favoritesObj.list[i].id == id){
            // console.log('такой уже есть, удаляем и прерываем функцию');
            favoritesObj.list.splice(i, 1); // удаляем из объекта
            favoritesJSON = JSON.stringify( favoritesObj );
            localStorage.setItem('favorites', favoritesJSON);

            // location.reload(); // чтобы поменялась кнопка добавить/удалить
            favorites_counter();
            $('.root[data-id="' + id + '"] .add-to-favorites').removeClass('active');
            $('.root[data-id="' + id + '"]').removeClass('already-added-to-favorites');

            return false;
        }
    }


    // если не было return false на предыдущем шаге
    // console.log('добавляем');
    favoritesObj.list.push({
        id: id,
        count: count,
    });


    // пакуем в JSON и переписываем localStorage
    favoritesJSON = JSON.stringify( favoritesObj );
    localStorage.setItem('favorites', favoritesJSON);

    // console.log(favoritesJSON);

    // location.reload(); // чтобы поменялась кнопка добавить/удалить
    favorites_counter();
    // $('.root[data-id="' + id + '"] .add-to-favorites').html('Купить');
    // $('.root[data-id="' + id + '"]').removeClass('already-added');
    $('.root[data-id="' + id + '"] .add-to-favorites').addClass('active');
    $('.root[data-id="' + id + '"]').addClass('already-added-to-favorites');

    if( window.location.pathname.match('favorites') ){
        location.reload();
    }
}






$('body').on('click', '.root .custom-count a', function(e){
    // e.preventDefault();

    let root = $(this).parents('.root');
    let id = root.attr('data-id');
    let count = root.find('.custom-count input').val();

    // console.log(id, count);
    favoritesChangeCountItem(id, count);
});






// изменение количества товара на -/+
function favoritesChangeCountItem(id, count){
    let favoritesJSON = {};
    let favoritesObj = {};


    // проверяем, есть ли favorites в localStorage
    if( !localStorage.getItem('favorites') ){
        favoritesObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        favoritesJSON = localStorage.getItem('favorites');
        favoritesObj = JSON.parse(favoritesJSON);
    }

    // console.log(id, count);
    // поиск нужного элемента тут сделан перебором id потому, что id тут не ключ, а свойство
    for(i in favoritesObj.list){
        if( favoritesObj.list[i].id == id){

            if( count == 0 ){
                // favoritesObj.list.splice(i, 1); // удаляем из объекта
                favoritesItem__delete(id);

                return false;
            } else {
                favoritesObj.list[i].count = count;
            }

            favoritesJSON = JSON.stringify( favoritesObj );
            localStorage.setItem('favorites', favoritesJSON);

            // location.reload(); // чтобы поменялась кнопка добавить/удалить
            // favorites_counter();

            return false;
        }
    }



    // location.reload(); // чтобы поменялась кнопка добавить/удалить
    // favorites_counter();

    // if( window.location.pathname.match('favorites') ){
    //     location.reload();
    // }
}




$('.page-contacts-tabs-head a').on('click', function(e){
    let id = $(this).attr('data-id');

    $('.page-contacts-tabs-body:not([data-id="' + id + '"])').each(function(){
        $(this).hide(300);
    });

    $('.page-contacts-tabs-body[data-id="' + id + '"]').show(300);
});


// клик на кнопку "В избранное"
$('body').on('click', '.add-to-favorites', function(e){
    e.preventDefault();

    // if( !$(this).hasClass('active') ){
    //     $(this).addClass('active');
    // } else {
    //     $(this).removeClass('active');
    // }

    let root = $(this).parents('.root');

    // // если нет активной цены, значит не добавляем товар
    // if( root.attr('data-id') == 'not_available' ){
    //     return false;
    // }

    let id = root.attr('data-id');
    let count = 1;

    favoritesAddOrRemoveItem(id, count);
});








$('body').on('click', '.page-favorites-list-item-del', function(e){
    e.preventDefault();

    let id = $(this).parents('.root').attr('data-id');
    favoritesItem__delete(id);
});


function favoritesItem__delete(id){
    let favoritesJSON = {};
    let favoritesObj = {};


    // проверяем, есть ли favorites в localStorage
    if( !localStorage.getItem('favorites') ){
        favoritesObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        favoritesJSON = localStorage.getItem('favorites');
        favoritesObj = JSON.parse(favoritesJSON);
    }


    // смотрим, есть ли уже такой элемент. Если есть, то удаляем и прерываем функцию
    for(i in favoritesObj.list){
        if( favoritesObj.list[i].id == id){
            // console.log('такой уже есть, удаляем и прерываем функцию');
            favoritesObj.list.splice(i, 1); // удаляем из объекта
            favoritesJSON = JSON.stringify( favoritesObj );
            localStorage.setItem('favorites', favoritesJSON);

            location.reload(); // чтобы поменялась кнопка добавить/удалить

        }
    }
}

$('.page-favorites-list').on('click', '.add-to-favorites.active', function(e){
    e.preventDefault();
  location.reload();

});

$('body').on('click', '.page-favorites-clear', function(e){
    e.preventDefault();

    favoritesAll__delete();
});

function favoritesAll__delete(){
    let i = 1;
    let count = $('.page-favorites-list-item').length;
    let timeout = 175;

    $('.page-favorites-list-item').each(function(i){
        setTimeout(() => {
            $(this).hide(300);
            ++i;
        }, i * timeout);
    });

    setTimeout(function(){
        $('.page-favorites-total').hide(300);
    }, count * timeout);

    setTimeout(function(){
        $('.page-favorites-button').hide(300);
    }, ++count * timeout);

    setTimeout(function(){
        localStorage.removeItem('favorites');
        location.reload();
    }, ++count * timeout);

}



$('.tabs-blog .tabs-head-item:not(.v2)').on('click', function(e){
    e.preventDefault();

    if( $(this).hasClass('active') ){
        return false;
    }

    $('.tabs-blog .tabs-head-item.active').removeClass('active');
    $(this).addClass('active');

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

    $.ajax({
        async: false,
        type: 'POST',
        url: '/ajax/otherActions.php',
        headers: {
            'Accept': 'application/json'
        },
        data: {
            action: 'blogListContent',
            SECTION_ID: SECTION_ID,
        },
        beforeSend: function (result) {
            // console.log(result);
            $('.blog-list').hide(300);
        },
        success: function (result) {
            // console.log(result);
            setTimeout(function(){
                $('.blog-list').html( result );
                $('.blog-list').show(300);
            }, 0);
        },
    });
});



$('body').on('click', '.tabs-blog .tabs-head-item.v2', function(e){
    e.preventDefault();

    // if( $(this).hasClass('active') ){
    //     return false;
    // }

    let id = $(this).attr('data-id');
    // console.log(id);

    // $('.tabs-blog .tabs-head-item.active').removeClass('active');
    // $(this).addClass('active');

    $('.tabs-blog .tabs-body .blog-list').each(function(){
        $(this).hide(300);
    });
    $('.tabs-blog .tabs-body .blog-list[data-id="' + id + '"]').show(300);
});





$('.tabs-blog-show-more-wrapper a').on('click', function(e){
    e.preventDefault();

    let id = $('.tabs-blog .tabs-head-item.active').attr('data-id');
    // blog_list__arr[id]

    let html = '';
    let i = 0;
    let k = 16;
    for(let item in blog_list__arr[id]){
        if( i >= k ){
            break;
        }
        html += blog_list__arr[id][item];
        delete blog_list__arr[id][item];
        // blog_list__arr[id][item].splice(id, 1);
        ++i;
    }

    $('.tabs-blog .tabs-body .blog-list[data-id="' + id + '"]').append( html );
    $('.tabs-blog .tabs-body .blog-list .blog-item').show(300);
});





$('.custom-checkbox').each(function(i){
    // $(this).find('input[type="checkbox"]').attr('id', 'custom-checkbox-' + i);
    $(this).find('input').attr('id', 'custom-checkbox-' + i);
    $(this).find('label').attr('for', 'custom-checkbox-' + i);
});

$('body').on('click', '.page-basket-order-content .custom-switch-item, .page-contacts-tabs .custom-switch-item, .page-services-content-head-1 .custom-switch-item', function(e){
    e.preventDefault();

    if( !$(this).hasClass('active') ){
        let wrapper = $(this).parents('.custom-switch');
        wrapper.find('.custom-switch-item.active').removeClass('active');
        $(this).addClass('active');
    }

});

$('input[name="privacy-policy"]').on('change', function(e){
    // e.preventDefault();

    if( !$(this).prop('checked') ){
        $(this).parents('form').find('.submit').addClass('disable');
        $(this).parents('form').find('.order-go').addClass('disable');
    } else {
        $(this).parents('form').find('.submit').removeClass('disable');
        $(this).parents('form').find('.order-go').removeClass('disable');
    }
});


$('.quiz-buttons a:not([data-id="final"])').on('click', function(e){
    e.preventDefault();

    let id = $(this).attr('data-id');
    let quiz = $(this).parents('.quiz');

    quiz.find('.quiz-body-step.active').slideUp(300);
    quiz.find('.quiz-body-step.active').removeClass('active');
    quiz.find('.quiz-body-step[data-id="' + id + '"]').slideDown(300);
    quiz.find('.quiz-body-step[data-id="' + id + '"]').addClass('active');

    quiz.find('.quiz-head-steps .current').html( id );
});

$('.quiz-buttons a[data-id="final"]').on('click', function(e){
    e.preventDefault();

    let quiz = $(this).parents('.quiz');
    let answers = '';

    quiz.find('.quiz-body-step:not(:last-child)').each(function(){
        let item = $(this);
        answers += '<br>';
        answers += item.find('.quiz-body-step-title').html() + ' - ';
        answers += '<b>' + item.find('input:checked').val() + '</b>';
    });

    quiz.find('[name="quiz"]').val( answers );
});



// СТРАНИЦА "Услуги"

$(document).ready(function(){
    // первая шапка
    $('.page-services-content-head-1 .custom-switch-item').on('click', function(e){
        e.preventDefault();

        // id категории
        let id = $(this).attr('data-id');

        // скрываем все кнопки "моделей" (вторая шапка), кроме кликнутой категории
        $('.page-services-content-head-2-item:not([data-id="' + id + '"])').each(function(){
            $(this).hide(300);
        });

        // показываем кнопки "моделей" (вторая шапка) кликнутой категории
        $('.page-services-content-head-2-item[data-id="' + id + '"]').show(300);

        // если в текущей категории ни одна кнопка модели не активна - кличем первую. Иначе кличем в активную
        // чтобы открылся контент
        if( $('.page-services-content-head-2-item[data-id="' + id + '"] a.active').length == 0 ){
            $('.page-services-content-head-2-item[data-id="' + id + '"] a:first-child').trigger('click');
        } else {
            $('.page-services-content-head-2-item[data-id="' + id + '"] a.active').trigger('click');
        }
    });



    $('.page-services-content-head-2-item > a').on('click', function(e){
        e.preventDefault();

        let category = $(this).parents('.page-services-content-head-2-item').attr('data-id');
        let model = $(this).attr('data-id');
        let bid = $(this).attr('data-bid');

        // // скрываем все блоки контента, которые не подходят
        // $('.page-services-content-body:not([data-category="' + category + '"][data-model="' + model + '"])').each(function(){
        //     $(this).hide(300);
        // });

        // // показываем блок контента, который подходит
        // $('.page-services-content-body[data-category="' + category + '"][data-model="' + model + '"]').show(300);

        $.ajax({
            async: false,
            type: 'POST',
            url: '/ajax/otherActions.php',
            headers: {
                'Accept': 'application/json'
            },
            data: {
                action: 'servicesContent',
                SECTION_ID: bid,
            },
            beforeSend: function (result) {
                // console.log(result);
                // $('.page-services-content-body-row').hide(300);
                $('.page-services-content-body-flex').hide(300);
            },
            success: function (result) {
                // console.log(data);
                setTimeout(function(){
                    $('.page-services-content-body-flex').html( result );
                    $('.page-services-content-body-flex').show(300);
                    // $('.page-services-content-body-row').show(300);
                }, 0);
            },
        });


        // в кнопках "моделей" текущей категории - снимаем все active и ставим только на кликнутую
        $('.page-services-content-head-2-item[data-id="' + category + '"] a').each(function(){
            $(this).removeClass('active');
        });
        $(this).addClass('active');
    });


    // при загрузке страницы - последовательно кликаем в первую кнопку "категории" и первую кнопку "модели"
    $('.page-services-content-head-1 .custom-switch-item:first-child').trigger('click');
    $('.page-services-content-head-2-item:first-child a:first-child').trigger('click');

});





// Оформление заказа "принять"
$('.order-go').on('click', function(e){
    e.preventDefault();

    if( $(this).hasClass('disable') ){
        return false;
    }

    let form = $(this).parents('form');
    let error = false;



    let order_info = '';



    // 1. КТО ПОЛУЧИТ ЗАКАЗ ("Кто получит заказ?"):
    let name = $('.page-basket-order [name="fio"]').val();

    let tel = $('.page-basket-order [name="tel"]').val();
    let email = $('.page-basket-order [name="email"]').val();

    order_info += name.length != 0  ?  '<b>Имя:</b> ' + name + "<br>\n\r"  :  '';

    order_info += tel.length != 0  ?  '<b>Телефон:</b> ' + tel + "<br>\n\r"  :  '';
    order_info += email.length != 0  ?  '<b>Email:</b> ' + email + "<br>\n\r"  :  '';





    // 2. ДОСТАВКА ИЛИ САМОВЫВОЗ ("Как и когда вам удобно получить заказ?"):
    let delivery_or_shop = $('.delivery-or-shop-switcher .custom-switch-item.active').attr('data-id');

    // order_info += '<b>Как и когда удобно получить заказ:</b><br>' + "\n\r";

    if( delivery_or_shop == 'delivery' ){
        let delivery_address = $('.delivery-or-shop-body-item [name="address"]').val();
        // order_info += 'Доставка по адресу: ' + localStorage.getItem('cityName') + ', ' + delivery_address  ?  delivery_address  :  '<адрес не указан>';
        order_info += '<b>Способ получения:</b> Доставка<br>' + "\n\r";
        order_info += '<b>Доставка по адресу:</b> ' + (delivery_address.length != 0  ?  delivery_address  :  '<адрес не указан>') + '<br>' + "\n\r";
    }

    if( delivery_or_shop == 'shop' ){
        let shop_address = $('.basket-order-shop-button').attr('data-shop-address');

        if( shop_address.length == 0 ){
            $('.basket-order-shop-button').addClass('error');
            error = true;
        } else {
            $('.basket-order-shop-button').removeClass('error');
            order_info += '<b>Способ получения:</b> Самовывоз<br>' + "\n\r";
            order_info += '<b>Магазин:</b> ' + shop_address + '<br>' + "\n\r";
        }
    }




    // 3. СПОСОБ ОПЛАТЫ (Как вам удобнее оплатить заказ?):
    let pay_method = $('.pay-method .custom-switch-item.active').html();
    order_info += '<b>Способ оплаты:</b> ' + pay_method + '<br>' + "\n\r";




    // 4. КОММЕНТАРИЙ К ЗАКАЗУ
    let order_comment = $('[name="order-comment"]').val();
    if( order_comment ){
        order_info += '<b>Комментарий к заказу:</b> ' + order_comment + "\n\r";
    }



    // проверяем, есть ли basket в localStorage
    if( !localStorage.getItem('basket') ){
        basketObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        basketJSON = localStorage.getItem('basket');
        basketObj = JSON.parse(basketJSON);
    }

    let IDs = '';
    let COUNTs = '';
      let tradein = [];
    for(i in basketObj.list){
        IDs += basketObj.list[i].id + ',';
        COUNTs += basketObj.list[i].count + ',';
        if (basketObj.list[i].tradein) {
          tradein.push(basketObj.list[i].id);
        }
    }
    IDs = IDs.slice(0, -1);
    COUNTs = COUNTs.slice(0, -1);
  let tradeinString = tradein.join(', ')


    form.find('.required').each(function(){
        if( $(this).val().length == 0 ){
            error = true;
            $(this).addClass('error');
        } else {
            $(this).removeClass('error');
        }
    });


    if( error == true ){
        let element = $('.required.error')[0];
        let destination = $(element).offset().top;
        $('html:not(:animated),body:not(:animated)').animate({scrollTop: destination - 120}, 300);
    }



    if(error == false){
        let formData = new FormData( form[0] );
        formData.append('action', 'basket_order_go');
        formData.append('order_info', order_info);
        formData.append('tradein', tradeinString);
        formData.append('basket', JSON.stringify( basketObj.list ));

        $.ajax({
            async: false,
            type: 'POST',
            url: '/ajax/otherActions.php',
            headers: {
                'Accept': 'application/json'
            },
            // data: {
            //     action: 'basket_order_go',
            //     order_info: order_info,
            //     basket: JSON.stringify( basketObj.list ),
            // },
            data: formData,
            enctype: 'multipart/form-data',
            processData: false,
            contentType: false,
            cache: false,
            beforeSend: function (data) {
                // console.log(data);
            },
            success: function (data) {
              $('.page-basket-order-side.right').hide(300);
              $('.page-basket-order-block').each(function(){
                  $(this).hide(300);
              });
              // $('.page-basket-order-side.left').css({
              //     'width': '100%',
              //     'margin-right': 0,
              // });
              $('.order-thx').show(300);
              localStorage.removeItem('basket');


            },
            error: function(data){
                // console.log('Error:' + data);
            }
        });


        // form.find('input, textarea').each(function(){
        //     $(this).val('');
        // });
        // $.fancybox.close();
        // $.fancybox.open( $('.ok-send') );
    }
});







// СРАВНЕНИЕ


// Счетчик на сравнении в шапке
function compare_counter(){
    let compareJSON = {};
    let compareObj = {};


    // проверяем, есть ли compare в localStorage
    if( !localStorage.getItem('compare') ){
        compareObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        compareJSON = localStorage.getItem('compare');
        compareObj = JSON.parse(compareJSON);
    }


    let count = 0;
    for(let item in compareObj.list){
        count += compareObj.list[item].length;
    }


    if( count > 0 ){
        $('.topbar-compare-count').each(function(){
            $(this).html( count );
        });

        $('.topbar-compare').removeClass('empty');
    } else {
        $('.topbar-compare').addClass('empty');
    }

}


$(document).ready(function(){
    compare_counter();
});






// Меняем кнопку "Добавить в СРАВНЕНИЕ / Удалить из СРАВНЕНИЯ"
$(document).ready(function(){
    let compareJSON = {};
    let compareObj = {};



    // В списке товаров
    $('.itemRoot').each(function(){
        let category = $(this).attr('data-category');
        let compare = $(this).attr('data-compare');

        // проверяем, есть ли compare в localStorage
        if( !localStorage.getItem('compare') ){
            compareObj.list = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
        } else {
            compareJSON = localStorage.getItem('compare');
            compareObj = JSON.parse(compareJSON);
        }


        // смотрим, есть ли уже такой элемент в СРАВНЕНИИ. Если есть - меняем кнопку
        for(let i in compareObj.list[category]){
            if( compareObj.list[category][i] == compare ){
                $(this).find('.ico-compare').addClass('active');
            } else {

            }
        }
    });
});










// ограничиваем время жизни СРАВНЕНИЯ
$(document).ready(function(){
    let limit = 7 * 24 * 3600 * 1000; // 24 часа * 7
    // let limit = 5 * 1000; // 5 секунд
    let compare__last_refresh_time = localStorage.getItem('compare__last_refresh_time');

    if(+new Date() - compare__last_refresh_time > limit){
        localStorage.removeItem('compare');
        localStorage.removeItem('compare__last_refresh_time');
    }
});



// добавляем или удаляем из СРАВНЕНИЯ
function compareAddOrRemoveItem(category, compare){
    // ограничиваем время жизни СРАВНЕНИЯ
    // if( localStorage.getItem('compare__last_refresh_time') === null ){
        localStorage.setItem('compare__last_refresh_time', +new Date());
    // }


    let compareJSON = {};
    let compareObj = {
        list: {
            iphone: [

            ],
            mac: [],
            ipad: [],
            watch: [],
        }
    };


    // проверяем, есть ли compare в localStorage
    if( !localStorage.getItem('compare') ){
        compareObj.list.category = []; // тут должно быть сразу свойство "list", которое объявим массивом, чтобы пушить в него
    } else {
        compareJSON = localStorage.getItem('compare');
        compareObj = JSON.parse(compareJSON);
    }


    // смотрим, есть ли уже такой элемент. Если есть, то удаляем и прерываем функцию
    for(let i in compareObj.list[category]){
        if( compareObj.list[category][i] == compare){
            // console.log('такой уже есть, удаляем и прерываем функцию');
            compareObj.list[category].splice(i, 1); // удаляем из объекта
            compareJSON = JSON.stringify( compareObj );
            localStorage.setItem('compare', compareJSON);

            // location.reload(); // чтобы поменялась кнопка добавить/удалить
            compare_counter();

            return false;
        }
    }


    // если не было return false на предыдущем шаге
    compareObj.list[category].push(
        compare
    );


    // пакуем в JSON и переписываем localStorage
    compareJSON = JSON.stringify( compareObj );
    localStorage.setItem('compare', compareJSON);


    // location.reload(); // чтобы поменялась кнопка добавить/удалить
    compare_counter();

    if( window.location.pathname.match('compare') ){
        location.reload();
    }
}















// клик на кнопку "В СРАВНЕНИЕ" (из списка товаров)
$('body').on('click', '.itemRoot .ico-compare', function(e){
    e.preventDefault();

    if( !$(this).hasClass('active') ){
        $(this).addClass('active');
    } else {
        $(this).removeClass('active');
    }

    let itemRoot = $(this).parents('.itemRoot');

    // let id = itemRoot.attr('data-id');
    let category = itemRoot.attr('data-category');
    let compare = itemRoot.attr('data-compare');

    compareAddOrRemoveItem(category, compare);


    // Если находимся на странице СРАВНЕНИЕ, то при клике на Добавить/Удалить из СРАВНЕНИЯ - удаляем элемент
    if( $('body').attr('data-page') == 'compare' ){
        // скрываем и удаляем
        itemRoot.css('opacity', 0);
        setTimeout(() => {
            itemRoot.remove();
        }, 300);

        setTimeout(() => {
            // считаем количество оставшихся элементов. Если 0, то показываем надпись
            let elements = $('.page-catalog-list .itemRoot').length;
            if( elements == 0 ){
                $('.page-catalog-list').html('<div class="std-text">В СРАВНЕНИИ пока пусто.</div>');
            }
        }, 350);
    }



});








$('body').on('click', '.compare-content-item-del', function(e){
    e.preventDefault();

    let root = $(this).parents('.compare');
    let item = $(this).parents('.compare-content-item');
    let category = root.attr('data-id');
    let compare = item.attr('data-id');
    // console.log(category, compare);

    item.css({
        'width': 0,
        'min-width': 0,
        'margin-right': 0,
        'opacity': 0,
    });

    item.removeClass('active');

    let items_visible_count = root.find('.compare-content-item.active').length;

    if( items_visible_count == 0 ){
        root.hide(400);
    }

    compareAddOrRemoveItem(category, compare);
    // compareItem__delete(category, compare);


    if( $('.compare-content-item.active').length == 0 ){
        $('.page-compare-empty').show();
    } else {
        $('.page-compare-empty').hide();
    }

});



$('body').on('click', '.compare-del-line', function(e){
    e.preventDefault();

    $(this).parents('.compare').find('.compare-content-item.active .compare-content-item-del').each(function(){
        $(this).trigger('click');
    });
});


// Для скроллинга вбок перетаскиванием мышки
window.onload = function () {
    // let scr = $('.scroll-tap');
    let scr = $('.compare-content');
    scr.mousedown(function () {
        let startX = this.scrollLeft + event.pageX;
        let startY = this.scrollTop + event.pageY;
        scr.mousemove(function () {
            this.scrollLeft = startX - event.pageX;
            this.scrollTop = startY - event.pageY;
            return false;
        });
    });
    $(window).mouseup(function () {
        scr.off("mousemove");
    });
}