const IMAGE_FORMATS = document.getElementById('IMAGE_FORMATS')

document.onpaste = function(event) {
	files = structuredClone(event.clipboardData.files);

	filename = files[0]

	if (filename)
	{
		filename = filename.name.toLowerCase()
		f=document.getElementById('file-upload');
		f.files = files;
		document.getElementById('filename-show').textContent = filename;
		if (IMAGE_FORMATS.some(s => filename.endsWith(s)))
		{
			const fileReader = new FileReader();
			fileReader.readAsDataURL(f.files[0]);
			fileReader.addEventListener("load", function () {
				document.getElementById('image-preview').setAttribute('src', this.result);
				document.getElementById('image-preview').classList.remove('d-none');
			});
		}
	}
}

document.getElementById('file-upload').addEventListener('change', function(){
	f=document.getElementById('file-upload');
	document.getElementById('filename-show').textContent = document.getElementById('file-upload').files[0].name.substr(0, 20);
	filename = f.files[0].name.toLowerCase()
	if (IMAGE_FORMATS.some(s => filename.endsWith(s)))
	{
		const fileReader = new FileReader();
		fileReader.readAsDataURL(f.files[0]);
		fileReader.addEventListener("load", function () {
			document.getElementById('image-preview').setAttribute('src', this.result);
			document.getElementById('image-preview').classList.remove('d-none');
		});
		document.getElementById('submit-hat').disabled = false;
	}
})

function approve_hat(t, name) {
	postToast(t, `/admin/approve/hat/${name}`,
		{
			"description": document.getElementById(`${name}-description`).value,
			"name": document.getElementById(`${name}-name`).value,
			"price": document.getElementById(`${name}-price`).value,
		},
		() => {
			document.getElementById(`${name}-hat`).remove()
		}
	);
}

function remove_hat(t, name) {
	postToast(t, `/remove/hat/${name}`,
		{
		},
		() => {
			document.getElementById(`${name}-hat`).remove()
		}
	);
}