window.onload = function() {
   
	//console.log('page is fully loaded');
	
	let logo = document.querySelector('.Signup_Logo_URL');
	html='OR Select from your computer: <input id="file1" type="file" class="input" /> <button type="button" id="upload-button" onclick="uploadFile(\'923073_117830pi_923073_117830\', \'file1\')"> Upload </button>';
	appendHtml(logo, html);
	
	let logo2 = document.querySelector('.Signup_Member_Headshot_Image');
	html2='OR Select from your computer: <input id="file2" type="file" class="input" /> <button type="button" id="upload-button2" onclick="uploadFile(\'923073_117827pi_923073_117827\', \'file2\')"> Upload </button>';
	appendHtml(logo2, html2);

}


function appendHtml(el, str) {
  var div = document.createElement('div'); //container to append to
  div.innerHTML = str;
  while (div.children.length > 0) {
    el.appendChild(div.children[0]);
  }
}
async function uploadFile(field, field_id) {

  let formData = new FormData(); 
  formData.append("file", file1.files[0]);
  formData.append("file", file2.files[0]);
  let response = await fetch('https://api.inclusivecapitalism.com/register/upload', {
    method: "POST", 
    body: formData
  });
  
  let data = await response.json();
  if(data.status==1){
  	changeValue(field, data.url);
	alert('The file has been uploaded successfully.');
  }else{
  	alert('Problem with the files. Please send us the asset by email');
  }
}

function changeValue(field, value){
	var s = document.getElementById(field);
    s.value = value;
}