40 lines
970 B
HTML
40 lines
970 B
HTML
{% extends 'base.html' %}
|
|
|
|
{% block title %}Capsuls{% endblock %}
|
|
|
|
{% block head %}<script src="https://js.stripe.com/v3/"></script>{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="third-margin">
|
|
<h1>PAY WITH STRIPE</h1>
|
|
</div>
|
|
<div class="row half-margin">
|
|
<form method="post">
|
|
<div class="row justify-start">
|
|
<label for="dollars">$</label>
|
|
<input type="number" id="dollars" name="dollars"></input>
|
|
</div>
|
|
<div class="row justify-end">
|
|
<input type="submit" value="Pay With Stripe">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
{% if stripe_checkout_session_id %}
|
|
<script>
|
|
Stripe("{{ stripe_public_key }}")
|
|
.redirectToCheckout({
|
|
sessionId: "{{ stripe_checkout_session_id }}",
|
|
})
|
|
.then(function(result) {
|
|
if (result.error) {
|
|
alert("Stripe.redirectToCheckout() failed with: " + result.error.message)
|
|
}
|
|
});
|
|
</script>
|
|
{% endif %}
|
|
|
|
{% endblock %}
|
|
|
|
{% block pagesource %}/templates/stripe.html{% endblock %}
|