jQuery(function ($) {
	$('.show-more-colors').on('click', function (e) {
		e.preventDefault()

		var $parent = $(this).closest('.product-gallery-colors')
		var $productColors = $parent.find(
			'.product-colors .elementor-image-gallery .gallery'
		)

		var isActive = $productColors.hasClass('active')

		if (isActive) {
			$productColors.animate({ maxHeight: '128px' }, 300)
			$productColors.removeClass('active')
		} else {
			var scrollHeight = $productColors[0].scrollHeight
			$productColors.animate({ maxHeight: scrollHeight + 'px' }, 300)
			$productColors.addClass('active')
		}
	})
})

jQuery(function ($) {
	$('.show-more-drafts').on('click', function (e) {
		e.preventDefault()

		var parent = $(this).closest('.product-gallery-drafts')
		var productColors = parent.find(
			'.product-drafts .elementor-image-gallery .gallery'
		)

		var isActive = productColors.hasClass('active')

		if (isActive) {
			productColors.animate({ maxHeight: '210px' }, 300)
			productColors.removeClass('active')
		} else {
			var scrollHeight = productColors[0].scrollHeight
			productColors.animate({ maxHeight: scrollHeight + 'px' }, 300)
			productColors.addClass('active')
		}
	})
})

jQuery(function ($) {
	$('.show-more-tabs').on('click', function (e) {
		e.preventDefault()

		var tabsList = $(this).siblings('ul')

		var isActive = tabsList.hasClass('active')

		if (isActive) {
			tabsList.animate({ maxHeight: '140px' }, 300)
			tabsList.removeClass('active')
		} else {
			var scrollHeight = tabsList[0].scrollHeight
			tabsList.animate({ maxHeight: scrollHeight + 'px' }, 300)
			tabsList.addClass('active')
		}
	})
})


jQuery(function ($) {
	$('.show-more-gallery').on('click', function (e) {
		e.preventDefault()

		var parent = $(this).closest('.product-gallery-drafts')
		console.log(parent);
		var productColors = parent.find(
			'.product-drafts .elementor-image-gallery .gallery'
		)

		var isActive = productColors.hasClass('active')

		if (isActive) {
			productColors.animate({ maxHeight: '1030px' }, 300)
			productColors.removeClass('active')
		} else {
			var scrollHeight = productColors[0].scrollHeight
			productColors.animate({ maxHeight: scrollHeight + 'px' }, 300)
			productColors.addClass('active')
		}
	})
})

jQuery(function ($) {
	if ($('#contact-form').length) {
		let selects = $('#contact-form select')

		selects.each(function () {
			$('option:first', this).attr('disabled', 'disabled')
		})
	}
})

jQuery(function ($) {
    $('#contact-form select').each(function () {
        var $this = $(this),
            numberOfOptions = $(this).children('option').length,
            defaultOptionText = $this.attr('data-placeholder') || $this.children('option').eq(0).text(); // Отримуємо текст placeholder або використовуємо перший елемент за замовчуванням

        $this.addClass('select-hidden');
        $this.wrap('<div class="select"></div>');
        $this.after('<div class="select-custom-text">' + defaultOptionText + '</div>');

        var $styledSelect = $this.next('div.select-custom-text');
        var $list = $('<ul />', {
            class: 'select-custom-options',
        }).insertAfter($styledSelect);

        for (var i = 1; i < numberOfOptions; i++) {
            $('<li />', {
                text: $this.children('option').eq(i).text(),
                rel: $this.children('option').eq(i).val(),
            }).appendTo($list);
        }

        var $listItems = $list.children('li');

        $styledSelect.click(function (e) {
            e.stopPropagation();
            $('div.select-custom-text.active').not(this).each(function () {
                $(this).removeClass('active').next('ul.select-custom-options').slideUp();
            });
            $(this).toggleClass('active').next('ul.select-custom-options').slideToggle();
        });

        $listItems.click(function (e) {
            e.stopPropagation();
            $styledSelect.text($(this).text()).removeClass('active');
            $styledSelect.text($(this).text()).addClass('selected');
            $this.val($(this).attr('rel'));
            $list.slideUp();

        });

        $(document).click(function () {
            $styledSelect.removeClass('active');
            $list.slideUp();
        });
        $list.hide();
    });
});


jQuery(function ($) {
	$('#hp-acc-more-box').slideUp()

	$('#hp-acc-more-btn').on('click', function(e) {
		e.preventDefault()
		$('#hp-acc-more-box').slideToggle()
	})
})

jQuery(function ($) {
    var hash = window.location.hash;
    if (hash) {
        var hashValue = hash.substring(1).toLowerCase();
        var tabItem = $(`.eael-tabs-filter-types ul li input[filter="${hashValue}"]`);
		tabItem.trigger('click')

		var visibleItems = $(".eael-tabs-nav ul li:not([style*='display: none;'])");
		if (visibleItems.length > 0) {
			var firstVisibleItem = visibleItems.first()[0];
			setTimeout(function(){
				console.log(firstVisibleItem);
				firstVisibleItem.click();
			}, 500)
		}
    }
});

jQuery(document).ready(function($){
	$('a[phone]').on('click', function(e){
		e.preventDefault();
		var $this = $(this);
		var phone = $this.attr('phone');

		$.ajax({
			url: '/query-contacts.php',
			type: 'GET',
			data: { phone: phone },
			success: function(response) {
				if (response.phone) {
					var value = response.phone;
					$this.attr('href', 'tel:' + value);
					$this.find('span.elementor-icon-list-text').text(value);
				} else {
					console.log('Phone number not found in the response.');
				}
			},
			error: function() {
				console.log('Error with the AJAX request.');
			}
		});
	});
});

jQuery(function($) {
	const topHeader = $('#top-header-box');
	const centerHeader = $('#center-header-box')

	const topHeaderOffset = topHeader.offset();
	const topHeaderHeight = topHeader.outerHeight();

	$(window).scroll(function() {
		const currentScrollPosition = $(window).scrollTop();

		if (currentScrollPosition > topHeaderOffset.top + topHeaderHeight) {
			topHeader.addClass('fixed');
			centerHeader.css('padding-top', topHeaderHeight);
		} else {
			topHeader.removeClass('fixed');
			centerHeader.css('padding-top', 0);
		}
	});
});


jQuery(function($) {
	if($('#scroller-rows').length) {
		var scrollerRows = $('#scroller-rows');
		var scrollerRowsHeight = -10;

		scrollerRows.find('.scroller-row').each(function(){
			if ($(this).index() < 2) {
				scrollerRowsHeight += $(this).height();
			}
		});
		scrollerRows.css('height', scrollerRowsHeight);
	}
})

jQuery(function($) {
	$(document).on('click', '.elementor-menu-toggle', function(e) {
		if($(this).hasClass('elementor-active')) {
			$('header').addClass('active');

			$dropdown_right = $('.elementor-menu-toggle').offset().left - $(window).width() + $(this).outerWidth()
			$('.elementor-nav-menu--dropdown').css({
				'right': $dropdown_right
			})
		} else {
			$('header').removeClass('active');

			('.elementor-nav-menu--dropdown').css({
				'right': 0
			})
		}
	});
})