// this identifies your website in the createToken call below
Stripe.setPublishableKey('pk_live_37L78nwvQz9SiE7vaTXobGfY');

function stripeResponseHandler(status, response) {
    if (response.error) {
        // re-enable the submit button
        $('.submit-button').removeAttr("disabled");
        $('.loaders').hide();
        // show the errors on the form
        $(".payment-errors").html('<div class="alert alert-warning alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button> <strong>Oops! </strong>' + response.error.message+'</div>');
    } else {
        var form$ = $("#payment-form");
        // token contains id, last4, and card type
        var token = response['id'];
        // insert the token into the form so it gets submitted to the server
        form$.append("<input type='hidden' name='stripeToken' value='" + token + "' />");
        // and submit
        form$.get(0).submit();
    }
}

function submit(form) {
    // disable the submit button to prevent repeated clicks
    $('.submit-button').attr("disabled", "disabled");
    $('.loaders').show();

    // createToken returns immediately - the supplied callback submits the form if there are no errors
    Stripe.createToken({
        name: $('.card-name').val(),
        address_line1: $('.address_line1').val(),
        address_line2: $('.address_line2').val(),
        address_city: $('.address_city').val(),
        address_city: $('.address_city').val(),
        address_state: $('.address_state').val(),
        address_zip: $('.address_zip').val(),
        address_country: $('.address_country').val(),
        number: $('.card-number').val(),
        cvc: $('.card-cvc').val(),
        exp_month: $('.card-expiry-month').val(),
        exp_year: $('.card-expiry-year').val()
    }, stripeResponseHandler);
        return false; // submit from callback

}

$(document).ready(function() {

        $("#payment-form").validate({
            submitHandler: submit,
            rules: {
              name: "required",
              address_line1: "required",
              address_city: "required",
              address_state: "required",
              address_zip: "required",
              address_country: "required",
              card: "required",
              cvc: "required",
              agree: "required",
              month: "required",
              year: "required",
            },
            messages: {
              name: "*Please enter the Name on Your Card",
              address_line1: "*Please enter Billing Address",
              address_city: "*Please enter Billing City",
              address_state: "*Please Billing State",
              address_zip: "*Please enter Billing Zip Code",
              address_country: "*Please enter Billing Country",
              card: "*Please enter Card Number",
              cvc: "*Please enter CVC",
              month: "*Please enter Month",
              year: "*Please enter Year",
              agree: "*You must agree to Terms and Conditions"
            }
        });  
             
});