var slider = document.getElementById("dynamicPrice");

/* Defining the slider in JQuery. 

  The change event is being used to only trigger the price update function once the slider stops moving.
  Documentation: 
    - https://api.jqueryui.com/slider/#event-change
    
  When this update process is triggered, we're disabling the buy button until the new price is returned to the buyer.

*/
$("#slider").slider({
    value: 25,
    min: 0,
    max: 500,
    step: 50,
    change: function(event, data) {
        document.getElementById('buyNow').innerText = "Updating Price..."; 
        document.getElementById('buyNow').disabled = true;
        updatePrice(data.value);
    }
});

$("#slider-price").html($('#slider').slider('value'));


/* Using FastSpring's Secure Request feature to push the custom price as the USD price of the product for this order.
   USD is the base currency of the store, and any currency conversions will be based on this value.
*/

function updatePrice(newPrice) {
    fastspring.builder.secure({
        "items": [{
            "product": "demo-product-1",
            "quantity": 1,
            "pricing": {
                "price": {
                    "USD": newPrice
                }
            }
        }]
    });
}

function dataCallback(data) {

    /*  This function is called every time there is a data callback
        Documentation:
          - https://fastspringexamples.com/callback/data-data-callback/ 
    */


    // Loop over the JSON payload returned

    if (data && data.hasOwnProperty('groups')) {
        const {
            groups
        } = data;

        groups.forEach(group => {
            if (group.items && Array.isArray(group.items)) {
                group.items.forEach(item => {

                    // Display the pricing information for our product only
                    if (item.path == "demo-product-1") {

                        // Update the page with the price, fully localised to the buyer's location.
                        $("#slider-price").html(item.price);
                    }

                });
            }
        });
    }

    // Re-enable the buy now button
    document.getElementById('buyNow').disabled = false;
    document.getElementById('buyNow').innerText = "Buy It Now";

}

function switchCountry(country) {
  // Switch countries for demo purposes
  
  fastspring.builder.country(country);
  
  // Disable the appropriate button
  switch (country) {
    case "US":
      document.getElementById('country-us').disabled = true;
      document.getElementById('country-fr').disabled = false;
      document.getElementById('country-jp').disabled = false;
    break;
    case "FR":
      document.getElementById('country-us').disabled = false;
      document.getElementById('country-fr').disabled = true;
      document.getElementById('country-jp').disabled = false;
    break;
    case "JP":
      document.getElementById('country-us').disabled = false;
      document.getElementById('country-fr').disabled = false;
      document.getElementById('country-jp').disabled = true;
    break;
  }
}