English
Spanish
French
0
Notifications
0 Non lues
Aucune notification
Voir toutes
Aucune nouvelle notification
Raccourcis
Tableau de bord
Profil
Paramètres
Voir toutes les apps
Utilisateur
Utilisateur
Profil
Messages
25
Paramètres
Solde
$47.12
Support
Se déconnecter
Dashboard
Dashboard
Éditer payment/illico_success.php
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>✅ Paiement confirmé</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <style> body { background: #f8f9fa; } .confirmation-box { margin-top: 60px; background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,0.1); max-width: 450px; width: 100%; } .checkmark { font-size: 60px; color: green; } @media (max-width: 480px) { .confirmation-box { margin-top: 40px; padding: 20px; } .checkmark { font-size: 45px; } } </style> </head> <body> <div class="container d-flex justify-content-center"> <div class="confirmation-box text-center" id="confirmation-content"> <div class="checkmark">✅</div> <h4 class="mb-3">Paiement confirmé avec succès</h4> <p><strong>Montant :</strong> <?= esc($amount) ?> <?= esc($currency) ?></p> <p><strong>Référence :</strong> <?= esc($reference) ?></p> <div class="alert alert-info mt-4"> Vous serez redirigé automatiquement dans <span id="countdown">10</span> secondes... </div> <a href="<?= base_url('downloads/receipt/' . $reference) ?>" class="btn btn-success mb-2" target="_blank"> 📥 Télécharger le reçu </a><br> <a href="#" class="btn btn-outline-secondary" onclick="fermerFenetre()">❌ Fermer cette fenêtre</a> </div> </div> <script> let seconds = 10; function updateCountdown() { const countdownElem = document.getElementById('countdown'); countdownElem.innerText = seconds; if (seconds === 0) { afficherFin(); } seconds--; } function afficherFin() { document.getElementById('confirmation-content').innerHTML = ` <div class="text-center"> <div class="checkmark">✅</div> <h4 class="mb-3">Merci pour votre paiement !</h4> <p>Vous pouvez maintenant fermer cette fenêtre.</p> <a href="<?= base_url('downloads/receipt/' . $reference) ?>" class="btn btn-success mb-3" target="_blank"> 📥 Télécharger le reçu </a><br> <button class="btn btn-danger" onclick="fermerFenetre()">❌ Fermer la fenêtre</button> </div> `; } function fermerFenetre() { window.close(); } document.addEventListener('DOMContentLoaded', () => { updateCountdown(); setInterval(updateCountdown, 1000); }); </script> </body> </html>
Annuler
Enregistrer
Switcher
Theme Styles
Theme Colors
Theme Color Mode:
Light
Dark
Menu Colors: