(function ($) {
  "use strict";
	
	$(document).ready(function() {
		
		$(document).on('click', 'input.printxicon-picker', function(event){
			event.preventDefault(); 
			$(this).closest('.printx-field-iconfield').find('.printx-iconsholder-wrapper').slideToggle();
		});
		
		
		$(document).on('click', '.printx-iconbox', function(event){	
			$(this).closest('.printx-field-iconfield').find('input.printxicon-picker').val($(this).find('i').attr('class'));
			$(this).closest('.printx-field-iconfield').find('.printx-iconsholder-wrapper').slideToggle();
		});
		
		
		var printxicon = 'printxicon-store printxicon-magnifying-glass printxicon-search printxicon-heart printxicon-user printxicon-menu printxicon-menu-1 printxicon-watermelon printxicon-broccoli printxicon-cupcake printxicon-bread printxicon-apple printxicon-fish printxicon-snack printxicon-eggs printxicon-coffee printxicon-pet printxicon-basketball-match printxicon-milk printxicon-vegan printxicon-smartphone printxicon-camera printxicon-monitor printxicon-home printxicon-store-1 printxicon-gift printxicon-discount printxicon-voucher printxicon-price-tag printxicon-football printxicon-running printxicon-play-button',
			
		printxiconArray = printxicon.split(' '); // creating array

		// This loop will add icons inside BOX
		for (var i = 0; i < printxiconArray.length; i++) {
			jQuery(".printx-iconsholder").append('<div class="printx-iconbox"><p class="icon"><i class="' + printxiconArray[i] + '"></i>'+printxiconArray[i]+'</p></div>');
		}

		var timeout;
		$("input.iconsearch").on("keyup", function() {
			if(timeout) {
				clearTimeout(timeout);
			}
			
			var value = this.value.toLowerCase().trim();
			var iconbox = $(this).closest('.printx-field-iconfield').find('.printx-iconbox');
			timeout = setTimeout(function() {
			  $(iconbox).show().filter(function() {
				return $(this).text().toLowerCase().trim().indexOf(value) == -1;
			  }).hide();
			}, 500);
		});

	});

})(jQuery);