'use strict';

function setupControls() {

  var form = document.getElementById('freeForm');
  var emailField = document.getElementById('freeSubscriberEmail');
  var error = document.getElementById('freeErrorLayer');
  var errorMessage = document.getElementById('freeErrorMessage');

  function enableInputs() {
    Array.prototype.forEach.call(
      form.querySelectorAll(
        "input[type='text'], input[type='email'], input[type='tel']"
      ),
      function(input) {
        input.removeAttribute('disabled');
      }
    );
  }

  function disableInputs() {
    Array.prototype.forEach.call(
      form.querySelectorAll(
        "input[type='text'], input[type='email'], input[type='tel']"
      ),
      function(input) {
        input.setAttribute('disabled', 'true');
      }
    );
  }

  function triggerBrowserValidation() {
    // The only way to trigger HTML5 form validation UI is to fake a user submit
    // event.
    var submit = document.createElement('input');
    submit.type = 'submit';
    submit.style.display = 'none';
    form.appendChild(submit);
    submit.click();
    submit.remove();
  }

  emailField.addEventListener('change', function(event) {

    checkIfEmailAvailable(document.getElementById(event.target.id).value);

  });


  async function checkIfEmailAvailable(emailAddress) {
    var isEmailAvailableResponse = await isEmailValid(emailAddress);
    console.log('Response after checking: ' + JSON.stringify(isEmailAvailableResponse, null, 2));
    var isEmailAvailable = isEmailAvailableResponse.available;

    console.log('Is the email available? ' + isEmailAvailable);

    if (!isEmailAvailable) {
      showErrorAlert('Email already exists', 'There is already an account registered with that email address.');
    }

    return isEmailAvailable;

  }


  // Listen on the form's 'submit' handler...
  form.addEventListener('submit', async function(e) {
    e.preventDefault();

    // Trigger HTML5 validation UI on the form if any of the inputs fail
    // validation.
    var plainInputsValid = true;
    Array.prototype.forEach.call(form.querySelectorAll('input'), function(input) {
      if (input.checkValidity && !input.checkValidity()) {
        plainInputsValid = false;
        return;
      }
    });
    
    if (!plainInputsValid) {
      triggerBrowserValidation();
      return;
    }

    var isEmailAvailable = await checkIfEmailAvailable(document.getElementById('freeSubscriberEmail').value);
    if (!isEmailAvailable) {
      return;
    }

    // Disable all inputs.
    disableInputs();

    // Gather additional customer data we may have collected in our form.
    var name = form.querySelector('#freeSubscriberName');
    var email = form.querySelector('#freeSubscriberEmail');
    var phone =  phoneInstanceFields['freeSubscriberPhone']; //form.querySelector('#freeSubscriberPhone');
    
    var additionalData = {
      name: name ? name.value : undefined,
      email: email ? email.value : undefined,
      phone: phone ? phone.getNumber().replace('+','00') : undefined,
      continent: parent.CONTINENT
      // address_line1: address1 ? address1.value : undefined,
      // address_city: city ? city.value : undefined,
      // address_state: state ? state.value : undefined,
      // address_zip: zip ? zip.value : undefined,
    };
/*
    if (parent.CONTINENT == 'AF') {
      console.log('Submitting sign up form: the data to be submitted are ' + JSON.stringify(additionalData, null, 2));
      $.ajax({
        type: "POST",
        url: 'https://messengersellwebsite-staging.herokuapp.com/notifyGhanaSubscription',
        data: additionalData,
      })
      .done(function() {
        window.parent.showSuccessfulSubscription(null, 'We have received your sign up request, we will contact you by phone to complete your setup!');
      })
      .fail(function() {
        showErrorAlert('Could not sign up, please send an email to "newsignup@shopwindow.co" with your name, email and phone number! Sorry for the inconvenience!!!');
      });
      return;
    }
*/
    console.log('Additional data is: ' + JSON.stringify(additionalData, null, 2));

    window.parent.hideCarousselControls();

    var subscriptionRecord = {
            subscriptionEvents: [ 
            ]
          };

    subscriptionRecord['planNickname'] = 'free';
    subscriptionRecord['paymentProvider'] = 'FREE';
    subscriptionRecord['state'] = 'CURRENT';
    subscriptionRecord['startDate'] = (new Date()).toGMTString();
    subscriptionRecord['price'] = '0.00';
    provisionMSAccount(additionalData, subscriptionRecord);
    
  });

}


function showPaymentFailed() {
  Swal.fire({
    type: 'error',
    title: 'Payment failed!',
    text: 'We could not charge your card, you can try a different one.',
    footer: 'You might need to refresh the page.'
  })
  .then(clicked => {
    location.reload();
  });
}


function provisionMSAccount(additionalData, subscriptionRecord) {
  var referralInformation = null;
  var setPasswordURL = null;
  window.parent.provisionMSAccount(additionalData, subscriptionRecord)
  .then(res => {
    console.log('provisionMSAccount(): User correctly provisioned!');
    referralInformation = res.referralInfo;
    setPasswordURL = res.setPasswordURL;
  })
  .catch(err => {
    // err.message, err.response
    console.log('provisionMSAccount(): Some error happened while provisioning the account' + err);
  })
  .finally(nothing => {
    window.parent.showSuccessfulSubscription(referralInformation, setPasswordURL);
  }); 
}