let goosePrevious, 
		gooseOption;

function handleRecordType() {
  console.log('switching record type');
  document.getElementById('recordType').addEventListener('change', () => {
    const recordTypeId = document.getElementById("recordType").value;
    const caseReasonElement = document.getElementById("case_reason_field");
    const webLocationElement = document.getElementById("web_location_fields");
    const gooseDisclaimerElement = document.getElementById("goose_disclaimer");
    
    switch(recordTypeId) {
      case "0126T00000225Nl": //Animal in Distress
        caseReasonElement.style.display = "block";
        webLocationElement.style.display = "block";
        gooseDisclaimerElement.style.display = "none";
        break;
      case "0126T00000225Nn": //Waterfowl Rescue
        caseReasonElement.style.display = "none";
        webLocationElement.style.display = "block";
        gooseDisclaimerElement.style.display = "block";
        break;
      default: //General or Wildlife Inquiry
        caseReasonElement.style.display = "none";
        webLocationElement.style.display = "none";
        gooseDisclaimerElement.style.display = "none";
    }
  })
}

function resetRecordType() {
  console.log('resetting record type')
  document.getElementById('recordType').value = '';
}

function handleAnimalType() {
	goosePrevious = document.querySelector('option[value="0126T00000225Nl"]');
	// gooseOption = document.querySelector('option[value="0126T00000225Nn"]');
	// gooseOption.remove(); // Detach the element

  let influenza = document.getElementById('avian-influenza');
  let raptor = document.getElementById('raptor');
  let rabies = document.getElementById('rabies-warning');
  let land = document.getElementById('land-mammal');
  let marine = document.getElementById('marine-mammal');
  let form = document.getElementById('reporting-form');
  //let gooseOption = document.querySelector('option[value="0126T00000225Nn"]');

  document.querySelectorAll('input[name="00NOJ000002PD49"]').forEach(radio => {
    radio.addEventListener('change', function() {
      console.log('switching animal type');
      switch(this.value) {
        case 'Bird of Prey': // raptor
          influenza.style.display = 'block';
          raptor.style.display = 'block';
          rabies.style.display = 'none';
          land.style.display = 'none';
          marine.style.display = 'none';
          //gooseOption.style.display = 'none';
					removeGooseOption();
          break;
        case 'Bird': // other bird
          influenza.style.display = 'block';
          raptor.style.display = 'block';
          rabies.style.display = 'none';
          land.style.display = 'none';
          marine.style.display = 'none';
          //gooseOption.style.display = 'block';
					// attach goose option
					goosePrevious.after(gooseOption);
          break;
        case 'Bat': // bat
          influenza.style.display = 'none';
          raptor.style.display = 'none';
          rabies.style.display = 'block';
          land.style.display = 'none';
          marine.style.display = 'none';
          //gooseOption.style.display = 'none';
					removeGooseOption();
          break;
        case 'Other Mammal': // land mammal
          influenza.style.display = 'none';
          raptor.style.display = 'none';
          rabies.style.display = 'none';
          land.style.display = 'block';
          marine.style.display = 'none';
          //gooseOption.style.display = 'none';
					removeGooseOption();
          break;
        case 'Marine Mammal': // marine mammal
          influenza.style.display = 'none';
          raptor.style.display = 'none';
          rabies.style.display = 'none';
          land.style.display = 'none';
          marine.style.display = 'block';
          //gooseOption.style.display = 'none';
					removeGooseOption();
          break;
        case 'Reptile': // reptile
          influenza.style.display = 'none';
          raptor.style.display = 'none';
          rabies.style.display = 'none';
          land.style.display = 'none';
          marine.style.display = 'none';
          //gooseOption.style.display = 'none';
					removeGooseOption();
          break;
        case 'Amphibian': // amphibian
          influenza.style.display = 'none';
          raptor.style.display = 'none';
          rabies.style.display = 'none';
          land.style.display = 'none';
          marine.style.display = 'none';
          //gooseOption.style.display = 'none';
					removeGooseOption();
          break;
        case 'Other/Not Sure': // other
          influenza.style.display = 'none';
          raptor.style.display = 'none';
          rabies.style.display = 'none';
          land.style.display = 'none';
          marine.style.display = 'none';
          //gooseOption.style.display = 'none';
					removeGooseOption();
          break;
      }
      form.style.display = 'block';
      resetRecordType();
    });
  });
}

function handleForm() {
  handleAnimalType();
  handleRecordType();
}

function removeGooseOption() {
	if (document.querySelector('option[value="0126T00000225Nn"]')) {
		gooseOption = document.querySelector('option[value="0126T00000225Nn"]');
		gooseOption.remove();
	}
}

var Webflow = Webflow || [];
Webflow.push(function () {
  // on load
  initNav();
  handleForm();
});