$(window).on("load", function() {
	var queryString = window.location.search;
	var urlParams = new URLSearchParams(queryString);
	var qValue = urlParams.get('q');

	var myElement = $('#searchinput');
	myElement.val(qValue);

	var strongElement = $('#searchtextstrong');
	strongElement.text(qValue);

	$.ajax({
		url: 'http://192.168.1.219:6431/api/v1/search', // The URL to send the request to
		type: 'GET', // HTTP method (GET, POST, etc.)
		dataType: 'json', // Expected data format from the server
		success: function(response) {
			// This function is called if the request is successful
			console.log('Data received:', response);

			$.each(response['activities'], function(key, value) {
				console.error(key, value);

				var resultHTML = `
	<div class="result">
		<div class="resulttop">
			<div class="userdata">
				<a href="#" title="User Avatar" target="_blank" class="useravatar"><img src="` + value['actor']['icon']['url'] + `" /></a>
				<a href="#" title="User Label" target="_blank" class="userlabel">` + value['actor']['name'] + `</a>
				<a href="` + value['actor']['url'] + `" title="User ID" target="_blank" class="userident">@` + value['actor']['preferredUsername'] + `@` + value['instance'] + `</a>
			</div>
			<div class="actions">
				<ul>
					<li><a href="` + value['id'] +`" title="Post URL"><img src="images/icon-link.png" /></a></li>
					<li><a href="#" title="Expand post"><img src="images/icon-expand.png" /></a></li>
				</ul>
			</div>
		</div>
		<div class="resultbody">
			` + value['content'] + `
		</div>
		<div class="resultbody">` + value['published'] +`</div>
	</div>
				`;
				$(resultHTML).appendTo('#result_container');
			});
		},
		error: function(xhr, status, error) {
			// This function is called if the request fails
			console.error('Error:', error);
		}
	});
});