// 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: "*Por favor, introduzca el nombre en su tarjeta",
              address_line1: "*Por favor, introduzca la dirección de facturación",
              address_city: "*Por favor, introduzca la ciudad de facturación",
              address_state: "*Por favor de facturación de estado",
              address_zip: "*Por favor, introduzca el código postal de facturación",
              address_country: "*Por favor, introduzca País de facturación",
              card: "*Por favor, introduzca Número de tarjeta",
              cvc: "*Por favor, introduzca CVC",
              month: "*Por favor, introduzca Mes",
              year: "*Por favor, introduzca Año",
              agree: "*Debe aceptar los Términos y Condiciones"
            }
        });  
             
});