stripe.component.php 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <div class="col1 col-md-8">
  2. <div class="card">
  3. <div class="front">
  4. <div class="type">
  5. <i class="bankid"></i>
  6. </div>
  7. <span class="chip"></span>
  8. <span class="card_number">&#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; &#x25CF;&#x25CF;&#x25CF;&#x25CF; </span>
  9. <div class="date"><span class="date_value">MM / YYYY</span></div>
  10. <span class="fullname">NOM</span>
  11. </div>
  12. <div class="back">
  13. <div class="magnetic"></div>
  14. <div class="bar"></div>
  15. <span class="seccode">&#x25CF;&#x25CF;&#x25CF;</span>
  16. <span class="chip"></span><span class="disclaimer">This card is property of Random Bank of Random corporation. <br> If found please return to Random Bank of Random corporation - 21968 Paris, Verdi Street, 34 </span>
  17. </div>
  18. </div>
  19. </div>
  20. <div class="col2 col-md-4">
  21. <div class="row">
  22. <div class="col-md-12">
  23. <label>N° Carte :</label>
  24. <input type="text" id="stripe-card-number" class="number" maxlength="19" onkeypress="return event.charCode >= 48 && event.charCode <= 57"/>
  25. </div>
  26. <div class="col-md-12">
  27. <label>Nom :</label>
  28. <input type="text" id="stripe-card-owner" class="inputname" placeholder="NOM Prénom"/>
  29. </div>
  30. <div class="col-md-6">
  31. <label>Expire le :</label>
  32. <input type="text" id="stripe-card-expire" class="expire" placeholder="MM / YYYY"/>
  33. </div>
  34. <div class="col-md-6">
  35. <label>N° CVV :</label>
  36. <input type="text" id="stripe-card-cvv" class="cvv" title="Le numero de CVV est le numéro à 3 chiffre à l'arrière de votre carte bleue" placeholder="CVV" maxlength="3" onkeypress="return event.charCode >= 48 && event.charCode <= 57"/>
  37. </div>
  38. <div id="shop-stripe-button" class="col-md-12 buy-button" onclick="stripe_process_payment('<?php echo stripe_public_key(); ?>', '<?php echo $process; ?>');">
  39. <span class="button-loading hidden"><i class="fas fa-cog fa-spin pink"></i> Paiement en cours....</span>
  40. <span class="button-active"><i class="far fa-credit-card"></i> Payer</span>
  41. </div>
  42. </div>
  43. </div>