summaryrefslogtreecommitdiff
path: root/talerdonations/donations/templates/checkout.html
blob: 2785af849eb76cf480406616c4c97b22372308f3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
{% 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>
  
  <p {% if not display_alert %} style="display: none;" {% endif %} class="informational-fail">
    Only Taler system available in this demo!
  </p>

  <form name="tform" action="{{ url('/donate') }}" method="get">
    <div id="opt-form" align="left"><br>
      <input type="hidden" name="donation_receiver" value="{{ donation_receiver }}"></input>
      <input type="hidden" name="donation_amount" value="{{ donation_amount }}"></input>
      <input type="hidden" name="donation_donor" value="{{ donation_donor }}"></input>
      <input type="radio" name="payment_system" value="lisa"
             id="lisa-radio-button-id">Lisa</input>
      <br/>
      <input type="radio" name="payment_system" value="ycard">You Card</input>
      <br/>
      <input type="radio" name="payment_system" value="cardme">Card Me</input>
      <br/>
      <input type="radio" name="payment_system" value="taler"
             checked
             id="taler-radio-button-id" class="taler-installed-enable">Taler</input>
      <br/>
      <input id="select-payment-method" type="submit" value="Ok"></input>
    </div>
  </form>

</article>

{% endblock main %}