// import { useDynamicAdapt } from "./module/dynamicAdapt.js";
// useDynamicAdapt();
// Dynamic Adaptive
 
 


 $(document).ready(function(){
	 
	

	
	 
	 BX.ready(function(){
	loader = BX('ajax-preloader-wrap');
	BX.showWait = function(node, msg) {
		BX.style(loader, 'display', 'block');
		BX.addClass(loader, 'ajax-preloader--animated');
	};
	BX.closeWait = function(node, obMsg) {
		BX.style(loader, 'display', 'none');
		BX.removeClass(loader, 'ajax-preloader--animated');
	};
});
	 
	 $('.messages_cookies-close').click(function(){
		$('.messages_cookies').hide(100);
		document.cookie = "messages_cookies=true; max-age=31556926";
		return false;
	});
	 
	 
	 
	 
	  $(document).on('click', '.fancybox-button--close', function(){
    window.location.reload();
});


	$('.content_toggle').click(function(){
		$('.custom_section_desc').toggleClass('hide');	
		 $('.view-txt').toggleClass('rotated');
		if ($('.custom_section_desc').hasClass('hide')) {
			$('.content_toggle').html('Подробнее');
			
			
		} else {
			$('.content_toggle').html('Скрыть');
			
			 
		}		
		return false;
	});				
});
 
   $('body').on('click','.compare_category',function(){
  
		$('.compare_list2').slideToggle();   
 $('.compare_category').toggleClass('rotated');		
      
	 	return false;
	});

const hamburger = document.querySelector(".hamburger");
const menu = document.querySelector(".header__menu");
const menuClose = document.querySelector(".header__menu-close");
 const overlay = document.querySelector(".overlay");

hamburger.addEventListener("click", () => {
  menu.classList.add("header__menu--active");
 document.body.classList.add("no-scroll");
  overlay.classList.add("overlay--active");
}); 

menuClose.addEventListener("click", () => {
  menu.classList.remove("header__menu--active");
  document.body.classList.remove("no-scroll");
  overlay.classList.remove("overlay--active");
}); 

 
 if (jQuery(window).width() < 768) {
 $(document).on('click', '.catalog_section_title', function() {
 
$(this).closest('.catalog_section_content').find('.cat_ceret').toggleClass('rot180');

 $(this).closest('.catalog_section_content').find('.catalog_section_list').slideToggle('slow', function() {
	 
    $(this).toggleClass('open');
	
	

  });
  
  
  
   $(this).closest('.catalog_section_content').find('.catalog_section_list_all').slideToggle('slow', function() {
	 
    $(this).toggleClass('open');
	
  });
 
 
   event.preventDefault();
}) }
 
 
/*Характеристики*/ 
$(document).on('click', '.bclick', function() {

 
/*	
 $(this).closest('.catalog_section_content').find('.catalog_section_list_all').slideToggle('slow', function() {
	 
    $(this).toggleClass('open');
	
  });
  
   $(this).closest('.catalog_section_content').find('.catalog_section_show').slideToggle('fast', function() {
	 
 
      $(this).closest('.catalog_section_content').find('.catalog_section_show').html('Свернуть');
	  $(this).closest('.catalog_section_content').find('.catalog_section_show').addClass('clo');
 		
	
  });*/

  
}) 
 /*END Характеристики*/ 
 
$(document).on('click', '.catalog_section_show', function() {

	
 $(this).closest('.catalog_section_content').find('.catalog_section_list_all').slideToggle('slow', function() {
	 
    $(this).toggleClass('open');
	
  });
  
   $(this).closest('.catalog_section_content').find('.catalog_section_show').slideToggle('fast', function() {
	 
 
      $(this).closest('.catalog_section_content').find('.catalog_section_show').html('Свернуть');
	  $(this).closest('.catalog_section_content').find('.catalog_section_show').addClass('clo');
 		
	
  });

  event.preventDefault();
}) 

$(document).on('click', '.clo', function() { 

  $(this).closest('.catalog_section_content').find('.catalog_section_show').slideToggle('fast', function() {
	 $(this).closest('.catalog_section_content').find('.catalog_section_show').html('Показать все');
 });
}); 
 


