/*
 *	Shows a pix if they add one
 */
document.querySelectorAll('input[type=file]').forEach(input => {

    input.addEventListener('change', function () {

        const preview = document.getElementById(
            this.dataset.preview
        );
		console.log("preview: ", {preview});
		if (!preview) {
			console.error(
				"Preview element not found:",
				this.dataset.preview
			);
			return;
		}
        if (!this.files.length) return;
        const reader = new FileReader();

        reader.onload = e => {
			console.log("loaded");
			//console.log(e.target.result.substring(0,50));
			preview.src = e.target.result;
			preview.style.display = 'block';
			//console.log("preview.src = ", preview.src);
        };
		console.log("reading: ", this.files[0]);
        reader.readAsDataURL(this.files[0]);
    });
});