summaryrefslogtreecommitdiff
path: root/packages/taler-harness/pdf-template.html
blob: d308d67c482a45bf5699c5ceafb8b907e2e60d8e (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
58
59
60
61
62
63
64
65
<html>

<body style="padding: 3em">
  <h1 id="account-information">Account information</h1>

  <p>The information in this page is confidentail, do not share with others.</p>

  <h2 style="margin-top: 4em;" id="bank-account">Bank</h2>
  <p>
    In your bank account you will be able to see how much revenue
    has been consolidated.
  </p>
  <div style="display: flex; justify-content: space-between;">

    <div>
      <p>URL: {{bankURL}}</p>
      <p>accounts id: {{bankUser}}</p>
      <p>password: {{password}}</p>
    </div>

    <div>
      <figure style="text-align: center;">
        <img src="data:image/png;base64,{{bankQR}}" alt="" />
        <figcaption>bank URL</figcaption>
      </figure>
    </div>
  </div>

  <hr />

  <h2 style="margin-top: 4em;" id="merchant-instance">Backoffice</h2>
  <p>
    In this site you will be able to see how much are you selling,
    make refunds or create new QR codes.
  </p>

  <div style="display: flex; justify-content: space-between;">
    <div>
      <p>URL: {{merchantURL}}</p>
      <p>password: {{password}}</p>
    </div>
    <div>
      <figure style="text-align: center;">
        <img src="data:image/png;base64,{{merchantQR}}" alt="" />
        <figcaption>merchant URL</figcaption>
      </figure>
    </div>
  </div>

  <hr />
  <div style="page-break-after: always;">

  </div>
  <h1 style="margin-top: 4em;" id="template">Payme QR code</h1>
  <p>
    The following QR code can be utilized in
    public settings to request payments.
  </p>
  <figure style="text-align: center;">
    <img src="data:image/png;base64,{{templateQR}}" alt="" />
    <figcaption>{{templateURI}}</figcaption>
  </figure>
</body>

</html>