// page init
jQuery(function(){
	"use strict";

	initTabs();
	initIsoTop();
	initbackTop();
	initLightbox();
	initGoogleMap();
	initNavOpener();
	initPreLoader();
	//initCountDown();
	initSlickSlider();
	initStickyHeader();
	initCustomScroll();
	new WOW().init();
});

jQuery(window).on('load', function() {
	"use strict";

	initPreLoader();
});


// PreLoader init
/*function initCountDown() {
	jQuery("#countdown").countdown({ 
		date: "10 december 2017 12:00:00",
		format: "on"
    });
}*/
// PreLoader init
function initPreLoader() {
	jQuery('#pre-loader').delay(1200).fadeOut();
}
// NavOpener init
function initNavOpener() {
	jQuery(".side-close , .side-opener , .mt-side-over").click(function(){
		jQuery("body").toggleClass("side-col-active");
		jQuery(".side-opener").toggleClass("active");
		jQuery(".mt-side-over").toggleClass("active");
		return false;
	});
	jQuery(".mobile-toggle").click(function(){
		jQuery("body").toggleClass("mobile-active");
		jQuery(".mobile-toggle").toggleClass("active");
		return false;
	});
	jQuery(".cart-opener, .mt-mdropover").click(function(){
		jQuery(this).parent().toggleClass("open");
		return false;
	});
	jQuery(".search-close, .icon-magnifier, .fa-search").click(function(){
		jQuery("body").toggleClass("search-active");
		return false;
	});
	jQuery('.drop-link , #nav > ul > li.drop > a').click(function() {
		jQuery(this).next().toggleClass("open");
		return false;
	});
	jQuery('.mt-subopener').click(function() {
		jQuery(this).parent().next().toggleClass("open");
		return false;
	});
}

// SlickSlider init
function initSlickSlider() {
	jQuery(".banner-slider").slick({
		dots: true,
		arrows: false,
		infinite: true,
		adaptiveHeight: true
	});
	jQuery('.tabs-slider').slick({
		slidesToShow: 5,
		slidesToScroll: 1,
		responsive: [
			{
			  breakpoint: 1200,
			  settings: {
			    slidesToShow: 3,
			  }
			},
			{
			  breakpoint: 1024,
			  settings: {
			    slidesToShow: 3,
			  }
			},
			{
			  breakpoint: 599,
			  settings: {
			    slidesToShow: 2,
			  }
			},
			{
			  breakpoint: 479,
			  settings: {
			    slidesToShow: 1,
			  }
			}
		]
	});
	jQuery('.tabs-sliderlg').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		responsive: [
			{
			  breakpoint: 1024,
			  settings: {
			    slidesToShow: 3,
			  }
			},
			{
			  breakpoint: 599,
			  settings: {
			    slidesToShow: 2,
			  }
			},
			{
			  breakpoint: 479,
			  settings: {
			    slidesToShow: 1,
			  }
			}
		]
	});
	jQuery('.bestseller-slider').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		responsive: [
			{
			  breakpoint: 1024,
			  settings: {
			    slidesToShow: 3,
			  }
			},
			{
			  breakpoint: 767,
			  settings: {
			    slidesToShow: 2,
			  }
			},
			{
			  breakpoint: 479,
			  settings: {
			    slidesToShow: 1,
			  }
			}
		]
	});
	jQuery('.patner-slider').slick({
		autoplay: true,
		slidesToShow: 6,
		slidesToScroll: 1,
		adaptiveHeight: true,
		responsive: [
			{
			  breakpoint: 1024,
			  settings: {
			    slidesToShow: 3,
			  }
			},
			{
			  breakpoint: 991,
			  settings: {
			    slidesToShow: 2,
			  }
			},
			{
			  breakpoint: 479,
			  settings: {
			    slidesToShow: 1,
			  }
			}
		]
	});
	jQuery('.work-slider').slick({
		dots: true,
		arrows: true,
		slidesToShow: 1,
		centerMode: true,
		centerPadding: '18%',
		responsive: [
		{
			breakpoint: 1840,
			settings: {
				arrows: false,
				centerMode: true,
				centerPadding: '10%',
				slidesToShow: 1
			}
		},
		{
			breakpoint: 1380,
			settings: {
				arrows: false,
				centerMode: true,
				centerPadding: '5%',
				slidesToShow: 1
			}
		},
		{
			breakpoint: 768,
			settings: {
				arrows: false,
				centerMode: true,
				centerPadding: '20%',
				slidesToShow: 1
			}
		},
		{
			breakpoint: 480,
			settings: {
				dots: false,
				arrows: false,
				centerMode: true,
				centerPadding: '20%',
				slidesToShow: 1
			}
		}
		]
	});
	jQuery(".centerslider-1").slick({
		dots: true,
		arrows: false,
		infinite: true,
		slidesToShow: 1,
		centerMode: true,
		slidesToScroll: 1,
		adaptiveHeight: true,
		centerPadding: '18.5%',
		responsive: [
		{
			breakpoint: 1200,
			settings: {
				centerPadding: '4%',
			}
		}
		]
	});
	jQuery('.product-slider').slick({
		slidesToShow: 1,
		slidesToScroll: 1,
		arrows: false,
		fade: true,
		centerPadding: '0',
		asNavFor: '.pagg-slider'
	});
	jQuery('.pagg-slider').slick({
		slidesToShow: 4,
		slidesToScroll: 1,
		centerPadding: '0',
		asNavFor: '.product-slider',
		focusOnSelect: true,
		responsive: [
		{
		  breakpoint: 1024,
		  settings: {
		    slidesToShow: 3,
		  }
		}
		]
	});
} 

