/*----------  Search  ----------*/
// toggle vars
var searchToggle = document.querySelector('#searchtoggle');

// search form vars
var searchForm = document.querySelector('#ajax-search-form');
var searchResults = document.querySelector('#search-results');
var loading = document.querySelector('.loading');

// toggle the form
searchToggle.addEventListener('click', function (click) {
	body.classList.remove('menu-in');
	body.classList.toggle('search-in');
	// reset the form
	searchForm.querySelector('input').value = '';
	searchResults.innerHTML = '';
});

// ajax search
searchForm.addEventListener('submit', function (search) {
	search.preventDefault();

	// focus the input
	searchForm.querySelector('input').focus();

	// empty the results
	searchResults.innerHTML = '';

	// the search term
	var searchTerm = searchForm.querySelector('input').value;

	// the search category
	var searchTermCategory = searchForm.querySelector('#search-category').value;

	// the search type
	var searchTermType = searchForm.querySelector('#search-type').value;

	// show the loading indicator
	loading.style.opacity = '1';

	$.ajax({
		url: ajaxurl + '/?action=ajaxSearch&search_term=' + searchTerm  + '&category_name=' + searchTermCategory + '&post_type=' + searchTermType +'&per_page=-1',
		type: 'GET',
		dataType: 'json',
		success: function success(data) {
			loading.style.opacity = '0';

			// if we found search results
			if (data.length > 0) {
				searchResults.innerHTML = data.map(function (item) {
					return '<li><a href="' + item.url + '">' + item.title + '</a></li>';
				}).join('');
			}

			// nothing found
			else {
					searchResults.innerHTML = '<p><strong>No search results</strong></p>';
				}
		}
	});
});