<main class="np-box-container np-open-access">
  <div class="np-box">
    {% include "header_minimal" %}
    <div class="np-box-content-container">
      <form class="np-form np-box-content" action="{{ form.url }}" method="get" novalidate>
        {% form_authenticity_token %}
        <div class="np-form-headline">
          {% t shared.welcome_to_school, school_name: current_school.name %}
        </div>
        <div class="np-form-subheadline">
          {% t .headline, key: current_school.course_vocabulary %}
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_first_name">
            {% t shared.first_name %}
          </label>
          <input
            class="np-input"
            autofocus="autofocus"
            type="text"
            name="first_name"
            id="learner_first_name"
            value="{{ form.first_name | escape }}"
          />
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_last_name">
            {% t shared.last_name %}
          </label>
          <input
            class="np-input"
            type="text"
            name="last_name"
            id="learner_last_name"
            value="{{ form.last_name | escape }}"
          />
        </div>
        <div class="np-form-field">
          <label class="np-input-label" for="learner_email">
            {% t shared.email_address %}
          </label>
          <input
            class="np-input"
            type="text"
            name="email"
            id="learner_email"
            value="{{ form.email | escape }}"
          />
        </div>
        <div class="np-form-field">
          <label class="np-input-label">
            Region
          </label>
		  <select
			class="sign-up-region np-input"
			type="text"
			name="group-dropdown"
			id="sign-up-group-dropdown"
			required >
			<option class="info-group-option" value="APAC/EMEA">
			  APAC/EMEA
			</option>
			<option class="info-group-option" value="AMERICAS">
			  Americas
			</option>
		</select>
        </div>
        <input
          type="submit"
          name="commit"
          value="{% t shared.enter %}"
          class="np-button np-button-big np-form-action"
		  <button class="addtl-button" onclick="submitData()"></button>
        />
      </form>
    </div>
  </div>
</main>
<script>

  let submitData = async () => {
    //if(
    //  ($(".sign-up-region")[0].value.length > 0)
   // ){

      function webhookCaller(){
        return new Promise(function(res, rej) {
          let xhr = new XMLHttpRequest();
          url = "https://webhooks.workato.com/webhooks/rest/a36b1f7c-07c7-48ff-bc0f-cb3777d02c81/blacklane-new-driver-region-seg";

          xhr.addEventListener("load", e => {
            window.location.replace('/app/');
            //window.location.replace('/app');
          });
          xhr.open("POST", url, true);
          xhr.send(JSON.stringify({
            email: '{{ current_person.email }}',
            name: "{{ current_person.first_name }} {{ current_person.last_name }}",
            user_id: '{{ current_person.id }}',
            user_region: $(".sign-up-region")[0].value,
          }))
        })
      }

      try {
        await webhookCaller()
        .then((res) => {
          window.location.replace('/app/dashboard')
        })
      } catch(err) {
        console.log(err)
      }
    }
  }

</script>