// fancybox modal popup init
function initLightbox() {
	jQuery('a.lightbox, a[rel*="lightbox"]').fancybox({
		helpers: {
			overlay: {
				css: {
					background: 'rgba(0, 0, 0, 0.65)'
				}
			}
		},
		afterLoad: function(current, previous) {
			// handle custom close button in inline modal
			if(current.href.indexOf('#') === 0) {
				jQuery(current.href).find('a.close').off('click.fb').on('click.fb', function(e){
					e.preventDefault();
					jQuery.fancybox.close();
				});
			}
		},
		padding: 0
	});
	jQuery("#newsletter-hiddenlink").fancybox().trigger('click');
}

// sticky header init
function initbackTop() {
	var jQuerybackToTop = jQuery("#back-top");
	jQuery(window).on('scroll', function() {
		if (jQuery(this).scrollTop() > 100) {
			jQuerybackToTop.addClass('active');
		} else {
			jQuerybackToTop.removeClass('active');
		}
	});
	jQuerybackToTop.on('click', function(e) {
		jQuery("html, body").animate({scrollTop: 0}, 500);
	});
}

// IsoTop init
function initIsoTop() {
	var isotopeHolder = jQuery('#product-masonry .masonry-list'),
		win = jQuery(window);
		
	isotopeHolder.isotope({transitionDuration: '0.75s'});
	setTimeout(function() {
		isotopeHolder.isotope('layout');
	}, 100);
	jQuery('#product-filter a').click(function(e){
		e.preventDefault();
		
		jQuery('#product-filter li').removeClass('active');
		jQuery(this).parent('li').addClass('active');
		var selector = jQuery(this).attr('data-filter');
		isotopeHolder.isotope({ filter: selector });
	});

	jQuery('#product-shuffle').click(function() {
		isotopeHolder.isotope('updateSortData').isotope({
			sortBy: 'random'
		});
	});
	jQuery('#blog-isotops').isotope({
	  // options
	  itemSelector: '.post-blog'
	});
	jQuery('#blog-isotop').isotope({
	  // options
	  itemSelector: '.img'
	});
}

// GoogleMap init
function initGoogleMap() {
	jQuery('.mt-map-holder').googleMapAPI({
		marker: 'images/map-logo.png',
		mapInfoContent: '.map-info',
		streetViewControl: false,
		mapTypeControl: false,
		scrollwheel: false,
		panControl: false,
		zoomControl: false
	});
}

// content tabs init
function initTabs() {
	jQuery('ul.producttabs').tabset({
		tabLinks: 'a',
		defaultTab: false
	});
	jQuery('ul.mt-tabs').tabset({
		tabLinks: 'a',
		defaultTab: false
	});
}

// sticky header init
function initStickyHeader() {
	var win = jQuery(window),
		stickyClass = 'sticky';

	jQuery('#mt-header').each(function() {
		var header = jQuery(this);
		var headerOffset = header.offset().top || 400;
		var flag = true;


		jQuery(this).css('height' , jQuery(this).innerHeight());

		function scrollHandler() {
			if (win.scrollTop() > headerOffset) {
				if (flag){
					flag = false;
					header.addClass(stickyClass);
				}
			} else {
				if (!flag) {
					flag = true;
					header.removeClass(stickyClass);
				}
			}

			ResponsiveHelper.addRange({
				'..767': {
					on: function() {
						header.removeClass(stickyClass);
					}
				}
			});
		}

		scrollHandler();
		win.on('scroll resize orientationchange', scrollHandler);
	});
}

