Stripe add payment method

This commit is contained in:
David Bomba 2019-09-16 19:56:24 +10:00
parent 0331575197
commit 57e6de2f37
2 changed files with 29 additions and 2 deletions

View File

@ -9,10 +9,9 @@
<div class="col d-flex justify-content-center">
<div class="card w-50 p-10">
<div class="card-header">
{{ ctrans('texts.payment')}}
{{ ctrans('texts.add_payment_method')}}
</div>
<div class="card-body">
<h2>{{ ctrans('texts.add_credit_card')}}</h2>
@yield('credit_card')

View File

@ -6,12 +6,23 @@
<div class="form-group">
<input class="form-control" id="cardholder-name" type="text" placeholder="{{ ctrans('texts.name') }}">
</div>
<!-- placeholder for Elements -->
<div class="form-group">
<div id="card-element" class="form-control"></div>
</div>
<div id="card-errors" role="alert"></div>
<div class="form-group">
<button id="card-button" class="btn btn-primary pull-right" data-secret="{{ $intent->client_secret }}">
{{ ctrans('texts.save') }}
</button>
</div>
</div>
@endsection
@ -40,11 +51,28 @@
).then(function(result) {
if (result.error) {
// Display error.message in your UI.
console.log(result.error);
console.log(result.error.message);
$("#card-errors").empty();
$("#card-errors").append("<b>" + result.error.message + "</b>");
} else {
// The setup has succeeded. Display a success message.
console.log(result);
}
});
});
$("#card-button").attr("disabled", true);
$('#cardholder-name').on('input',function(e){
if($("#cardholder-name").val().length >=1)
$("#card-button").removeAttr("disabled");
else
$("#card-button").attr("disabled", true);
});
</script>
@endpush