<script src="https://www.google.com/recaptcha/api.js?render=6LcOMP4mAAAAAGfEgSuFmoRaSHUwo8pPV8UFKOUj"></script>
<script src="../build/js/intlTelInput.js"></script>
<script>

  var input = document.querySelector("#company_phone");
  var errorMsg = document.querySelector("#company_phone_error");
  var errorMap = ["Invalid number", "Invalid country code", "Too short", "Too long", "Invalid number"];
  var country_code = document.querySelector("#country_code");
  var user_ip = document.querySelector("#user_ip");
  var company_phone_full = document.querySelector("#company_phone_full");
  //British Indian Ocean Territory
  var localizedCountriesArray = {
      ba: "Bosnia and Herzegovina",
      cf: "Central African Republic",
      ae: "United Arab Emirates",
      wf: "Wallis and Futuna",
      cd: "Congo (DRC)",
      cg: "Congo (Republic)",
      cz: "Czech Republic",
      do: "Dominican Republic",
      gq: "Equatorial Guinea",
      fk: "Falkland Islands",
      gf: "French Guiana",
      pf: "French Polynesia",
      nc: "New Caledonia",
      kp: "North Korea",
      mk: "North Macedonia",
      mf: "Saint Martin",
      pm: "Saint Pierre and Miquelon",
      st: "São Tomé and Príncipe",
      va: "Vatican City",
      eh: "Western Sahara",
      gw: "Guinea-Bissau",
      gl: "Greenland",
      mg: "Madagascar",
      md: "Moldova",
      mz: "Mozambique",
      vc: "Saint Vincent & Grenadines",
      sa: "Saudi Arabia",
      io: "BIOT",
      ss: "South Sudan",
      uz: "Uzbekistan",
      pm: "Saint Pierre & Miquelon",
    };
  var inputOptions = {
    localizedCountries: localizedCountriesArray,
    autoInsertDialCode: true,
    //dropdownContainer: document.querySelector("#addCountryDropdown"),
    geoIpLookup: function(callback) {
      fetch("https://ipapi.co/json")
        .then(function(res) { return res.json(); })
        .then(function(data) { 
          callback(data.country_code); 
          country_code.value = data.country_code;
          user_ip.value = data.ip;
        })
        .catch(function() { callback("us"); });
    },
    hiddenInput: "company_phone_full",
    initialCountry: "auto",
    separateDialCode: true,
    preferredCountries: ['us', 'au', 'gb', 'ae'],
    utilsScript: "../build/js/utils.js?1690975972744"
  };
  var isMobile = window.innerWidth <= 768;
  if (isMobile) {
    inputOptions.dropdownContainer = document.querySelector("#addCountryDropdown");
  }
  const iti = window.intlTelInput(input, inputOptions);

  const reset = () => {
    input.classList.remove("error");
    errorMsg.innerHTML = "";
    errorMsg.classList.add("d-hide");
  };

  // on keyup / change flag: reset
  input.addEventListener('change', reset);
  input.addEventListener('keyup', reset);

  // Prevent non-numeric input
  input.addEventListener('input', (event) => {
    event.target.value = event.target.value.replace(/\D/g, '');
  });


</script>