function initCustomScroll() {
	jQuery("#mt-productscrollbar").mCustomScrollbar({
		axis:"x"
	});
}


/*!
 * Google Map module
 */

;(function($) {
	function GoogleMapAPI(options) {
		this.options = $.extend({
			mapTypeId: google.maps.MapTypeId.ROADMAP
		}, options);
		this.init();
	}

	GoogleMapAPI.prototype = {
		init: function() {
			this.findStructure();
			this.getInfoWindowContent();
			this.createMap();
			this.createMarker();
			this.createInfoWindow();
		},

		findStructure: function() {
			this.container = $(this.options.container);
			this.lat = parseFloat(this.container.attr('data-lat'));
			this.lng = parseFloat(this.container.attr('data-lng'));
			this.coords = new google.maps.LatLng(this.lat, this.lng);
			this.zoom = parseInt(this.container.attr('data-zoom'));
			this.infoWindowContent = this.container.find('.map-info');
			this.mapOptions = {
				mapTypeId: this.options.mapTypeId,
				panControl: this.options.panControl,
				zoomControl: this.options.zoomControl,
				streetViewControl: this.options.streetViewControl,
				mapTypeControl: this.options.mapTypeControl,
				center: this.coords,
				scrollwheel: this.options.scrollwheel,
				zoom: this.zoom
			};
		},

		getInfoWindowContent: function() {
			this.infoWindowContent = this.container.find(this.options.mapInfoContent);
		},

		createMap: function() {
			this.map = new google.maps.Map(this.container.get(0), this.mapOptions);
		},

		createMarker: function() {
			this.marker = new google.maps.Marker({
				icon: this.options.marker,
				position: this.coords
			});

			this.marker.setMap(this.map);
		},

		createInfoWindow: function() {
			var self = this;
			this.infoWindow = new google.maps.InfoWindow({
				content: this.infoWindowContent.get(0)
			});
			this.marker.addListener('click', function() {
				self.infoWindow.open(self.map, self.marker);
			})
		}
	};

	$.fn.googleMapAPI = function(opt) {
		return this.each(function() {
			$(this).data('GoogleMapAPI', new GoogleMapAPI($.extend(opt, {container: this})));
		});
	};
}(jQuery));


/*
 * Responsive Layout helper
 */
ResponsiveHelper = (function($){
	// init variables
	var handlers = [],
		prevWinWidth,
		win = $(window),
		nativeMatchMedia = false;

	// detect match media support
	if(window.matchMedia) {
		if(window.Window && window.matchMedia === Window.prototype.matchMedia) {
			nativeMatchMedia = true;
		} else if(window.matchMedia.toString().indexOf('native') > -1) {
			nativeMatchMedia = true;
		}
	}

	// prepare resize handler
	function resizeHandler() {
		var winWidth = win.width();
		if(winWidth !== prevWinWidth) {
			prevWinWidth = winWidth;

			// loop through range groups
			$.each(handlers, function(index, rangeObject){
				// disable current active area if needed
				$.each(rangeObject.data, function(property, item) {
					if(item.currentActive && !matchRange(item.range[0], item.range[1])) {
						item.currentActive = false;
						if(typeof item.disableCallback === 'function') {
							item.disableCallback();
						}
					}
				});

				// enable areas that match current width
				$.each(rangeObject.data, function(property, item) {
					if(!item.currentActive && matchRange(item.range[0], item.range[1])) {
						// make callback
						item.currentActive = true;
						if(typeof item.enableCallback === 'function') {
							item.enableCallback();
						}
					}
				});
			});
		}
	}
	win.bind('load resize orientationchange', resizeHandler);

	// test range
	function matchRange(r1, r2) {
		var mediaQueryString = '';
		if(r1 > 0) {
			mediaQueryString += '(min-width: ' + r1 + 'px)';
		}
		if(r2 < Infinity) {
			mediaQueryString += (mediaQueryString ? ' and ' : '') + '(max-width: ' + r2 + 'px)';	
		}
		return matchQuery(mediaQueryString, r1, r2);
	}

	// media query function
	function matchQuery(query, r1, r2) {
		if(window.matchMedia && nativeMatchMedia) {
			return matchMedia(query).matches;
		} else if(window.styleMedia) {
			return styleMedia.matchMedium(query);
		} else if(window.media) {
			return media.matchMedium(query);
		} else {
			return prevWinWidth >= r1 && prevWinWidth <= r2;
		}
	}

	// range parser
	function parseRange(rangeStr) {
		var rangeData = rangeStr.split('..');
		var x1 = parseInt(rangeData[0], 10) || -Infinity;
		var x2 = parseInt(rangeData[1], 10) || Infinity;
		return [x1, x2].sort(function(a, b){
			return a - b;
		});
	}

	// export public functions
	return {
		addRange: function(ranges) {
			// parse data and add items to collection
			var result = {data:{}};
			$.each(ranges, function(property, data){
				result.data[property] = {
					range: parseRange(property),
					enableCallback: data.on,
					disableCallback: data.off
				};
			});
			handlers.push(result);

			// call resizeHandler to recalculate all events
			prevWinWidth = null;
			resizeHandler();
		}
	};
}(jQuery));

