donations-checkout.html.j2 (2114B)
1 {% extends "donations-base.html.j2" %} 2 3 {% block main %} 4 <article> 5 <h1>{{ gettext("Select your payment method") }}</h1> 6 7 <p> 8 {{ 9 gettext('This is an example for a "checkout" page of a Web shop.') + "<br\>" + 10 gettext('On the previous page, you have created the shopping cart and decided which product to buy (i.e. which project to donate KUDOS to).') + "<br/>" + 11 gettext('As Taler is not yet universally used, we expect merchants will offer various payment options.') + "<br/>" + 12 gettext('To continue with the demo, select the "Taler" payment option.') 13 }} 14 </p> 15 <p class="graybox"> 16 {{ 17 gettext('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.') + "<br\>" + 18 gettext('It would be 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.') 19 }} 20 </p> 21 22 <form name="tform" action="{{ url_for('donate',lang=getlang()) }}" method="get"> 23 <div id="opt-form" align="left"><br> 24 <input type="hidden" name="donation_receiver" value="{{ donation_receiver }}"> 25 <input type="hidden" name="donation_amount" value="{{ donation_amount }}"> 26 <input type="hidden" name="donation_donor" value="{{ donation_donor }}"> 27 28 <input type="radio" name="payment_system" value="lisa" id="radio-lisa"> 29 <label for="radio-lisa">Lisa</input> 30 <br/> 31 32 <input type="radio" name="payment_system" value="ycard" id="radio-ycard"> 33 <label for="radio-ycard">You Card</label> 34 <br/> 35 36 <input type="radio" name="payment_system" value="cardme" id="radio-cardme"> 37 <label for="radio-cardme">Card Me</label> 38 <br/> 39 40 <input type="radio" name="payment_system" value="taler" checked id="radio-taler"> 41 <label for=radio-taler">Taler</label> 42 <br/> 43 44 <input id="select-payment-method" type="submit" value="{{gettext("Confirm selection")}}"></input> 45 </div> 46 </form> 47 48 </article> 49 50 {% endblock main %}