![]() Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/soundstudiopro.com/private_html/ |
<!DOCTYPE html>
<html>
<head>
<title>Stripe Test</title>
<script src="https://js.stripe.com/v3/"></script>
</head>
<body>
<div id="card-element" style="width: 400px; height: 200px; border: 1px solid #ccc; padding: 20px;"></div>
<script>
// Test Stripe initialization
console.log('Testing Stripe initialization...');
try {
const stripe = Stripe('pk_live_51Rn8TtD0zXLMB4gHMCZ5OMunyo0YtN6hBR30BoXFEiQxPG9I6U2tko6Axxwl0yJS21DCCykhC9PxAMdZoEfwJI0p00KlrZUR3w');
console.log('✅ Stripe initialized successfully');
// Test with the client secret from our test
const clientSecret = 'pi_3RsXDID0zXLMB4gH15l7VXtk_secret_eEtLra3M4nEoNawXv0OMZUqK8';
const elements = stripe.elements({
clientSecret: clientSecret,
appearance: {
theme: 'night',
variables: {
colorPrimary: '#667eea',
colorBackground: '#1a1a1a',
colorText: '#ffffff',
colorDanger: '#f56565',
fontFamily: 'Inter, system-ui, sans-serif',
}
}
});
console.log('✅ Stripe Elements created');
const paymentElement = elements.create('payment', {
layout: 'tabs'
});
console.log('✅ Payment Element created');
const cardElement = document.getElementById('card-element');
paymentElement.mount('#card-element');
console.log('✅ Payment Element mounted');
// Check if it rendered
setTimeout(() => {
if (cardElement.children.length > 0) {
console.log('✅ Payment Element rendered successfully');
console.log('Children count:', cardElement.children.length);
} else {
console.error('❌ Payment Element not rendered');
}
}, 2000);
} catch (error) {
console.error('❌ Stripe error:', error);
}
</script>
</body>
</html>