document.querySelectorAll('.brand-checkbox').forEach(function(checkbox) {
    checkbox.addEventListener('change', function() {
        let selectedBrands = [];
        document.querySelectorAll('.brand-checkbox:checked').forEach(function(cb) {
            selectedBrands.push(cb.value);
        });

        fetchProducts(selectedBrands);
    });
});

function fetchProducts(brandIds) {
    const url = new URL(window.location.href);
    url.searchParams.set('brand', brandIds.join(','));

    fetch(url)
        .then(response => response.text())
        .then(data => {
            const parser = new DOMParser();
            const htmlDoc = parser.parseFromString(data, 'text/html');
            const productList = htmlDoc.querySelector('#product-list').innerHTML;

            if (productList) {
                document.querySelector('#product-list').innerHTML = productList;
            } else {
                console.error('Product list not found in response');
            }
        })
        .catch(error => console.log(error));
}

const minPriceSlider = document.getElementById('minPrice');
const maxPriceSlider = document.getElementById('maxPrice');
const minPriceLabel = document.getElementById('minPriceLabel');
const maxPriceLabel = document.getElementById('maxPriceLabel');

minPriceSlider.addEventListener('input', function() {
    minPriceLabel.innerText = minPriceSlider.value;
    filterProducts();
});

maxPriceSlider.addEventListener('input', function() {
    maxPriceLabel.innerText = maxPriceSlider.value;
    filterProducts();
});

function filterProducts() {
    const minPrice = minPriceSlider.value;
    const maxPrice = maxPriceSlider.value;

    const url = new URL(window.location.href);
    url.searchParams.set('min_price', minPrice);
    url.searchParams.set('max_price', maxPrice);

    fetch(url)
        .then(response => response.text())
        .then(data => {
            const parser = new DOMParser();
            const htmlDoc = parser.parseFromString(data, 'text/html');
            const productList = htmlDoc.querySelector('#product-list').innerHTML;
            document.querySelector('#product-list').innerHTML = productList;
        })
        .catch(error => console.log(error));
    }

document.querySelectorAll('input[name="category"]').forEach(function(checkbox) {
    checkbox.addEventListener('change', function() {
        let selectedCategories = [];
        document.querySelectorAll('input[name="category"]:checked').forEach(function(cb) {
            selectedCategories.push(cb.value);
        });

        const url = new URL(window.location.href);
        url.searchParams.set('category', selectedCategories.join(','));

        fetch(url)
            .then(response => response.text())
            .then(data => {
                const parser = new DOMParser();
                const htmlDoc = parser.parseFromString(data, 'text/html');
                const productList = htmlDoc.querySelector('#product-list').innerHTML;
                document.querySelector('#product-list').innerHTML = productList;
            })
            .catch(error => console.log(error));
    });
});
function filterByCategory(categoryId) {
    const url = new URL(window.location.href);
    url.searchParams.set('category', categoryId);

    // Сохраняем уже выбранные бренды
    let selectedBrands = [];
    document.querySelectorAll('.brand-checkbox:checked').forEach(function(cb) {
        selectedBrands.push(cb.value);
    });

    if (selectedBrands.length > 0) {
        url.searchParams.set('brand', selectedBrands.join(','));
    }

    fetch(url)
        .then(response => response.text())
        .then(data => {
            const parser = new DOMParser();
            const htmlDoc = parser.parseFromString(data, 'text/html');
            const productList = htmlDoc.querySelector('#product-list').innerHTML;

            if (productList) {
                document.querySelector('#product-list').innerHTML = productList;
            } else {
                console.error('Product list not found in response');
            }
        })
        .catch(error => console.log(error));
}

