(function ($) {
	'use strict';

	function setConsultationState($panel, $toggle, open) {
		$panel.toggleClass('apperance-form', open);
		$toggle.attr('aria-expanded', open ? 'true' : 'false');
		$('body').toggleClass('rensei-consultation-open', open);
	}

	function initRevealEffects() {
		var elements = document.querySelectorAll('.home .vc_row, .course--item, .gallery--item, .event-list-item');

		if (!elements.length) {
			return;
		}

		document.body.classList.add('rensei-effects-ready');
		elements.forEach(function (element, index) {
			element.classList.add('rensei-reveal');
			element.style.setProperty('--rensei-delay', ((index % 4) * 70) + 'ms');
		});

		if (!('IntersectionObserver' in window)) {
			elements.forEach(function (element) {
				element.classList.add('rensei-visible');
			});
			return;
		}

		var observer = new IntersectionObserver(function (entries) {
			entries.forEach(function (entry) {
				if (entry.isIntersecting) {
					entry.target.classList.add('rensei-visible');
					observer.unobserve(entry.target);
				}
			});
		}, {
			rootMargin: '0px 0px -8% 0px',
			threshold: 0.08
		});

		elements.forEach(function (element) {
			observer.observe(element);
		});
	}

	$(function () {
		initRevealEffects();

		var $panel = $('#rensei-consultation-form');
		var $toggle = $panel.find('.dang-ky').first();

		if (!$panel.length || !$toggle.length) {
			return;
		}

		setConsultationState($panel, $toggle, false);

		$toggle.on('click', function () {
			setConsultationState($panel, $toggle, !$panel.hasClass('apperance-form'));
		});

		$(document).on('keydown', function (event) {
			if (event.key === 'Escape' && $panel.hasClass('apperance-form')) {
				setConsultationState($panel, $toggle, false);
				$toggle.trigger('focus');
			}
		});
	});
})(jQuery);