Sid Gifari From Gifari Industries - BD Cyber Security Team
Home
/
home
/
airmobeuag
/
pro
/
commande
/
lib
/
✏️
Editing: valider.php
<script src="https://js.stripe.com/v3/"></script> <div class="titre"><?=$Etape['return']['titre']?></div> <div class="SepCenter"></div> <br> <div class="row"> <div class="col-md-8"> <?php include_once "./lib/recap.php";?> <form action="stripe.confirme.php" method="post" id="payment-form"> <div class="form-row"> <div class="col"> <label for="name"> Nom prénom : </label> <input type="text" id="name" name="name" class="form-control" value="<?=$form['nomprenom']?>" required> </div> <div class="col"> <label for="email" > Adresse email : </label> <input id="email" name="email" type="email" class="form-control" value="<?=$form['email']?>" required> </div> </div> <br> <div class="form-row"> <div class="col"> <label for="card-element" class="form-control"> <h3> <b>Montant à régler : <?php $TotalFact = $TotalFact+($TotalFact*20/100); echo number_format($TotalFact, 2, ',', ''); $MontantCB = $TotalFact*100; ?> € TTC</b></h3> Règlement des frais de mise en service et de votre premier mois d'abonnement. <input id="amount" name="amount" type="hidden" value="<?=$MontantCB?>" required> </label> <div id="card-element" class="form-control" style='height: 2.4em; padding-top: .7em;'> <!-- A Stripe Element will be inserted here. --> aaa </div> <!-- Used to display form errors --> <div id="card-errors" role="alert"></div> </div> </div> <span style="font-size:0.8em"> Le code CVC (Card Validation Code) est la combinasion de chiffres imprimée au dos de la carte.</span> <br><br><br> <div style="text-align:center;"> <input type="submit" class="btn btn-primary" value="Règlement"> <br><br> </div> </form> <div style="text-align:center;"> <form method="post" name="form1" id="form1"> <button name="Retour" type="submit" class="btn btn-default" value="1" OnClick="Annule();">RETOUR</button> </form> </div> <br> </div> <div class="col-md-4"><?php include('./lib/panier.php');?></div> </div> <script> function Annule() { $("#name").removeAttr("required"); $("#email").removeAttr("required"); } var stripe = Stripe('pk_live_71CYbbYvTasOQ4zsv4hlIorL'); //var stripe = Stripe('pk_test_VLb2CrCzsRuWvarkzoXSFga4'); var elements = stripe.elements(); // Custom styling can be passed to options when creating an Element. // (Note that this demo uses a wider set of styles than the guide below.) var style = { base: { lineHeight: '1.429', color: '#32325d', fontFamily: '"Helvetica Neue", Helvetica, sans-serif', fontSmoothing: 'antialiased', fontSize: '16px', '::placeholder': { color: '#aab7c4' } }, invalid: { color: '#fa755a', iconColor: '#fa755a' } }; // Create an instance of the card Element. //var card = elements.create('card', {style: style}); var card = elements.create('card'); // Add an instance of the card Element into the `card-element` <div>. card.mount('#card-element'); // Handle real-time validation errors from the card Element. card.addEventListener('change', function(event) { var displayError = document.getElementById('card-errors'); if (event.error) { displayError.textContent = event.error.message; } else { displayError.textContent = ''; } }); // Handle form submission. var form = document.getElementById('payment-form'); form.addEventListener('submit', function(event) { event.preventDefault(); stripe.createToken(card).then(function(result) { if (result.error) { // Inform the user if there was an error. var errorElement = document.getElementById('card-errors'); errorElement.textContent = result.error.message; } else { // Send the token to your server. stripeTokenHandler(result.token); } }); }); // Submit the form with the token ID. function stripeTokenHandler(token) { // Insert the token ID into the form so it gets submitted to the server var form = document.getElementById('payment-form'); var hiddenInput = document.createElement('input'); hiddenInput.setAttribute('type', 'hidden'); hiddenInput.setAttribute('name', 'stripeToken'); hiddenInput.setAttribute('value', token.id); form.appendChild(hiddenInput); // Submit the form form.submit(); } </script> <script> sideScroll(container,'right',20,610,10); </script>
💾 Save
❌ Cancel