diff options
Diffstat (limited to 'talermerchantdemos/donations/templates/checkout.html')
-rw-r--r-- | talermerchantdemos/donations/templates/checkout.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/talermerchantdemos/donations/templates/checkout.html b/talermerchantdemos/donations/templates/checkout.html new file mode 100644 index 0000000..5c3e116 --- /dev/null +++ b/talermerchantdemos/donations/templates/checkout.html @@ -0,0 +1,59 @@ +{% extends "templates/base.html" %} + +{% block main %} +<article> + <h1>Select your payment method</h1> + + <p> + This is an example for a "checkout" page of a Web shop. + On the previous page, you have created the shopping cart + and decided which product to buy (i.e. which project to + donate KUDOS to). Now in this page, you are asked to + select a payment option. As Taler is not yet universally + used, we expect merchants will offer various payment options. + </p> + <p> + The page also demonstrates how to only enable (or show) the Taler + option if Taler is actually supported by the browser. For example, + if you disable the Taler extension now, the Taler payment option + will be disabled in the page. Naturally, you could also trivially + hide the Taler option entirely by changing the visibility instead. + </p> + <p> + Note that you MUST select Taler here for the demo to continue, + as the other payment options are just placeholders and not + really working in the demonstration. Also, it is of course + possible to ask the user to make this choice already on the + previous page (with the shopping cart), we just separated the + two steps to keep each step as simple as possible. + </p> + + <form name="tform" action="{{ url_for('donate') }}" method="get"> + <div id="opt-form" align="left"><br> + <input type="hidden" name="donation_receiver" value="{{ donation_receiver }}"> + <input type="hidden" name="donation_amount" value="{{ donation_amount }}"> + <input type="hidden" name="donation_donor" value="{{ donation_donor }}"> + + <input type="radio" name="payment_system" value="lisa" id="radio-lisa"> + <label for="radio-lisa">Lisa</input> + <br/> + + <input type="radio" name="payment_system" value="ycard" id="radio-ycard"> + <label for="radio-ycard">You Card</label> + <br/> + + <input type="radio" name="payment_system" value="cardme" id="radio-cardme"> + <label for="radio-cardme">Card Me</label> + <br/> + + <input type="radio" name="payment_system" value="taler" checked id="radio-taler"> + <label for=radio-taler">Taler</label> + <br/> + + <input id="select-payment-method" type="submit" value="Ok"></input> + </div> + </form> + +</article> + +{% endblock main %} |