<div id="ryftPayForm">
    {% if dev %}
        <div class="row testPaymentRow">
            <table>
                <tr>
                    <td colspan="2"><strong>Test card details:</strong></td>
                </tr>
                <tr>
                    <td>Card number:</td>
                    <td>4012 0000 0006 0085</td>
                </tr>
            </table>
        </div>
    {% endif %}

    <form id="ryft-pay-form"
          data-public-key="{{ ryft_public_key }}"
          data-client-secret="{{ ryft_client_secret }}"
          data-customer-email="{{ customer_email }}"
          data-gpay-enabled="{{ ryft_gpay_enabled }}"
          data-apay-enabled="{{ ryft_apay_enabled }}"
          data-site-name="{{ site_name }}"
    >
        <button id="ryftPayButton" class="checkoutButton button right" disabled>
            PAY NOW
        </button>
        <div id="ryftPayErrors"></div>
    </form>
    <div id="ryftLoader">
        Processing. Please wait...
    </div>
</div>