//= require solidus_braintree/paypal_button

// This is the PayPal button on the cart page
$(document).ready(function() {
  if (document.getElementById("empty-cart")) {
    $.when(
      $.getScript("https://js.braintreegateway.com/3.84.0/js/client.min.js"),
      $.getScript("https://js.braintreegateway.com/3.84.0/js/paypal-checkout.min.js"),
      $.getScript("https://js.braintreegateway.com/3.84.0/js/data-collector.min.js")
    ).done(function() {
      $("#content").append('<div id="paypal-button"/>');
      $('<script/>').attr({
        'data-version-4' : "true"
      }).
      load(function() {
        var paypalOptions = {
          flow: 'vault',
          enableShippingAddress: true
        }
        var options = {
          restart_checkout: true
        }
        var button = new SolidusBraintree.createPaypalButton(
          document.querySelector("#paypal-button"),
          paypalOptions,
          options
        );
        return button.initialize();
      }).
      insertAfter("#content").
      attr('src', 'https://www.paypalobjects.com/api/checkout.js');
    });
  }
});