function filterByTag(tagId) {
    const url = new URL(window.location.href);

    // Сохраняем уже выбранные бренды, категории и другие теги
    let selectedBrands = url.searchParams.get('brand') ? url.searchParams.get('brand').split(',') : [];
    let selectedCategory = url.searchParams.get('category');
    let selectedTags = url.searchParams.get('tags') ? url.searchParams.get('tags').split(',') : [];

    // Добавляем или удаляем тег
    if (selectedTags.includes(tagId.toString())) {
        selectedTags = selectedTags.filter(id => id !== tagId.toString());
    } else {
        selectedTags.push(tagId);
    }

    // Обновляем параметры запроса
    if (selectedTags.length > 0) {
        url.searchParams.set('tags', selectedTags.join(','));
    } else {
        url.searchParams.delete('tags');
    }

    if (selectedBrands.length > 0) {
        url.searchParams.set('brand', selectedBrands.join(','));
    }

    if (selectedCategory) {
        url.searchParams.set('category', selectedCategory);
    }

    fetch(url)
        .then(response => response.text())
        .then(data => {
            const parser = new DOMParser();
            const htmlDoc = parser.parseFromString(data, 'text/html');
            const productList = htmlDoc.querySelector('#product-list').innerHTML;

            if (productList) {
                document.querySelector('#product-list').innerHTML = productList;
            } else {
                console.error('Product list not found in response');
            }
        })
        .catch(error => console.log(error));
}

document.addEventListener('DOMContentLoaded', function () {
    // Находим поле ввода и контейнер для результатов
    var searchInput = document.querySelector('input[type="text"]');
    var searchResults = document.getElementById('search-results');

    // Проверяем, что элементы найдены
    if (!searchInput || !searchResults) {
        console.error("Ошибка: не удалось найти элементы для ввода или вывода результатов.");
        return;
    }

    // Функция для выполнения поиска
    function performSearch() {
        var query = searchInput.value.trim(); // Убираем лишние пробелы

        console.log('Поиск выполняется с запросом: ', query); // Отладка

        // Если запрос длиннее 2 символов, выполняем поиск
        if (query.length > 2) {
            fetch('/product/ajax/search/?query=' + encodeURIComponent(query))
                .then(response => {
                    if (!response.ok) {
                        throw new Error('Ошибка сети: ответ сервера не ок.');
                    }
                    return response.json();
                })
                .then(data => {
                    console.log('Полученные данные: ', data); // Выводим данные для отладки

                    // Очищаем предыдущие результаты
                    searchResults.innerHTML = '';
                    let foundSomething = false;

                    // Обрабатываем категории
                    if (data.categories && data.categories.length > 0) {
                        foundSomething = true;
                        data.categories.forEach(category => {
                            var categoryDiv = document.createElement('div');
                            var categoryLink = document.createElement('a');
                            categoryLink.className = 'search-result-category';
                            categoryLink.href = '/product/?category=' + category.id;
                            categoryLink.textContent = 'Категория: ' + category.title;
                            categoryDiv.appendChild(categoryLink);
                            searchResults.appendChild(categoryDiv);
                        });
                    }

                    // Обрабатываем продукты
                    if (data.products && data.products.length > 0) {
                        foundSomething = true;
                        data.products.forEach(product => {
                            var productDiv = document.createElement('div');
                            var productLink = document.createElement('a');
                            productLink.className = 'search-result-product';
                            productLink.href = '/product/' + product.id;
                            productLink.textContent = product.title + ' - ' + product.price;
                            productDiv.appendChild(productLink);
                            searchResults.appendChild(productDiv);
                        });
                    }

                    // Если ничего не найдено
                    if (!foundSomething) {
                        var noResultsDiv = document.createElement('div');
                        noResultsDiv.className = 'search-no-results';
                        noResultsDiv.textContent = 'Ничего не найдено.';
                        searchResults.appendChild(noResultsDiv);
                    }
                })
                .catch(error => {
                    console.error('Ошибка при получении результатов поиска:', error);
                    searchResults.innerHTML = 'Произошла ошибка при получении результатов поиска. Пожалуйста, повторите попытку позже.';
                });
        } else {
            // Очищаем результаты, если запрос слишком короткий
            searchResults.innerHTML = '';
        }
    }

    // Слушаем ввод текста в поле и выполняем поиск при изменении
    searchInput.addEventListener('input', performSearch);
});