/*Скрытие */
$(document).on('click', '.blue_link', function() {
 
 $(this).closest('.filter_checkboxes').find('.filter_checkbox_list_all').slideToggle('slow', function() {
	     $(this).toggleClass('open');
		 
	  });
	
	
	   $(this).closest('.filter_checkboxes').find('.blue_link').slideToggle('fast', function() {
	 
 
      $(this).closest('.filter_checkboxes').find('.blue_link').html('Свернуть <img src="/images/caret-right0.svg" alt="" style="margin-top: 4px;">');
	  $(this).closest('.filter_checkboxes').find('.blue_link').addClass('fclo');
 		
	
  });

  event.preventDefault();
}) 


$(document).on('click', '.fclo', function() { 

  $(this).closest('.filter_checkboxes').find('.blue_link').slideToggle('fast', function() {
	 $(this).closest('.filter_checkboxes').find('.blue_link').html('Показать все <img src="/images/caret-right.svg" alt="">');
 });
}); 
  

$(document).on('click', '.rclo', function() { 

  $(this).closest('.filter_checkboxes').find('.blue_link').slideToggle('fast', function() {
	 $(this).closest('.filter_checkboxes').find('.blue_link').html('Показать все');
 });
}); 
 


$(document).ready(function(){ 

 
$('.header__search-input').focus(function(){
		$('.search-list').slideToggle();      
		return false;
	});




/*ОТкрытие год */
$('#viewyear').click(function(){
		$('#listYear').slideToggle(300);      
		return false;
	});
 

$('.poisk_min').click(function(){
		$('#title-search2').slideToggle(300);      
		return false;
	});
/*
$('.hamburger').click(function(){
		$('.header__menu').slideToggle(300);      
		return false;
	});*/

/*ОТкрытие год */
 
 
 $('.openaddr').click(function(){
	 
		$('.address_samovivoz').slideToggle(300);      
		return false;
	});
 
  
 
					
 /*ОТкрытие фильтра */
$('#viewfilter').click(function(){
		$('#listfilter').slideToggle(300);     
       $('#viewfilter').toggleClass('rotated');
		return false;
	});


 
 
 $(".header__profile-text0").click(function(){ 
$(".header__menu").removeClass("header__menu--active");
 $("body").removeClass("no-scroll");
  $(".overlay").removeClass("overlay--active");
 
  });
  
   $(".header__profile-text1").click(function(){ 
$(".header__menu").removeClass("header__menu--active");
 $("body").removeClass("no-scroll");
  $(".overlay").removeClass("overlay--active");
 
  }); 
  
   $(".header__feedback").click(function(){ 
$(".header__menu").removeClass("header__menu--active");
 $("body").removeClass("no-scroll");
  $(".overlay").removeClass("overlay--active");
  });









    $(".soput .certificates_show").click(function(){

        $(".soput .catalog_detail_materials_content .product_item_list").removeClass("showMoreItem");
        $(".soput  .show_more_box").hide();



    });
 
   $(".rm .certificates_show").click(function(){   
   
     $(".rm .catalog_detail_materials_content .product_item_list").removeClass("showMoreItem");
	 $(".rm  .show_more_box").hide();
	 

 
   });
   
     $(".spch .certificates_show").click(function(){   
   
     $(".spch .catalog_detail_materials_content .product_item_list").removeClass("showMoreItem");
	 $(".spch  .show_more_box").hide();
	 

 
   });
   
    $(".do .certificates_show").click(function(){   
   
     $(".do .catalog_detail_materials_content .product_item_list").removeClass("showMoreItem");
	 $(".do  .show_more_box").hide();
	 

 
   });
   
	  $("#dtic-open").click(function(){ 
	  $(".active").removeClass("active");
 
	   $("#dtic-open").addClass("active");
		 
		    
		 
  });

    $('body').find("#view-decs").on('click',function(){
        console.log('click desc');
        $(".active").removeClass("active");
        $(".catalog_detail_materials").hide();
        $(".catalog_detail_parameters").hide();

        //  $("#first_sort").removeClass("active")
        $("#desc-open").addClass("active");
        $(".catalog_detail_overview").addClass("active");
        $(".catalog_detail_overview").show();



        $([document.documentElement, document.body]).animate({
            scrollTop: $(".catalog_detail_nav").offset().top
        }, 500);
    });
  
 // $("#view-decs:not(.init)").click(function(){
 //    $(".active").removeClass("active");
 //    $(".catalog_detail_materials").hide();
 //    $(".catalog_detail_parameters").hide();
 //
	//  //  $("#first_sort").removeClass("active")
	//    $("#desc-open").addClass("active");
	//     $(".catalog_detail_overview").addClass("active");
	// 	 $(".catalog_detail_overview").show();
	//
	//
	//
	//      $([document.documentElement, document.body]).animate({
 //        scrollTop: $(".catalog_detail_nav").offset().top
 //    }, 500);
 //  });
 //    $('#view-decs').addClass('init');

    $("#view-parameters").click(function(){
	  $(".active").removeClass("active");
 $(".catalog_detail_materials").hide();
	  
	 $("#parameters-open").addClass("active");
	 
	  $(".catalog_detail_parameters").addClass("active");
		 $(".catalog_detail_parameters").show();
		  $(".catalog_detail_overview").hide();
		 
		 
		      $([document.documentElement, document.body]).animate({
        scrollTop: $(".catalog_detail_nav").offset().top
    }, 500);
		 
  });	  
	  
	  $("#st-open").click(function(){ 
	  $(".active").removeClass("active");
 
	   $("#st-open").addClass("active");
		 
		    
		 
  });
	    $("#do-open").click(function(){ 
	  $(".active").removeClass("active");
 
	   $("#do-open").addClass("active");
		 
		    
		 
  });
	  
	    $("#spx-open").click(function(){ 
	  $(".active").removeClass("active");
 
	   $("#spx-open").addClass("active");
		 
		    
		 
  });
  
  
   
	 
}); 



