var mainWrapper = document.getElementsByClassName("main pull-left")
      if (!mainWrapper.length) mainWrapper = document.getElementsByClassName("main")
      const mainHeader = mainWrapper[0].getElementsByClassName("clearfix")[0]
      const mainCustomFields = document.getElementsByClassName("custom-fields")[0]
      const covidDropdown = document.createElement("select")
      covidDropdown.id = "covid-dropdown"
      const optionNull = document.createElement("option")
      optionNull.innerHTML = "..."
      const optionYes = document.createElement("option")
      optionYes.innerHTML = "Yes"
      const optionNo = document.createElement("option")
      optionNo.innerHTML = "No"
      covidDropdown.appendChild(optionNull)
      covidDropdown.appendChild(optionYes)
      covidDropdown.appendChild(optionNo)
      covidDropdown.onchange = function(){ renderController() }
      const covidDropdownHeader = document.createElement("label")
      covidDropdownHeader.htmlFor = "covid-dropdown"
      covidDropdownHeader.innerHTML = "Have you been abroad in the last 7 days? Do you have any signs of SARS? Have you contacted suspected / COVID-19 patients for the last 14 days?"
      covidDropdownHeader.style.marginTop = "10px"
      covidDropdownHeader.style.marginRight = "50px"
      const covidDropdownMessage = document.createElement("div")
      covidDropdownMessage.innerHTML = "Sorry, you are not allowed to visit the office."
      covidDropdownMessage.style.color = "red"
      covidDropdownMessage.hidden = true
      mainHeader.after(covidDropdownMessage)
      mainHeader.after(covidDropdown)
      mainHeader.after(covidDropdownHeader)


// =============================


if (covidDropdown.value === "No") {
          mainCustomFields.hidden = false
          covidDropdownMessage.hidden = true
        } else {
          mainCustomFields.hidden = true
          if (covidDropdown.value === "Yes") covidDropdownMessage.hidden = false
          if (covidDropdown.value === "...") covidDropdownMessage.hidden = true
        }