let all_events = [];

function init() {
	let fetchOptions = {
		method: 'GET',
	};

	fetch('restservices/events/all', fetchOptions)
		.then((response) => {
			console.log(response.status);
			if (response.ok) {
				return response.json();
			} else if (response.status = 403) {
				//window.location.hash = "logged_of";
				//window.location.pathname = fixUrl("index.html");
			}
		})
		.then((events) => {
			all_events = events;
			if (events.length > 0) {
				let eventHolder = document.getElementById("all_events");
				var i;
				for (i = 0; i < events.length; i++) {
					eventHolder.innerHTML += getEventHtml(events[i]);
				}
			}
		});
}

function getEventHtml(event) {
	return '' +
		'<table id="eventresult">' +
			'<tr>' +
			'<th>Name</th>' +
			'<th>Type</th>' +
			'<th>Date</th>' +
			'<th>Time</th>' +
			'</tr>' +
			'<tr>' +
			'<td>' + event.naam + '</td>' +
			'<td>' + event.type + '</td>' +
			'<td>' + event.startdatum + '</td>' +
			'<td>' + event.starttijd + '</td>' +
			'<td><button>More info</button></td>' +
			'</tr>' +
			'</table>';
}