const tabs = document.getElementsByClassName('tab');  
const sections = document.getElementsByClassName('intab'); 

[...tabs].forEach(tab => tab.addEventListener('click', tabClick));

function tabClick(event) {
  const tabId = event.target.dataset.id;

  [...tabs].forEach((tab, i) => {
    tab.classList.remove('active');
    sections[i].classList.remove('active');
  })

  tabs[tabId - 1].classList.add('active');
  sections[tabId - 1].classList.add('active');
  
  
}


// Burger Menu


slider_for();
slider_nav();
product_slick();
	function slider_for() {
        $('.slider-for').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
            fade: true,
            dots: true,
            asNavFor: '.slider-nav',

            responsive: [
                {
                    breakpoint: 640,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        arrows: false,
                        dots: true,

                    },
                },

            ],

        });
    }
	
	function slider_nav() {
        $('.slider-nav').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            asNavFor: '.slider-for',
            dots: true,
            centerMode: false,
            focusOnSelect: true,
            variableWidth: true,
            arrows: false,
            dots: false,
        });
    }

//products slider

/*$(".product").slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  arrows: true,
  dots: false,
  rows: 1,
  responsive: [
    {
      breakpoint: 1500,
      settings: {
        arrows: true,
        dots: false,
      },
    },
    {
      breakpoint: 1300,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        arrows: true,
        dots: false,
      },
    },
	 {
      breakpoint: 1200,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: false,
        dots: false,
		  centerMode: true,
		 
      },
    },
    {
      breakpoint: 960,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: false,
        dots: false,
		  centerMode: true,
		 
      },
    },
    {
      breakpoint: 640,
      settings: {
        slidesToShow: 2,
          slidesToScroll: 1,
        arrows: false,
        dots: false,  
 
		     variableWidth: true,
			   
		  
		
      },
    },
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ],
});*/

function product_slick() {
    $(".product").slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        arrows: true,
        dots: false,
        rows: 1,
        responsive: [
            {
                breakpoint: 1500,
                settings: {
                    arrows: true,
                    dots: false,
                },
            },
            {
                breakpoint: 1300,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 3,
                    arrows: true,
                    dots: false,
                },
            },
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    arrows: false,
                    dots: false,
                    centerMode: true,

                },
            },
            {
                breakpoint: 960,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    arrows: false,
                    dots: false,
                    centerMode: true,

                },
            },
            {
                breakpoint: 640,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    arrows: false,
                    dots: false,

                    variableWidth: true,



                },
            },
            // You can unslick at a given breakpoint now by adding:
            // settings: "unslick"
            // instead of a settings object
        ],
    });
}

//sales slider
$(".sale__items").slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  arrows: false,
  dots: false,
  rows: 1,
  responsive: [
    {
      breakpoint: 1300,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        arrows: true,
        dots: true,
      },
    },
	 {
      breakpoint: 1100,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2,
        arrows: false,
        dots: true,
      },
    },
    {
      breakpoint: 960,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2,
        arrows: false,
        dots: true,
      },
    },
    {
      breakpoint: 640,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ],
});

