var absPath = $('meta[name="abs-path"]').attr('content');

var bloodhoundSuggestions = new Bloodhound({
	datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
	queryTokenizer: Bloodhound.tokenizers.whitespace,
	sufficient: 3,
	display: false,
	remote: {
		url: absPath + "/search?quick=1&s=%QUERY",
		wildcard: "%QUERY",
		limit: 100,
		filter: function(data) {
			console.log(data)
			return $.map(data.data.results, function(item) {
				return {
					item
				};
			});
		}
	}
});

const search = $('#searchbox')
search.typeahead({
	hint: true,
	highlight: true,
	minLength: 3
},
{
name: 'suggestions',
source: bloodhoundSuggestions,
display: function(item){ return "Sila tunggu..."},
limit: 100,
templates: {
	empty: [
	'<div style="text-align:center" class="empty-message">',
	'Tiada hasil carian.',
	'</div>'
	].join('\n'),
	pending: function(data) {
		var string = '<div style="text-align:center" class="tt-suggestion-link tt-notfound"> Sedang mencari... <img style="width:50px" src="'+absPath+'/images/loading.gif"> <div>';
		return string;
	},
	suggestion: function(data) {
		str = "<div class='d-flex' style='padding-bottom: 8px; padding-top:8px; border-bottom: 1px solid #eee'> ";
		str += "<img style='height:40px; width:40px; margin-right:20px; box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;' src="+encodeURI(data.item.image)+">";
		str += "<div>";
			str += "<div class='badge' style='background:#eee'>"+data.item.type+"</div>";
			str += "<div style='line-height:12px; color: #333'>"+data.item.title+"</div>";
		str += "</div>";
		str += "</div>";
		return str;
	}
}
});
search.on('typeahead:select', function (e, datum) {

	window.location.href = datum.item.link;
	return false;

});