$ = jQuery.noConflict();
$(document).ready(function(){
	setSliders();
	checkMenuLevels();
	setFilterMobile();
	// productCommets();
	setCookiesNote();
	prodQtd();
	filtersAdjusts();
	setAddtoCart();
	setRegioes();
	setEffects();
	setModal();
	setScrolledClass();
	setFullWidthDescription();

	if($("[data-collapse]").length){

		var elements = $("[data-collapse]");

		$.each(elements, function(k, v){
			var el = $(this);
			var h = el.data('collapse');

			el.append('<span class="collapse-seemore"><button></button></span>');
			seeMore(el, h, el.find('button'), 'VER MAIS +', 'less', 'more');
		});

		function seeMore(el, h, button, text, oldClass, newClass) {
			el.css('max-height', h);
			$(button).text(text).removeClass(oldClass).addClass(newClass);
		}

		$('.collapse-seemore button.more').on('click', function(e){
			e.preventDefault();
			var el = $(this).parent().parent();
			var button = $(this);

			if($(this).hasClass('more')){
				seeMore(el, '100%', button, 'VER MENOS -', 'more', 'less');
			}else if($(this).hasClass('less')){
				var h = el.data('collapse');
				seeMore(el, h, button, 'VER MAIS +', 'less', 'more');
			}
		});

	}

	if($('#modulo-pq-kuk').length > 0){
		$('#modulo-pq-kuk').load('https://www.letskuk.com.br/?loja=691079&opencode_theme=61113c0d18180&50815 #infos-line', function(e){
			if($('.infos-line-slider').length > 0){
				$('.infos-line-slider').slick({
				  dots: false,
				  infinite: true,
				  arrows:false,
				  autoplay:true,
				  autoplaySpeed: 3000,
				  speed: 200,
				  slidesToShow: 4,
				  slidesToScroll: 4,
				  responsive: [
				  		{
					      breakpoint: 1199,
					      settings: {
					        slidesToShow: 3,
					        slidesToScroll: 3
					      }
					    },
					    {
					      breakpoint: 768,
					      settings: {
					        slidesToShow: 2,
					        slidesToScroll: 2
					      }
					    },
					    {
					      breakpoint: 480,
					      settings: {
					        slidesToShow: 1,
					        slidesToScroll: 1
					      }
					    }
					  ]
				});
			}

		});
	}

	setTimeout(function(){
		if($('#bloco-add-lista').length > 0){
				$('.page-product #bloco-add-lista a').text('adicionar aos favoritos');
				$('.page-product #bloco-add-lista a').prepend('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="28.6px" height="23.7px" viewBox="0 0 28.6 23.7" style="enable-background:new 0 0 28.6 23.7;" xml:space="preserve"><style type="text/css">.add-to-fav{fill:#868787;}</style><defs></defs><path class="add-to-fav" d="M20.5,0L20.5,0c-2.4,0-4.7,1-6.2,2.9C12.8,1,10.5,0,8.1,0C3.6,0,0,3.6,0,8.1c0,7.7,13.4,15.2,13.9,15.4	c0.2,0.1,0.5,0.1,0.7,0c0.5-0.3,13.9-7.7,13.9-15.4C28.6,3.6,24.9,0,20.5,0 M14.3,22.1c-2.1-1.2-12.8-7.8-12.8-14 c0-3.7,3-6.7,6.7-6.7c2.3,0,4.4,1.1,5.6,3c0.2,0.3,0.7,0.4,1.1,0.2c0.1,0,0.1-0.1,0.2-0.2c2-3.1,6.1-3.9,9.2-1.9 c1.9,1.2,3,3.3,3,5.6C27.1,14.4,16.4,20.9,14.3,22.1"/></svg>');
		}
	}, 1000);

	function setRegioes() {
		if($('#consulta_por_cep').length > 0){
			var regioesValidas = {
				'curitiba': '80000001-83800999',
				'joinville': '89200001-89239999',
				'araquari': '89245000-89246999',
				'bal-camboriu': '88330001-88339999',
				'itajai': '88300001-88319999',
				'camboriu': '88340001-88349999',
				'itapema': '88220000-88229999',
				'navegantes': '88370001-88379999',
				'florianopolis': '88000001-88099999',
				'sao-jose': '88100001-88124999',
				'ponta-grossa': '84000001-84129999',
				'maringa': '87000001-87109999',
				'londrina': '86000001-86124999',
				'jaragua-do-sul': '89250001-89269999',
				'blumenau': '89000001-89079999',
				'porto-alegre': '90000000-94900999'
			},
			regioesLength = 16; // Ajustar conforme quantidade de dados na var regioesValidas
			status = 0;

			function populateResult(cep, address, statusMsg, statusClass){
				if(cep){
					$('.consulta_result .r-cep').text('CEP: '+cep);
				}else{
					$('.consulta_result .r-cep').text('');
				}
				if(address){
					$('.consulta_result .r-endereco').text(address);
				}else{
					$('.consulta_result .r-endereco').text('');
				}
				if(statusMsg){
					$('.consulta_result .r-status').text(statusMsg);
				}else{
					$('.consulta_result .r-status').text('statusMsg');
				}

				if(statusClass){
					$('.consulta_result').addClass(statusClass).slideDown(200);
				}else{
					$('.consulta_result').slideDown(200);				
				}

				$('.consulta_por_cep .loading').hide();
				$('#consulta_por_cep button').removeAttr('disabled');

			}

			function consultaPorCep(cep) {
				$.get('https://viacep.com.br/ws/'+cep+'/json/', function(r){
					if(r.erro){
						populateResult(cep,'','Erro ao consultar: o CEP digitado não é válido ou o sistema apresentou um erro. Verifique e tente novamente.', 'status-error')
					}else{
						status = 0;			
						i = 0;			

						$.each(regioesValidas, function(k, v){
							i++;
							if(v){							
								// console.log(v);
								_v = v.split('-');
								if(cep >= _v[0] && cep <= _v[1]){
									status = 1;
								}

								if (regioesLength == i){
									console.log('Status: ', status);
									if(status == 1){									
										populateResult(r.cep, r.logradouro+', '+r.bairro+', '+r.localidade+'/'+r.uf, 'Boa notícia! Sua região está dentro de nossa área de entrega! Aproveite!', 'status-success');
									}else{
										populateResult(r.cep, r.logradouro+', '+r.bairro+', '+r.localidade+'/'+r.uf, 'Sua regiáo está fora de nossa área de entrega.', 'status-error');
									}	
								}
							}
						});
					}
				}).fail(function(erro){
					populateResult(cep, '', 'Erro ao consultar: o CEP digitado não é válido ou o sistema apresentou um erro. Verifique e tente novamente.', 'status-error');
				});
			}

			$('#consulta_por_cep').on('submit', function(e){
				e.preventDefault();
				$('.consulta_por_cep .loading').show();
				$(this).find('button').attr('disabled', 'disabled');
				$('.consulta_result').hide();
				$('.consulta_result').removeClass('status-success').removeClass('status-error');
				consultaPorCep(e.target[0].value);
			});

		}
	}

	// function productCommets(){
	// 	if($('.hreview-comentarios').length > 0){
	// 		var form = $('#comentario_cliente');
	// 		form.before('<div class="text-center" id="showCommentFormBtn"><a href="#" style="font-size:1.4rem;text-decoration:underline;">Clique aqui para enviar seu coment�rio.</a></div>').hide();

	// 		$('#showCommentFormBtn').on('click', function(e){
	// 			e.preventDefault();
	// 			form.show(400);
	// 			$(this).remove();
	// 		});
	// 	}
	// }

	function setAddtoCart(){
		$('[data-app="product.buy-button"]').on('click', function(e) {
			e.preventDefault();
			$('html').addClass('addingToCart');
	        var $productId = $(this).attr('data-product');
	        var $dataQty = $(this).attr("data-quantity");
	        var $qty = parseInt($dataQty);
	        var $dataSession = $("html").attr("data-session");
	        var self = this;
	        $.ajax({
	          method: "POST",
	          url: "/web_api/cart/",
	          contentType: "application/json; charset=utf-8",
	          data: '{"Cart":{"session_id":"'+$dataSession+'","product_id":"'+$productId+'","quantity":"'+$qty+'"}}'
	        }).done(function( response, textStatus, jqXHR ) {

		        $(self).text("ADICIONADO!").attr('disabled', 'true');

		        var selfInput = $(self).closest('.product-box').find('input.quant');
		        $(selfInput).on('change', function(){
		        	$(self).text("ADICIONAR").removeAttr('disabled');
		        });
		        // $('.cart .cart-info').addClass('swing');

	        	// $('.adding-mask').show(400);

		        // setTimeout(function(){
		        // 	$('.modal-backdrop.in').remove();
		        // 	$('.cart-preview.in').removeClass('in');		        	
		        // 	$('.adding-mask').remove();
		        // },1500);		        

		        setTimeout(function(){
		        	// $('html').removeClass('addingToCart');     	
		        	// $('.cart .cart-info').removeClass('swing');
		        	$(self).text("ADICIONAR").removeAttr('disabled');
		        },3000);


		        // var qtdCart = parseInt($("[data-cart=amount]").html());
		        // $("[data-cart=amount]").html(qtdCart + $qty);

	        }).fail(function( jqXHR, status, errorThrown ){
		        var response = $.parseJSON( jqXHR.responseText );
		        // Exibe a mensagem de erro (estoque insuficiente, etc)
		        alert(response.causes[0])
	        });
	    });
	}

	function setQtd(quant, el){
	    var value = parseInt(el.closest('.product-box').find('input.quant')[0].value);
	    var prodbox = el.closest('.product-box');
	    value+=quant;

	    if(value < 1){
	      	prodbox.find('input.quant')[0].value = 1;
	      	prodbox.find('[data-app="product.buy-button"]').attr('data-quantity', 1)
	      	prodbox.find('input.quant').trigger("change");
	    }else{
	    	prodbox.find('input.quant')[0].value = value;
	      	prodbox.find('[data-app="product.buy-button"]').attr('data-quantity', value);
	      	prodbox.find('input.quant').trigger("change");
	    }
	}

	// function resetQtd(){
	// 	$.each($('input.quant'), function(index, value){
	// 		value.value = 1;
	// 	});
	// }

	// function setCartAmount(){
	// 	$('body').on('DOMSubtreeModified', '.cart-preview-body', function(){

	// 		var dataSession =  $("html").attr("data-session");
	// 		setTimeout(function(){
	// 			$.ajax({
	// 	          method: "GET",
	// 	          url: "/web_api/cart/"+dataSession
	// 	        }).done(function( response, textStatus, jqXHR ) {
	// 	        	var qtd = 0;
	// 	        	$.each(response, function(index, value){
	// 	        		qtd = qtd + parseInt(value.Cart.quantity);
	// 	        	});
	// 	        	$('[data-cart="amount"]').html(qtd);
	// 	        }).fail(function( jqXHR, status, errorThrown ){
	// 		        var response = $.parseJSON( jqXHR.responseText );
	// 		        if(response.code === 404){
	// 		        	$('[data-cart="amount"]').html(0);
	// 		        }
	// 	        });
	// 		},500);
			
	// 	});
	// }

	function filtersAdjusts() {
		if($('.filtro-ordem').length > 0){
			$('.filtro-ordem #select_ordem').before('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px" y="0px" width="9.2px" height="12.2px" viewBox="0 0 9.2 12.2" style="enable-background:new 0 0 9.2 12.2;" xml:space="preserve"><style type="text/css">.select-svg{fill:#3F3E3D;}</style><defs></defs><polygon class="select-svg" points="0,12.2 0,0 9.2,6.1 "/></svg>');
		}

		if($('.new-smart-filter').length > 0){

			$('.new-smart-filter .filter__title').append('<button class="menu-collapse">-</button>');

			$('.menu-collapse').on('click', function(e){
				e.preventDefault();
				var parent = $(this).parent().parent().parent();
				parent.toggleClass('collapse');

				if(parent.hasClass('collapse')){
					$(this).text('+');
				}else{
					$(this).text('-');
				}
			});

			$('.smart-filter__remove').on('click', function(){		
				var filter = $(this).data('filter').replace(/%20/g, '+').replace(/%7C/g, '|');
				console.log(filter);

				if(filter == 'clean'){
					var el = $('.filter .filter__item input'),
					count = el.length;

					$('.filter .filter__item input').each(function(){
						$(this).removeAttr('checked');
						if (!--count) $('.filter__button').trigger('click');				
					});
				}else{
					console.log(filter);
					$('.filter .filter__item input[value="'+filter+'"]').removeAttr('checked');
					$('.filter__button').trigger('click');
				}

			});
		}
	}

	

	function prodQtd(){
		if($('.product-qtd').length > 0){			
			$('.prod-qtd-click').on('click', function(e){
				if($(this).hasClass('plus')){
					setQtd(1, $(this));
				}else if($(this).hasClass('minus')){
					setQtd(-1, $(this));
				}
			});
		}
	}

	function testimTabs() {
		$('.testimonial-text li').removeClass('active');
		var tab = $('.testimonial-nav li.active a').attr('href');

		$(tab).addClass('active');
	}
	testimTabs();

	function testimTabsHandler() {
		$('.testimonial-nav a').on('mouseover', function(e){
			e.preventDefault();
			$('.testimonial-nav li').removeClass('active');
			$(this).parent().addClass('active');
			testimTabs();
		});

		$('.testimonial-nav a').on('click', function(e){
			e.preventDefault();
		});
	}
	testimTabsHandler();

	function checkMenuLevels(){
		$('.main-menu .level2').parent().addClass('has-level-2');
		$('.main-menu .level3').closest('.item-level1').addClass('has-level-3');
	}

	function setFilterMobile(){
		$('.btn_filter').on('click', function(e){
			e.preventDefault();
			$('.new-smart-filter').toggle(400);
		});
	}

	function setSliders(){
		//  SLIDER - Banner R�gua
		if($('.infos-line-slider').length > 0){
			$('.infos-line-slider').slick({
			  dots: false,
			  infinite: true,
			  arrows:false,
			  autoplay:true,
			  autoplaySpeed: 3000,
			  speed: 200,
			  slidesToShow: 4,
			  slidesToScroll: 4,
			  responsive: [
			  		{
				      breakpoint: 1199,
				      settings: {
				      	arrows: true,
				        slidesToShow: 3,
				        slidesToScroll: 3
				      }
				    },
				    {
				      breakpoint: 768,
				      settings: {
				      	arrows: true,
				        slidesToShow: 2,
				        slidesToScroll: 2
				      }
				    },
				    {
				      breakpoint: 480,
				      settings: {
				      	arrows: true,
				        slidesToShow: 1,
				        slidesToScroll: 1
				      }
				    }
				  ]
			});
		}

		//  SLIDER - Top Bar
		if($('.topbar-slider').length > 0 && $(window).width() < 992 || $('.customer-content').hasClass('customer-logged')){
			console.log("logged");
			$('.topbar-slider').slick({
			  dots: false,
			  infinite: true,
			  arrows:false,
			  autoplay:true,
			  autoplaySpeed: 3000,
			  speed: 200,
			  slidesToShow: 1,
			  slidesToScroll: 1
			});
		}

		//  SLIDER - Showcase
		if($('.showcase-slider').length > 0){
			$('.showcase-slider').slick({
			  dots: false,
			  infinite: true,
			  arrows:false,
			  speed: 300,
			  slidesToShow: 4,
			  slidesToScroll: 4,
			  autoplay: true,
		  	autoplaySpeed: 3000,
			  responsive: [
			    {
			      breakpoint: 1024,
			      settings: {
			        slidesToShow: 3,
			        slidesToScroll: 3,
			        infinite: true,
			        dots: false
			      }
			    },
			    {
			      breakpoint: 767,
			      settings: {
			        slidesToShow: 2,
			        slidesToScroll: 2,
			        infinite: false,
			      }
			    },
			    {
			      breakpoint: 480,
			      settings: {
			        slidesToShow: 1,
			        slidesToScroll: 1
			      }
			    }
			  ]
			});
		}

		//  SLIDER - Banners
		if($('.js-banners-slider-1').length > 0){
			$('.js-banners-slider-1').slick({
			  dots: false,
			  infinite: true,
			  arrows:false,
			  speed: 300,
			  slidesToShow: 6,
			  slidesToScroll: 6,
			  autoplay: true,
		  	  autoplaySpeed: 3000,
			  responsive: [
			    {
			      breakpoint: 1024,
			      settings: {
			      	arrows: true,
			        slidesToShow: 4,
			        slidesToScroll: 4,
			        infinite: true,
			        dots: false
			      }
			    },
			    {
			      breakpoint: 767,
			      settings: {
			      	arrows: true,
			        slidesToShow: 3,
			        slidesToScroll: 3,
			        infinite: false,
			      }
			    },
			    {
			      breakpoint: 480,
			      settings: {
			      	arrows: true,
			        slidesToShow: 2,
			        slidesToScroll: 2
			      }
			    }
			  ]
			});
		}

		if($('.js-banners-slider-2').length > 0 && $(window).width() < 992){
			$('.js-banners-slider-2').slick({
			  dots: false,
			  infinite: true,
			  arrows:false,
			  speed: 300,
			  slidesToShow: 4,
			  slidesToScroll: 4,
			  autoplay: true,
		  	  autoplaySpeed: 3000,
			  responsive: [
			    {
			      breakpoint: 767,
			      settings: {
			      	arrows: true,
			        slidesToShow: 2,
			        slidesToScroll: 2,
			        infinite: false,
			      }
			    },
			    {
			      breakpoint: 480,
			      settings: {
			      	arrows: true,
			        slidesToShow: 1,
			        slidesToScroll: 1
			      }
			    }
			  ]
			});
		}
	}

	function setCookiesNote(){

		if($('.cookiesNote').length > 0){
			if(Cookies.get('cookiesNote') != 'hidden'){
				setTimeout(function(){
					$('.cookiesNote').slideDown(100);
				},2000);
			}else{
				console.log('%c Cookies accepted! ', 'background-color:#fff;color:#000');
			}

			$('.cookiesNote .cookiesNote-box .cookiesNote-btn a').on('click', function(e){
				e.preventDefault();
				$('.cookiesNote').hide();
				Cookies.set('cookiesNote','hidden',{ expires: 30 });
			});
		}
	}

	function setModal() {
    	if($('#showModal').length > 0){
    		if(Cookies.get('modalHome') != 'hidden'){
				setTimeout(function(){
					$('#showModal').show();
					Cookies.set('modalHome','hidden',{ expires: 1 });
				}, 3000);
			}else{
				console.log('%c Modal hidden - expires in 1 day ', 'background-color:#fff;color:#000');
			}   		

		    //Fecha Modal
		    $('body').on('click', function() {
		     $('#showModal').hide();
		    });
		    $('#showModal .modal-close').on('click', function() {
		     $('#showModal').hide();
		    });
		    $('#showModal .modal').on('click', function(e) {
		     e.stopPropagation();
		    });
    	}
	}

	function setEffects(){
        // DATA EFFECTS
        var $target = $('[data-effects]');
        var $animateClass = 'animate';
        var $offset = $(window).height() * 0.975;

        function animeScroll() {
          var $docTop = $(document).scrollTop();
          // console.log($docTop);
          
          $target.each(function(){
            var $itemTop = $(this).offset().top - $offset;
            if($docTop > $itemTop){
              $(this).addClass($animateClass).trigger('animate:on');
            }else{
              $(this).removeClass($animateClass);
            }
          })  

        }
        if($target){
          animeScroll();
          $(window).scroll(function(){
            animeScroll();
          })    
        }
    }

	function setCounter(){

      $.fn.countTo = function(options) {
          // merge the default plugin settings with the custom options
          options = $.extend({}, $.fn.countTo.defaults, options || {});
          
          // how many times to update the value, and how much to increment the value on each update
          var loops = Math.ceil(options.speed / options.refreshInterval),
              increment = (options.to - options.from) / loops;
          
          return $(this).each(function() {
              var _this = this,
                  loopCount = 0,
                  value = options.from,
                  interval = setInterval(updateTimer, options.refreshInterval);
              
              function updateTimer() {
                  value += increment;
                  loopCount++;
                  $(_this).html(value.toFixed(options.decimals));
                  
                  if (typeof(options.onUpdate) == 'function') {
                      options.onUpdate.call(_this, value);
                  }
                  
                  if (loopCount >= loops) {
                      clearInterval(interval);
                      value = options.to;
                      
                      if (typeof(options.onComplete) == 'function') {
                          options.onComplete.call(_this, value);
                      }
                  }
              }
          });
      };

      $.fn.countTo.defaults = {
          from: 0,  // the number the element should start at
          to: 100,  // the number the element should end at
          speed: 1000,  // how long it should take to count between the target numbers
          refreshInterval: 100,  // how often the element should be updated
          decimals: 0,  // the number of decimal places to show
          onUpdate: null,  // callback method for every time the element is updated,
          onComplete: null,  // callback method for when the element finishes updating
      };

      var elem = $('.mvl-counter');
      var target = 0;

      $.each(elem, function(index, value){
        target = $(this).attr('data-target');

        $(this).countTo({
            from: 0,
            to: target,
            speed: 2000,
            refreshInterval: 100,
            onComplete: function(value) {
                // console.debug(this);
            }
        });

      });
      
    }
    //setCounter();

    var startCounter = 1;

    $('.mvl-counter').on('animate:on', function() {
      if(startCounter == 1){
        setCounter();
        startCounter = 0;
      }
    });

    function setScrolledClass(){
      function setScrolledClassFn(){
        var offset = $('.header').outerHeight();
        var topHeight = $(window).scrollTop();

        if(topHeight > offset) {
          $('body').addClass('scrolled');
        }else{
          $('body').removeClass('scrolled');
        }
      }
      setScrolledClassFn();
      $(window).on('scroll', function(){
        setScrolledClassFn();
      });
    }

    function searchAttached() {
    	var el = $('input#show-search');
    	el.checked = false;
    	el.on('change', function(){
    		showSearch = false;
	    	$.each(el, function(k, v){
	    		if(v.checked) showSearch = true;

	    		if(k == (el.length - 1)) searchToggle(showSearch);
	    	});
	    	// console.log(showSearch);
	   	});
    }
    searchAttached();

    function searchToggle(showSearch){
    	if(showSearch ==  true){
    		$('.search-attached').slideDown(200);
    		$('.search-trigger').addClass('on');
    	}else{
    		$('.search-attached').slideUp(200);    		
    		$('.search-trigger').removeClass('on');
    	}
    }

    $('.toggle-menu').on('click', function(e){
    	e.preventDefault();
    	$('html').toggleClass('menu-open');
    });

    $('.close-menu, .menu-mobile-backdrop').on('click', function(e){
    	e.preventDefault();
    	$('html').removeClass('menu-open');
    	console.log('remove');
    });

    function setFullWidthDescription() {
		$('.js-force-full-width').addClass('loaded');
		if($('.js-force-full-width').parent('.container').length){
			$('.js-force-full-width').parent('.container').removeClass('container').addClass('full-width-container').prepend('<!-- Classe .container removida devido a script relacionado a classe .js-force-full-width de child element, for�ando a utiliza��o de um container full-width -->');
		}
	}

});