Spaces:
Running
Running
| <html> | |
| <head> | |
| <title>MANUS AI - Save New Card</title> | |
| <style> | |
| body{font-family:-apple-system,sans-serif;max-width:400px;margin:40px auto;padding:20px;background:#f5f5f5} | |
| .card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)} | |
| h2{margin:0 0 16px;color:#1a1a1a} | |
| .info{background:#e7f3ff;color:#0c5460;padding:10px;border-radius:6px;font-size:12px;margin-bottom:16px} | |
| #sumup-card{min-height:260px} | |
| .result{margin-top:12px;padding:14px;border-radius:8px;font-size:13px} | |
| .success{background:#d4edda;color:#155724} | |
| .error{background:#f8d7da;color:#721c24} | |
| .tok{font-family:monospace;font-size:11px;background:#f0f0f0;padding:6px;border-radius:4px;margin-top:6px;word-break:break-all} | |
| .cust{font-family:monospace;font-size:10px;color:#666;margin-top:10px} | |
| </style> | |
| </head> | |
| <body> | |
| <div class="card"> | |
| <h2>💳 MANUS AI - Save Card</h2> | |
| <div class="info">✓ One-time 3DS verification<br>✓ Future charges = NO approval needed</div> | |
| <div id="sumup-card"></div> | |
| <div id="result"></div> | |
| <div class="cust">Customer ID: CUST-1767636986</div> | |
| </div> | |
| <script src="https://gateway.sumup.com/gateway/ecom/card/v2/sdk.js"></script> | |
| <script> | |
| SumUpCard.mount({ | |
| id:"sumup-card", | |
| checkoutId:"6d975d0e-0f36-4664-94c5-142d687a310c", | |
| onResponse:function(t,b){ | |
| console.log(t,b); | |
| var r=document.getElementById('result'); | |
| if(b.payment_instrument&&b.payment_instrument.token){ | |
| r.innerHTML='<div class="result success"><b>✅ Card Saved!</b><div class="tok">TOKEN: '+b.payment_instrument.token+'</div><div style="margin-top:8px;font-size:11px">Customer: CUST-1767636986</div></div>'; | |
| }else if(t==='error'){ | |
| r.innerHTML='<div class="result error">❌ '+(b.message||JSON.stringify(b))+'</div>'; | |
| } | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> | |