async function wait_for_seq(network_url, address) {
  const api = new xrpl.Client(network_url)
  await api.connect()
  let response;
  while (true) {
    try {
      response = await api.request({
        command: "account_info",
        account: address,
        ledger_index: "validated"
      })
      break
    } catch(e) {
      await new Promise(resolve => setTimeout(resolve, 1000))
    }
  }
  console.log(response)
  $("#sequence").html('<h3>Sequence Number</h3> '+response.result.account_data.Sequence)
  $("#balance").html(
    "<h3>Balance</h3> " +
      (Number(response.result.account_data.Balance) * 0.000001).toLocaleString(
        "en"
      ) +
      " XRP"
  )
  api.disconnect()
}


function TestNetCredentials(url, altnet_name, ws_url) {

  const credentials = $('#your-credentials')
  const address = $('#address')
  const secret = $('#secret')
  const balance = $('#balance')
  const sequence = $('#sequence')
  const loader = $('.loader')

  //reset the fields initially and for re-generation
  credentials.hide()
  address.html('')
  secret.html('')
  balance.html('')
  sequence.html('')
  loader.css('display', 'inline')

  // generate the test wallet
  const test_wallet = xrpl.Wallet.generate();

  //call the alt-net and get key generations
  $.ajax({
    url: url,
    type: 'POST',
    contentType: "application/json; charset=utf-8",
    data: JSON.stringify({
      destination: test_wallet.address,
      memos: [
        {
          data: "xrpl.org-faucet",
        },
      ],
    }),
    success: function(data) {
      //hide the loader and show results
      loader.hide();
      credentials.hide().html('<h2>Your '+altnet_name+' Credentials</h2>').fadeIn('fast')
      address.hide().html('<h3>Address</h3> ' +
        test_wallet.address).fadeIn('fast')
      secret.hide().html('<h3>Secret</h3> ' +
      test_wallet.seed).fadeIn('fast')
      // TODO: currently the faucet api doesn't return balance unless the account is generated server side, need to make upates when faucet repo is updated. 
      balance.hide().html('<h3>Balance</h3> ' +
        Number(data.amount).toLocaleString('en') + ' XRP').fadeIn('fast')
      sequence.html('<h3>Sequence</h3> <img class="throbber" src="assets/img/xrp-loader-96.png"> Waiting...').fadeIn('fast')
      wait_for_seq(ws_url, test_wallet.address)

    },
    error: function() {
      loader.hide();
      alert("There was an error with the "+altnet_name+" faucet. Please try again.");
    }
  })
}

$(document).ready(function() {
  $('#generate-creds-button').click( (evt) => {
    const checked_network = $("input[name='faucet-selector']:checked")
    const url = checked_network.val()
    const net_name = checked_network.data("shortname")
    const ws_url = checked_network.data("wsurl")
    TestNetCredentials(url, net_name, ws_url)
  });
})