const save_button = document.getElementById("save");
let pseudo = document.getElementById("pseudo");
save_button.onclick = function(evt) {
	evt.preventDefault();
	pseudo_value = pseudo.value;

	let pseudo_sha1 = sha1(pseudo_value);
	let hashed_pseudo = str_split(pseudo_sha1, 7);
	const elements = ['eyes', 'hair', 'mouth'];
	for (let j in elements) {
		let element = elements[j];
		$.ajax('choix.php', {
			'dataType'	: 'text',
			'data'		: { 'element' : element, 'hash': hashed_pseudo[j] },
			'success'	: function(data) {
				document.getElementById(element).innerSVG = data;
				document.getElementById(element).innerHTML = data;
			}
		});
	}
	//
	// fetch('generate.php?pseudo='+encodeURIComponent(pseudo.value), {
	// 	method: 'get'
	// })
	// 	.then(response => response.json())
	// 	.then(jsonData => img.src = "data:image/png;base64,"+jsonData.image)
	// 	.catch(err => {
	// 		//error block
	// 	});
};