{% block shopware_payments_sepa_fields_form %}
    <div
        id="shopware-payments-sepa-fields-form"
        class="my-3 shopware-payments-sepa-fields-form"
        data-shopware-payments-sepa-fields="true"
    >
        <div class="mb-2">
            <label class="d-none" for="shopware-payments-sepa-field-account-holder-name">{{ "shopwarePayments.sepa.accountHolderName"|trans|sw_sanitize }}</label>
            <input
                id="shopware-payments-sepa-field-account-holder-name"
                class="form-control"
                name="sp-sepa-account-holder-name"
                type="text"
                placeholder="{{ "shopwarePayments.sepa.accountHolderName"|trans|striptags }}"
                autocomplete="name"
                spellcheck="false"
                form="confirmOrderForm"
                required
                aria-required="true"
                data-required-message="{{ "shopwarePayments.sepa.fieldRequired"|trans|striptags }}"
            />
        </div>

        <div class="mb-2">
            <label class="d-none" for="shopware-payments-sepa-field-iban">{{ "shopwarePayments.sepa.iban"|trans|sw_sanitize }}</label>
            <input
                id="shopware-payments-sepa-field-iban"
                class="form-control"
                name="sp-sepa-iban"
                type="text"
                placeholder="{{ "shopwarePayments.sepa.iban"|trans|striptags }}"
                autocomplete="off"
                spellcheck="false"
                form="confirmOrderForm"
                required
                aria-required="true"
                data-required-message="{{ "shopwarePayments.sepa.fieldRequired"|trans|striptags }}"
                data-invalid-message="{{ "shopwarePayments.sepa.ibanInvalid"|trans|striptags }}"
            />
        </div>

    </div>
{% endblock %}