//banner slider
$(".banner__inner").slick({
  slidesToShow: 2,
  slidesToScroll: 1,
  arrows: false,
  dots: false,
  rows: 1,
  responsive: [
    {
      breakpoint: 993,
      settings: {
        // centerMode:true,
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ],
});


//article slider
$(".intro__inner").slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: true,
  dots: false,
   responsive: [
    {
      breakpoint: 1300,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        dots: true,
      },
    },
	 {
      breakpoint: 1200,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
    {
      breakpoint: 960,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
    {
      breakpoint: 640,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ],
 
   
});

//news slider
$(".news__items").slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  arrows: false,
  dots: false,
  rows: 1,
  responsive: [
    {
      breakpoint: 1300,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        arrows: true,
        dots: true,
      },
    },
	 {
      breakpoint: 1200,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2,
        arrows: false,
        dots: true,
      },
    },
    {
      breakpoint: 960,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2,
        arrows: false,
        dots: true,
      },
    },
    {
      breakpoint: 640,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ],
});

//article slider
$(".article__items").slick({
  slidesToShow: 2,
  slidesToScroll: 1,
  arrows: false,
  dots: false,
  rows: 1,
  responsive: [
    
	{
      breakpoint: 1200,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
	
	{
      breakpoint: 992,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: true,
      },
    },
  ],
});

//service slider
$(".service__items").slick({
  slidesToShow: 4,
  slidesToScroll: 1,
  arrows: true,
  dots: false,
  rows: 1,
  responsive: [
    {
      breakpoint: 1500,
      settings: {
        arrows: true,
        dots: false,
      },
    },
    {
      breakpoint: 1300,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        arrows: true,
        dots: false,
      },
    },
	 {
      breakpoint: 1200,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        arrows: false,
        dots: true,
      },
    },
    {
      breakpoint: 960,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 1,
        arrows: true,
        dots: false,
		  centerMode: true,
		 
      },
    },
    {
      breakpoint: 640,
      settings: {
        slidesToShow: 2,
          slidesToScroll: 1,
        arrows: false,
        dots: false,  
 
		     variableWidth: true,
			   
		  
		
      },
    },
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ],
});

//tab-menu footer
const title = document.querySelectorAll(".footer__items-title");

title.forEach((elem) => {
  const list = elem.parentNode.lastElementChild;

  elem.addEventListener("click", () => {
    elem.classList.toggle("footer__items-title--active");

    // При клике изменяем max-height в зависимости от состояния
    if (elem.classList.contains("footer__items-title--active")) {
      list.style.height = list.scrollHeight + "px";
    } else {
      list.style.height = "0";
    }
  });
 
});

$(".intro__slider").slick({
  mobileFirst: true,
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  dots: true,
  rows: 1,
  responsive: [
    {
      breakpoint: 769,
      settings: "unslick",
    },
  ],
});

$('body').on('click', "#second_sort", function(){
    console.log('second_sort main');
	$(this).addClass("active");
	$("#first_sort").removeClass("active")
	$("#third_sort").removeClass("active")
	$( ".category_product_item" ).each(function() {
		$( this ).addClass("category_product_item2");
	});
	$( ".category_product_item3" ).each(function() {
		$( this ).removeClass("category_product_item3");
	});
});

    $('body').on('click', "#first_sort", function(){
	$(this).addClass("active");
	$("#second_sort").removeClass("active")
	$("#third_sort").removeClass("active")
	$( ".category_product_item2" ).each(function() {
		$( this ).removeClass("category_product_item2");
	});
	$( ".category_product_item3" ).each(function() {
		$( this ).removeClass("category_product_item3");
	});
});
    
    $('body').on('click', "#third_sort", function(){
	$(this).addClass("active");
	$("#first_sort").removeClass("active")
	$("#second_sort").removeClass("active")
	$( ".category_product_item" ).each(function() {
		$( this ).addClass("category_product_item2");
		$( this ).addClass("category_product_item3");
	});
});



 
  
 
 
 
 
 
$(".open_month_list").click(function(){
    $(this).next("ul").slideToggle();
});

$('body').on('click','.filter_header h3',function(){
 
	if ($(window).width() < 1300) {
		$(".filter_content").slideToggle();
		$(this).toggleClass("active");
	}
});

