(function ($) {
	"use strict";

	jQuery(document).ready(function () {
		activateAnimation();
		toggleClass($('#plan-heading-1'), 'active', $('.plan-section-right_img_wrapper'));
		esimSlider();
		runOnMobile();
	});

	function activateAnimation() {
		var elements;
		var windowHeight;

		function init() {
			elements = document.querySelectorAll('.viewport-animation');
			windowHeight = window.innerHeight;
		}

		function checkPosition() {
			for (var i = 0; i < elements.length; i++) {
				var element = elements[i];
				var positionFromTop = elements[i].getBoundingClientRect().top;

				if (positionFromTop - windowHeight <= 0) {
					element.classList.add('active');
				}
			}
		}

		window.addEventListener('scroll', checkPosition);
		window.addEventListener('resize', init);

		init();
		checkPosition();
	}

	function toggleClass(clickableElement, toggleClass, target) {
		clickableElement.on('click', function (e) {
			target.toggleClass(toggleClass);
		});
	}

	function esimSlider() {
		$('.esimSlider').slick({
			infinite: false,
			centerMode: true,
			centerPadding: '0px',
			slidesToShow: 3,
			slidesToScroll: 1,
			dots: true,
			responsive: [
				{
				  breakpoint: 767,
				  settings: {
					slidesToShow: 1,
					slidesToScroll: 1,
					adaptiveHeight: true,
					dots: true
				  }
				}
			]
		});
		$('.shopsSlider').slick({
			infinite: false,
			centerMode: true,
			centerPadding: '0px',
			slidesToShow: 3,
			slidesToScroll: 1,
			dots: true,
			arrows: false,
			responsive: [
				{
				  breakpoint: 767,
				  settings: {
					slidesToShow: 1,
					slidesToScroll: 1,
					adaptiveHeight: true,
					dots: true
				  }
				}
			]
		});
		$('.shopsSliderTwo').slick({
			infinite: false,
			centerMode: true,
			centerPadding: '0px',
			slidesToShow: 2,
			slidesToScroll: 1,
			dots: true,
			arrows: false,
			responsive: [
				{
				  breakpoint: 767,
				  settings: {
					slidesToShow: 1,
					slidesToScroll: 1,
					adaptiveHeight: true,
					dots: true
				  }
				}
			]
		});
	}
	function runOnMobile() {
		if (window.innerWidth <= 767) {
			$('.activateSlider').slick({
				infinite: false,
				slidesToShow: 1,
				slidesToScroll: 1,
				dots: true,
				arrows: false,
			});
			// NOTE: hacky way to run sliders inside closed dropdowns
			$('#bankCard_content').css('opacity', '0').addClass('in');
			$('#receipt_content').css('opacity', '0').addClass('in');
			$('.bankCardSlider').slick({
				infinite: false,
				slidesToShow: 2,
				slidesToScroll: 1,
				dots: false,
				arrows: false,
			});
			$('.receiptSlider').slick({
				infinite: false,
				slidesToShow: 2,
				slidesToScroll: 1,
				dots: false,
				arrows: false,
			});
			setTimeout(function () {
				$('#bankCard_content').css('opacity', '1').removeClass('in');
				$('#receipt_content').css('opacity', '1').removeClass('in');
			}, 1500);

            $('.panel-heading a').on('click', function () {
                setTimeout(function () {
                    $('.bankCardSlider, .receiptSlider').slick('refresh');
                },50);
            });

		}

	}
})(jQuery);