Bank Transfers

This commit is contained in:
David Bomba 2023-02-23 17:24:39 +11:00
parent 885ee633d7
commit b5d9f45a56

View File

@ -45,11 +45,21 @@
<script> <script>
const options = { const options = {
clientSecret: '{{ $client_secret }}', clientSecret: '{{ $client_secret }}',
// Fully customizable with appearance API. style: {
appearance: {/*...*/}, base: {
padding: '10px 12px',
color: '#32325d',
fontSize: '16px',
'::placeholder': {
color: '#aab7c4'
},
},
},
}; };
const stripe = Stripe(document.querySelector('meta[name="stripe-publishable-key"]').getAttribute('content')); const stripe = Stripe(document.querySelector('meta[name="stripe-publishable-key"]').getAttribute('content'));
const stripeConnect = document.querySelector('meta[name="stripe-account-id"]')?.content ?? ''; const stripeConnect = document.querySelector('meta[name="stripe-account-id"]')?.content ?? '';
@ -67,27 +77,30 @@
form.addEventListener('submit', async (event) => { form.addEventListener('submit', async (event) => {
event.preventDefault(); event.preventDefault();
document.getElementById('pay-now').disabled = true; document.getElementById('pay-now').disabled = true;
document.querySelector('#pay-now > svg').classList.add('hidden'); document.querySelector('#pay-now > svg').classList.add('hidden');
document.querySelector('#pay-now > span').classList.remove('hidden'); document.querySelector('#pay-now > span').classList.remove('hidden');
const {error} = await stripe.confirmPayment({ const {error} = await stripe.confirmPayment({
//`Elements` instance that was used to create the Payment Element
elements, elements,
confirmParams: { confirmParams: {
return_url: '{!! $return_url !!}', return_url: '{!! $return_url !!}',
}, },
}); });
if (error) { if (error) {
document.getElementById('pay-now').disabled = false;
const messageContainer = document.querySelector('#errors'); document.querySelector('svg').classList.remove('hidden');
messageContainer.textContent = error.message; document.querySelector('span').classList.add('hidden');
} else { const messageContainer = document.querySelector('#errors');
messageContainer.textContent = error.message;
}
} });
});
</script> </script>
@endpush @endpush