agdsn/sipa

<h2 id="payment-details">{{ _("Zahlungsdetails") }}</h2>
<form action="#payment-details" method="post" class="form-inline"
      aria-label="{{ _("Monate der Beitragszahlung angeben") }}">
    {{ payment_form.csrf_token }}
    {{ _("Beitrag für") }}
    <div class="input-group">
        {{ payment_form.months(class_="form-control", size="2", **{'aria-label': _("Monate")}) }}
        <span class="input-group-btn">
            <button type="submit" class="btn btn-secondary">{{ _("Aktualisieren") }}</button>
        </span>
    </div>
    {{ _("Monat(e) zahlen.") }}
</form>
<br>
<div class="card">
    <table class="card-body table table-striped table-hover mb-0">
        <tbody>
            {% for key, value in payment_details.items() %}
            <tr>
                <td class="col-md-3">{{ key }}</td>
                <td class="col-md-3">{{ value }}</td>
            </tr>
            {% endfor %}
            <tr>
                <td class="col-md-3">{{ _("GiroCode") }}<br>
                    <i>{{ _("Nutze den GiroCode, um die Überweisungsdaten automatisch in deine Banking-App zu übernehmen.") }}</i>
                </td>
                <td class="col-md-3"><img src="{{ qrcode(girocode, box_size=6) }}" alt="{{ girocode }}"></td>
            </tr>
        </tbody>
    </table>
</div>