/**
 * Fontawesome iconpicker control in the repeater
 *
 * @package ThemeHunk
 */
(function ($) {
	'use strict';
	wp.customizerRepeater = {

		init: function () {
			$( '.iconpicker-items>i' ).on(
				'click', function () {
					var iconClass  = $( this ).attr( 'class' ).slice( 3 );
					var classInput = $( this ).parents( '.iconpicker-popover' ).prev().find( '.icp' );
					classInput.val( iconClass );
					classInput.attr( 'value', iconClass );

					var iconPreview = classInput.next( '.input-group-addon' );
					var iconElement = '<i class="fa '.concat( iconClass, '"><\/i>' );
					iconPreview.empty();
					iconPreview.append( iconElement );
					classInput.trigger( 'change' );
					return false;
				}
			);
		},
		search: function ($searchField) {
			var itemsList  = $searchField.parent().next().find( '.iconpicker-items' );
			var searchTerm = $searchField.val().toLowerCase();
			if (searchTerm.length > 0) {
				itemsList.children().each(
					function () {
						if ($( this ).filter( '[title*='.concat( searchTerm ).concat( ']' ) ).length > 0 || searchTerm.length < 1) {
							$( this ).show();
						} else {
							$( this ).hide();
						}
					}
				);
			} else {
				itemsList.children().show();
			}
		},
		iconPickerToggle: function ($input) {
			var iconPicker = $input.parent().next();
			iconPicker.addClass( 'iconpicker-visible' );
		}
	};

	$( document ).ready(
		function () {
			wp.customizerRepeater.init();

			$( '.iconpicker-search' ).on(
				'keyup', function () {
					wp.customizerRepeater.search( $( this ) );
				}
			);

			$( '.icp-auto' ).on(
				'click', function () {
					wp.customizerRepeater.iconPickerToggle( $( this ) );
				}
			);

			$( document ).mouseup(
				function (e) {
					var container = $( '.iconpicker-popover' );

					if ( ! container.is( e.target )	&& container.has( e.target ).length === 0) {
						container.removeClass( 'iconpicker-visible' );
					}
				}
			);

		}
	);
	$(document).ready(function(){ 
	$(".input-group-close").click(function(){
        $(".icp-auto").val("");   
		$(".input-group-addon i").removeAttr('class');
		$('.input-group input').attr('placeholder', 'Pick-up an Icon !');
		});
	
});

})( jQuery );