jQuery(document).ready(function($) {
//-------------------------------------------------
// FAQs
//-------------------------------------------------	
	$('.faq-toggler').click(function(){
		
		// check to see of faq is open
		if($(this).hasClass('active'))
		{
			$(this).next('div').slideUp('slow');
		} // END IF
		else {
			$(this).next('div').slideDown('slow');
		}
		
		// Add once open
		$(this).toggleClass('active');
		return false;
	});
		
//-------------------------------------------------
// Navigation Controls
//-------------------------------------------------	

		$('.display-menu').click(function(){
			$('.mobile-menu').slideToggle();
			$('.utility-navigation-wrapper .hiland-logo img').toggle();
		})
		$('.hide-show').click(function(){
			$(this).next().slideToggle();
			$(this).toggleClass('active-subnav');
		})
	
//-------------------------------------------------
// Collapsible Navigation
//-------------------------------------------------	
	
		$(".viewAllProd").click(function(){
			$(".products-menu").slideToggle();
		})

//-------------------------------------------------
// Banner - Contest Button
//-------------------------------------------------	
	
	$(".redesign .banner .scroll").click(function() {
	  $('html, body').animate(
		{
		  scrollTop: $(".contest-form").offset().top,
		},
		500,
		'swing'
	  )
	})
	
//-------------------------------------------------
// Print
//-------------------------------------------------	

	$(".print-page").click(function(){
		window.print();
	})

//-------------------------------------------------
// Privacy Policy Popup
//-------------------------------------------------	
			
	if(localStorage.getItem("cookiePolicyPopup") == null) {
		$(".cookie-policy").show();
	}
	$(".accept-cookies").click(function(){
		$(".cookie-policy").hide();
		localStorage.setItem("cookiePolicyPopup",1);
	})
	$(".close-cookies").click(function(){
		$(".cookie-policy").hide();
		localStorage.setItem("cookiePolicyPopup",1);
	})


//-------------------------------------------------
// Video Popup
//-------------------------------------------------	
	
	$('.button').on('click', function(e){
		var url = $(this).attr('href');
		if(typeof url == 'undefined' || url == '') return;
		
		var res = url.match(/https:\/\/(?:www\.)?(vimeo|youtube)\.com\/(?:watch\?v=)?(.*?)(?:\z|$|&)/);

		if(res){
	   		var service = res[1];
	   		if(service == 'youtube' || service == 'vimeo'){
	   			e.preventDefault();
	   			var video_id = res[2];
	   			//alert(service);
	   			console.log(service, video_id);

	   			showVideoPopup(service, video_id)
	   		}
	   	}
	});

	$(document).on('click', '.videopopup > a', function(e){
		$('.videopopup').fadeOut(300, function(){
			$(this).remove();
		});
		return false;
	});

	function showVideoPopup(service, video_id){
		var popup_html = '';
		popup_html += '<div class="videopopup">';
		popup_html += '<div>';

		if(service == 'youtube'){
			popup_html += '<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://www.youtube.com/embed/' + video_id + '?autoplay=1" title="YouTube video player" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>';
		} else {
			popup_html += '<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/' + video_id + '?h=2589650d64&autoplay=1&byline=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div>';
		}

		popup_html += '</div>';
		popup_html += '<a href="#" onclick="return false;"></a>';
		popup_html += '</div>';

		$('body').append(popup_html);
	}


//-------------------------------------------------
// Sidebar Search
//-------------------------------------------------	

	$("#wp-block-search__input-1").keyup(function(e){
	    if(e.keyCode === 13) $(this).parent('form').submit();
	});


//-------------------------------------------------
// Recipes filter
//-------------------------------------------------	

	$('.recipes-filter input[type=checkbox]').on('change', function(){
		/*var selected = [];
		$('.recipes-filter input[type=checkbox]:checked').each(function(){
			selected.push($(this).val());
		});

		var query_str = '';
		if(selected.length){
			query_str = '?product=' + selected.join(',');
		}*/
		
		// By category
		var selected_categories = [];
		$('.filter_by_categories input[type=checkbox]:checked').each(function(){
			selected_categories.push($(this).val());
		});
		
		// By product
		var selected = [];
		$('.filter_by_products input[type=checkbox]:checked').each(function(){
			selected.push($(this).val());
		});

		var query_str = '';
		if(selected_categories.length && selected.length) {
			query_str = '?c=' + selected_categories.join(',') + '&product=' + selected.join(',');
		} else if(selected_categories.length){
			query_str = '?c=' + selected_categories.join(',');
		} else if(selected.length){
			query_str = '?product=' + selected.join(',');
		}

		document.location.href = '/recipes-filters/' + query_str;
	});


//-------------------------------------------------
// Recipe print
//-------------------------------------------------
	$(".recipe .print-page").off().on('click', function(e){
		e.preventDefault();
		e.stopPropagation();

		var recipe = $(this).parents('.recipe').html();
		$('#print-container').html(recipe);
		window.print();
	});

});


		

//-------------------------------------------------
// QPLES - Coupon gallery
//-------------------------------------------------		
	
var _QPLES_COUPON_DIV_ID = "coupon_div"; //parent container div
var _QPLES_GALLERY_ID = "RWIhIYwLNv"; 
var _QPLES_DISPLAY_TOTAL_COUPONS_ID = "total_coupons"; //Multiple (comma seperated)
var _QPLES_DISPLAY_TOTAL_SAVINGS_ID = "total_savings"; //Multiple (comma seperated)

var _QPLES_COUPON_DIV =
'<div class="coupon-block">' +
'<div class="inner">' +
'<img src="THUMB_URL" class="img-responsive">' + 
'<div class="text-wrapper">' +
'<div class="display-name">Hiland PRODUCT_NAME</div>' +
'<div class="savings-value-statement">OFFER_AMOUNT</div>'
+
'<div class="purchase-description">DESCRIPTION</div>' +
'</div>' +
'</div>' +
'<div class="action add-to-queue" id="_qples_add_to_queue_div_COUPON_ID">' +
'<a href="javascript:javascript:_qples_add_to_queue(COUPON_ID)">Add Coupon</a>' +
'</div>' +
'<div class="action added-to-queue" style="display:none" id="_qples_remove_from_queue_div_COUPON_ID">' +
'<a href="javascript:_qples_remove_from_queue(COUPON_ID)">Remove Coupon</a>' +
'</div>' +
'</div>';

//This will get called in case we can not validate the code
function _qples_invalid_code_callback () {
    console.log("Invalid code");
}

//This will get called when there is any issue populating gallery
function _qples_error_populating_gallery_callback () {
    console.log("Error populating gallery");
}

//This will get called before making API call to validate the code. Use this is take appropriate action
function _qples_validate_code_start_callback () {
    console.log("Code validation start");
}
function _qples_validate_code_end_callback () {
    console.log("Code validation end");
}

//Callback while populating the gallery
function _qples_populate_gallery_start_callback () {
    console.log("Populate gallery start");
}
function _qples_populate_gallery_end_callback () {
    console.log("Populate gallery end");
}

//callback - open print window
function _qples_open_print_window_no_coupons_selected () {
    console.log("No coupons selected");
}