$(document).ready(function ($) {
	console.log(
		'%c Developed by XTO: Expertos Tiendas Online ',
		'background: blue; color: white; font-size: 17px;'
	)
	console.log('%c www.expertostiendasonline.es ', 'font-size: 17px;')
})

//Slick orientation trigger
$(window).on('orientationchange', function () {
	$('[data-slick]').slick('reinit')
})
$('.products-slick').on('init reInit', function (e) {
	// console.log(e);
	var _el = e.target

	jbResizeSlider(_el)
})

//since multiple events can trigger a slider adjustment, we will control that adjustment here
function jbResizeSlider(_el) {
	$('.card-product', _el).height('auto')

	var slickTrack = $('.slick-track', _el)
	var slickTrackHeight = slickTrack.height()

	$('.card-product', _el).css('height', slickTrackHeight + 'px')
}

/*
 * XTO.es: Custom code goes here.
 */
// $(document).ready(function ($) {
// 	$('.PM_ASCriterionsGroupTitle i').first().removeClass('down').addClass('up')
// 	$('.PM_ASCriterionsGroupOuter').first().addClass('show')
// })

$(document).ready(function () {
	if (window.Swiper) {
		var swiper_images_container = new Swiper('.images-container', {
			slidesPerView: 1,
			spaceBetween: 50,
			slidesPerGroup: 1,
			loop: true,
			loopFillGroupWithBlank: false,
			autoplay: 4500,
			autoplayDisableOnInteraction: false,
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			keyboard: {
				enabled: true,
				onlyInViewport: false,
			},
		})
		
		var swiper_featured_products = new Swiper('.featured-products-container', {
			slidesPerView: 5,
			spaceBetween: 50,
			slidesPerGroup: 1,
			loop: true,
			loopFillGroupWithBlank: false,
			autoplay: 4500,
			autoplayDisableOnInteraction: false,
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			keyboard: {
				enabled: true,
				onlyInViewport: false,
			},
			breakpoints: {
				1024: {
					slidesPerView: 3,
				},
				768: {
					slidesPerView: 2,
					spaceBetween: 35,
				},
				480: {
					slidesPerView: 2,
					spaceBetween: 20,
				},
			},
		})

		var swiper_category_products = new Swiper('.category-products-container', {
			slidesPerView: 4,
			spaceBetween: 50,
			slidesPerGroup: 1,
			loop: true,
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev',
			},
			keyboard: {
				enabled: true,
				onlyInViewport: false,
			},
			breakpoints: {
				1024: {
					slidesPerView: 3,
				},
				768: {
					slidesPerView: 2,
					spaceBetween: 35,
				},
				480: {
					slidesPerView: 2,
					spaceBetween: 20,
				},
			},
		})
	}

	// $('.checkout-account').on('click', function () {
	// 	$('.checkout-account').removeClass('active')
	// 	$('.tab-pane').removeClass('active')
	// 	$(this).addClass('active')
	// 	var content = '#' + $(this).data('content')
	//  	$(content).addClass('active')
	//  })

	//  $('#checkout-register').on('click', function () {
	// 	if (validateEmail($('#siginup-email').val())) {
	// 		$('.checkout-personal').css('display', 'none')
	// 		$('.checkout-singup__register').css('display', 'block')
	// 		$('input[name=email]').val($('#siginup-email').val())
	// 		$('input[name=firstname]').focus()
	// 	} else {
	//  		$('.checkout-personal__singup').addClass('was-validated')
	//  		$('#siginup-email-invalid').css('display', 'block')
	//  	}
	//  })

	//  $('#checkout-visitor').on('click', function () {
	//  	$('.checkout-personal').css('display', 'none')
	// 	$('.checkout-singup__visitor').css('display', 'block')
	// })

	$('#siginup-email').on('keypress', function (e) {
		if (e.which == 13) {
			$('#checkout-register').click()
		}
	})

	$('.go_form').on('click', function () {
		$('#fisrtname').focus()
	})

	$('.btn-show-password').on('click', function () {
		var elm = $(this).closest('.input-group').children('input.js-visible-password')
		var img = $(this).children('img')
		if (elm.attr('type') === 'password') {
			elm.attr('type', 'text')
			img.attr('src', $(this).data('icon-hide'))
		} else {
			img.attr('src', $(this).data('icon-show'))
			elm.attr('type', 'password')
		}
	})

	$('.btn-searchbar').on('click', function () {
		$('#modal_search_bar').removeClass('fade').addClass('active')
		$('.autocomplete-suggestions').addClass('active')
		$('.xto-searchbar').focus().select()
	})

	$('#modal_search_bar .close').on('click', function () {
		$('#modal_search_bar').removeClass('active').addClass('fade')
		$('.autocomplete-suggestions').removeClass('active')
	})

	$('.btn-filter').on('click', function () {
		$(this).toggleClass('active')
		$('#xto-filter').toggleClass('active')
		// $('#modal_ASBlockOutput').removeClass('fade').addClass('active')
		// $('.modal').find('.PM_ASBlockOutputVertical').addClass('active')
		// $('#header').css('display', 'none')
		// $('.product-flags').css('z-index', 0)
	})

	// $('body').on('click', '.PM_ASCriterionsGroupTitle', function () {
	// 	if ($('.' + $(this).data('options')).hasClass('show')) {
	// 		$('.' + $(this).data('options')).removeClass('show')
	// 		$(this).find('i').removeClass('down').removeClass('up').addClass('down')
	// 	} else {
	// 		$('.PM_ASCriterionsGroupTitle i').removeClass('up').addClass('down')
	// 		$(this).find('i').removeClass('down').addClass('up')

	// 		$('.PM_ASCriterionsGroupOuter').removeClass('show')
	// 		$('.' + $(this).data('options')).addClass('show')
	// 	}
	// })

	// $('#modal_ASBlockOutput .close').on('click', function () {
	// 	$('#modal_ASBlockOutput').removeClass('active').addClass('fade')
	// 	$('.PM_ASBlockOutputVertical').removeClass('active')
	// 	$('#header').css('display', 'block')
	// 	$('.product-flags').css('z-index', 2)
	// })

	// $(document).on('click', '.PM_ASLabelCheckbox', function () {
	// 	$('#modal_ASBlockOutput').removeClass('active').addClass('fade')
	// 	$('.PM_ASBlockOutputVertical').removeClass('active')
	// 	$('#header').css('display', 'block')
	// 	$('.product-flags').css('z-index', 2)
	// })

	// $(document).on('click', '.PM_ASResetGroup', function () {
	// 	$('#modal_ASBlockOutput').removeClass('active').addClass('fade')
	// 	$('.PM_ASBlockOutputVertical').removeClass('active')
	// 	$('#header').css('display', 'block')
	// 	$('.product-flags').css('z-index', 2)
	// })

	$('.xtomegamenu_mobile_menu').on('click', function () {
		$('body').addClass('modal-open')
		$('#mobile_top_menu_item').removeClass('fade').addClass('active')
	})

	$('#mobile_top_menu_item .close').on('click', function () {
		$('body').removeClass('modal-open')
		$('#mobile_top_menu_item').removeClass('active').addClass('fade')
	})

	$('.xtomegamenu_mobile_menu_user').on('click', function () {
		$('#mobile_top_menu_item_user').removeClass('fade').addClass('active')
	})

	$('#mobile_top_menu_item_user .close').on('click', function () {
		$('#mobile_top_menu_item_user').removeClass('active').addClass('fade')
	})


	// $(document).on('click', '.PM_ASResetGroup', function () {
	// 	setTimeout(function () {
	// 		location.reload()
	// 	}, 600)
	// })

	// $(document).on('click', '.PM_ASLabelLink', function () {
	// 	setTimeout(function () {
	// 		location.reload()
	// 	}, 600)
	// })


	$(document).on('click', '.banner-white-info__title', function (e) {
        $(this).toggleClass('active')
		$(this).next().toggleClass('active')
	})


	// Control Scroll product page
    const rightColumnElement = document.getElementById('right-column')
	const fullColumnElement = document.getElementById('full-column')
	const heightHeader = document.getElementById('header')
	function updateRightColumnPosition() {
		const windowHeight = window.innerHeight
		if (fullColumnElement) {
			const fullColumnTop = fullColumnElement.getBoundingClientRect().top
			const windowScrollTop = $(window).scrollTop()
			if (fullColumnTop <= windowHeight) {
				const newPosition = fullColumnTop - windowHeight + heightHeader.offsetHeight + 10
				rightColumnElement.style.top = newPosition + 'px'
			} else {
				rightColumnElement.style.top = ''
			}
		}
	}

	// Llamar a la función inicialmente para configurar el posicionamiento inicial
	updateRightColumnPosition()

	// Agregar un evento de scroll para actualizar continuamente el posicionamiento
	$(window).scroll(function () {
		if (window.innerWidth > 1024) {
			updateRightColumnPosition()
		}
	})

})

function validateEmail(email) {
	var re =
		/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
	return re.test(email)
}