2021-07-19 14:36:10 +00:00
|
|
|
{% load i18n %}
|
2021-07-30 06:51:35 +00:00
|
|
|
<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>
|
2021-07-19 14:36:10 +00:00
|
|
|
</div>
|
2021-07-30 06:51:35 +00:00
|
|
|
<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>
|
2021-07-19 14:36:10 +00:00
|
|
|
</div>
|
2021-07-30 06:51:35 +00:00
|
|
|
</div>
|
2021-07-19 14:36:10 +00:00
|
|
|
</div>
|
2021-07-30 06:51:35 +00:00
|
|
|
<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>
|