buy.html (2263B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <!-- Required meta tags --> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <link href="/css/bootstrap.min.css" rel="stylesheet"> 8 <link href="/css/style.css" rel="stylesheet"> 9 <link href="/fontawesome/css/fontawesome.css" rel="stylesheet" /> 10 <link href="/fontawesome/css/solid.css" rel="stylesheet" /> 11 <title>Buy</title> 12 </head> 13 <body> 14 {{ template "nav.html" . }} 15 <div class ="container"> 16 <div class="row mb-2"> 17 <div class="col-2"> 18 <ul class="timeline"> 19 <li class="done">Lookup</li> 20 <li class="inprogress">Checkout</li> 21 <li>Manage</li> 22 </ul> 23 </div> 24 <div class="col-10"> 25 <div class="card"> 26 <div class="card-body"> 27 <h4 class="card-title">Checkout</h4> 28 <hr> 29 <p class="card-text"> 30 To complete the registration of <i class="text-primary">{{.label}}</i>: 31 {{if .orderUnpaid}} 32 <a class="link-dark" href="{{.payto}}" class="btn btn-success mb-3">Pay {{.cost}} with your Taler wallet</a><br/> 33 Alternatively, you can pay using your mobile wallet by scanning the QR code below:<br/> 34 <img class="qr" src="{{.qrCode}}"/> 35 {{else}} 36 <b>Pay {{.cost}} with your Taler wallet. The order has already been claimed by your wallet. Please complete the payment now.</b> 37 {{end}} 38 </p> 39 </div> 40 </div> 41 </div> 42 </div> 43 <div class="alert alert-warning"> 44 <h4>Important</h4> 45 After you pay with a mobile wallet, you should be redirected automatically. If not, you can visit <a class="link-dark" href="{{.fulfillmentUrl}}">your registration management page</a> directly. 46 <br/> 47 Your unique registration identifier is <b>{{.registrationId}}</b>. 48 <br/> 49 We recommend that you save this identifier, for example by printing this page. 50 </div> 51 <hr/> 52 <a class="btn btn-secondary" href="/">Back</a> 53 </div> 54 {{ template "footer.html" . }} 55 </body> 56 </html>