68 lines
2.4 KiB
HTML
68 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Rechargement Online</title>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Material Design Bootstrap -->
|
|
{# <link href="css/mdb.min.css" rel="stylesheet">#}
|
|
<!-- Your custom styles (optional) -->
|
|
{# <link href="css/style.css" rel="stylesheet">#}
|
|
</head>
|
|
<body>
|
|
<br>
|
|
{% if url_image_carte %}
|
|
<div class="container-fluid">
|
|
<img src="{{ url_image_carte }}" alt="Product" class="img-fluid img-thumbnail rounded mx-auto d-block" >
|
|
</div>
|
|
{% endif %}
|
|
<br>
|
|
<p class="h3 mb-4 text-center">Rechargement Cashless {{ domain.capitalize }}</p>
|
|
{% if liste_assets %}
|
|
<p class="h5 mb-5 text-center">Disponible sur votre carte :
|
|
{% for asset in liste_assets %}
|
|
<p class="h6 mb-6 text-center"> {{ asset }} </p>
|
|
{% endfor %}
|
|
</p>
|
|
{% else %}
|
|
<p class="h4 mb-4 text-center">Votre carte est vide.</p>
|
|
{% endif %}
|
|
|
|
|
|
<form class="border border-light p-5" name="form" method="POST">
|
|
{% csrf_token %}
|
|
<label for="numero_carte">Merci de vérifier votre numéro de la carte cashless ( au dessous du QRCode ) :</label>
|
|
<input type="text" id="numero_carte_cashless" class="form-control" placeholder="Numéro de la carte cashless"
|
|
value="{{ numero_carte }}" name="numero_carte_cashless" required="True" readonly>
|
|
<br>
|
|
|
|
<label for="Email">Email :</label>
|
|
{% if email %}
|
|
<input type="email" id="Email" class="form-control mb-4" placeholder="E-mail" name="email" required="True"
|
|
value="{{ email }}">
|
|
{% else %}
|
|
<input type="email" id="Email" class="form-control mb-4" placeholder="E-mail" name="email" required="True">
|
|
{% endif %}
|
|
|
|
|
|
<label for="thune">Somme à recharger (€) :</label>
|
|
<input id="thune" class="form-control" type="number" min="1" step="any" name="thune" required="True"/>
|
|
|
|
<br>
|
|
|
|
<div class="d-grid gap-2">
|
|
<button class="btn btn-primary" type="submit">Payer</button>
|
|
</div>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|