$(".cnt_rev_img.col-md-2").click(function(){ 
   $(".lightboxOverlay").fadeToggle();
   $(".otzivi_i").attr('src','./images/1.jpg');
});
$(".header__feedback").click(function(){
    $("#callback_popup").fadeToggle();
});


  


$(".want").click(function(){
    $("#modal-want").fadeToggle();
});

$("#close_want").click(function(){
    $("#modal-want").fadeToggle();
});




$(".footer__feedback-btn").click(function(){
    $("#callback_popup").fadeToggle();
	 e.preventDefault();
});

$("#close_callback").click(function(){
    $("#callback_popup").fadeToggle();
});
$(".catalog_detail_nav a").click(function(){
	
	$( ".intab" ).each(function( index ) { $(this).css('display','none');
	});
	$c=$(this).index()+1
	$b=".intab:nth-child(" + $c + ")";
	$($b).css('display','block');
 
});
$(".detail_count svg:first-child").click(function(){
  
  var myVar = $(".detail_count span").html();
  
 
  if (myVar !="0") {
  $(".detail_count span").html($(".detail_count span").html()-1)}
});
$(".detail_count svg:last-child").click(function(){
   	$(".detail_count span").html(parseInt($(".detail_count span").html())+1)
});
$("#close_callback_2").click(function(){
	
    $(".lightboxOverlay").fadeToggle();
});
$(".buy_in_click").click(function(){
    $("#buy_popup").fadeToggle();
});

$("#close_buy").click(function(){
    $("#buy_popup").fadeToggle();
});
 
$(".header__profile-text").click(function(){
    $("#buy_popup").fadeToggle();
});


$(".auth-block__register").click(function(){
 
    $("#registration_popup").fadeToggle();
});

$("#registration_close").click(function(){
    $("#registration_popup").fadeToggle();
});

$(".entify_box label").click(function(){
    $(".entify_show").each(function(){
		$(this).toggle();
	});
});

$(".card_count_plus").click(function(){
    $(this).prev("input").val(Number($(this).prev("input").val()) + 1)
});

$(".card_count_minus").click(function(){
    $(this).next("input").val(Number($(this).next("input").val()) - 1)
});

 
/*Новый ползунок*/
const rangeInput = document.querySelectorAll(".range-input input"),
  priceInput = document.querySelectorAll(".price-input input"),
  range = document.querySelector(".slider .progress");
 let priceGap =0;

priceInput.forEach((input) => {
  input.addEventListener("input", (e) => {
    let minPrice = parseInt(priceInput[0].value),
      maxPrice = parseInt(priceInput[1].value);

    if (maxPrice - minPrice >= priceGap && maxPrice <= rangeInput[1].max) {
      if (e.target.className === "input-min") {
        rangeInput[0].value = minPrice;
        range.style.left = (minPrice / rangeInput[0].max) * 100 + "%";
      } else {
        rangeInput[1].value = maxPrice;
        range.style.right = 100 - (maxPrice / rangeInput[1].max) * 100 + "%";
      }
    }
  });
});

 
 
rangeInput.forEach((input) => {
  input.addEventListener("input", (e) => {
    let minVal = parseInt(rangeInput[0].value),
      maxVal = parseInt(rangeInput[1].value);



    if (maxVal - minVal < priceGap) {
      if (e.target.className === "range-min") {
        rangeInput[0].value = maxVal - priceGap;
      } else {
        rangeInput[1].value = minVal + priceGap;
      }
    } else {
      priceInput[0].value = minVal;
      priceInput[1].value = maxVal;
      range.style.left = (minVal / rangeInput[0].max) * 100 + "%";
      range.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%";
	   
    }
  });
  
}); 

if(rangeInput[0]){
    let minVal = parseInt(rangeInput[0].value),
        maxVal = parseInt(rangeInput[1].value);


    priceInput[0].value = minVal;
    priceInput[1].value = maxVal;
    zleft =(minVal / rangeInput[0].max) * 100 + "%";
    zright = 100 - (maxVal / rangeInput[1].max) * 100 + "%";

    if(minVal ==rangeInput[0].min) {

        range.style.left=0 + '%';
        range.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%";
    } else {
        range.style.left = (minVal / rangeInput[0].max) * 100 + "%";
        range.style.right = 100 - (maxVal / rangeInput[1].max) * 100 + "%";
        console.log(zleft +' = '+ zright);}
}