{% load i18n %}
    <form action="" id="payment-form-new" method="POST">
        <input type="hidden" name="token"/>
        <input type="hidden" name="id_card" id="id_card" value=""/>
        <div class="group">
            <div class="credit-card-goup">
               <div class="card-element card-number-element form-group">
                   <label>{%trans "Card Number" %}</label>
                   <div id="card-number-element" class="field my-input form-control"></div>
               </div>
                <div class="row">
                    <div class="card-element card-expiry-element col-md-6 form-group">
                        <label>{%trans "Expiry Date" %}</label>
                        <div id="card-expiry-element" class="field my-input form-control"></div>
                    </div>
                    <div class="card-element card-cvc-element col-md-6">
                        <label>{%trans "CVC" %}</label>
                        <div id="card-cvc-element" class="field my-input form-control"></div>
                    </div>
                </div>
               <div class="card-element brand text-6">
                   <i class="fab fa-credit-card" id="brand-icon"></i>
               </div>
            </div>
        </div>
        <div id="card-errors"></div>
        <div class="text-right">
            <button class="btn btn-vm-contact btn-primary btn-wide" type="submit" name="payment-form">{%trans "Checkout" %}</button>
        </div>
        <div style="display:none;">
            <p class="payment-errors"></p>
        </div>
    </form>
