$ = jQuery;
jQuery(function($) {
	var select = $('#affiliate_select');

	$('input#affiliate_select').autoComplete({
		minChars: 3,
		source: function(name, response) {
			try { xhr.abort(); } catch(e){}
			$.ajax({
				type: 'POST',
				dataType: 'json',
				url: '/wp-admin/admin-ajax.php',
				data: 'action=get_affiliates&name='+name,
				success: function(data) {
					response(data);
				}
			});
		},
		renderItem: function (item, search){
		    return '<div class="affiliate-autocomplete-suggestion autocomplete-suggestion" data-val="' + item['name'] + '" data-username="' + item['username'] + '">' + item['name'] + '</div>';
		},
		onSelect: function(event, term, item) {
			setTimeout(function() {
				var xmlHttp = new XMLHttpRequest();
				xmlHttp.open( "GET", "/wp-json/socialbug/v1/SetShoppingWith/" + $(item).attr('data-username'), true ); // false for synchronous request
				xmlHttp.send( null );
			}, 1);
		}
	});



	$('.affiliate-autocomplete-suggestions').on('click', '.affiliate-autocomplete-suggestion', function() {
		alert('test');

	})
	// $('#affiliate_select').
})