add qr code for payment

templates/planned.html.tera

@@ -8,6 +8,50 @@
 			{{ macros::alert(message=flash.1, type=flash.0, class="sm:col-span-2 lg:col-span-3") }}
 		{% endif %}
 
+
+		
+    		{% if "paid" not in loggedin_user.roles %}
+    			<div class="grid gap-3 sm:col-span-2 lg:col-span-3">
+    			  <div class="bg-white dark:bg-primary-900 text-black dark:text-white rounded-md block shadow mt-5" role="alert">
+    			    <h2 class="h2">Vereinsgebühren</h2>
+    			     <div class="text-sm p-3">
+				{% include "includes/qrcode" %}
+				<div id="qrcode" style="float: left; padding-top: 10 pt; padding-right: 10pt; padding-bottom: 10pt;"></div>
+				<script type="text/javascript">
+				
+				var sepaqr = new sepaQR({
+				   benefName: 'ASKÖ Ruderverein Donau Linz',
+				   benefBIC: 'BKAUATWWXXX',
+				   benefAccNr: 'AT131200080413001200',
+				   amountEuro: {{ fee.sum_in_cents/100 }},
+				   creditorRef: 'Vereinsgebühren {{ loggedin_user.name }}'
+				 });
+				
+				 var code = sepaqr.makeCodeInto("qrcode");
+				</script>
+
+			<b>Dein Vereinsbeitrag: {{ fee.sum_in_cents / 100 }}€ {% if fee.parts | length == 1 %} ({{ fee.parts[0].0 }}) {% endif %}</b><br />
+			{% if fee.parts | length > 1 %}
+				<small>
+					Setzt sich zusammen aus: 
+					<ul style="list-style: circle; padding-left: 1em;">
+					{% for p in fee.parts %}
+						 <li>{{ p.0 }} ({{ p.1 / 100 }}€) {% if not loop.last %} + {% endif %}</li>
+					{% endfor %}
+					</ul>
+				</small>
+			{% endif %}
+
+			Bitte auf folgendes Konto überweisen:  IBAN: AT13 1200 0804 1300 1200. Alternativ kannst du mit deiner Bankapp auch den QR Code scannen, damit sollten alle Angaben vorausgefüllt sein.
+
+
+
+
+    			    </div>
+    			  </div>
+    			</div>
+		{% endif %}
+
 		<h1 class="h1 sm:col-span-2 lg:col-span-3">Ausfahrten</h1>
 
 		{% include "includes/buttons" %}