atlas-academy/static/betaald.html
Atlas Developer b1fed1989a feat: subscription model — Mollie recurring + course gating
- mollie_enroll.py rewritten: Mollie Customer → sequenceType=first payment
  → Subscription API → recurring webhook → Odoo enrollment / removal
- SQLite subscriber + payments tracking (/opt/atlas/academy/subscriptions.db)
- Plans: Starter €20/mo, Pro €49/mo with per-plan Odoo channel enrollment
- Courses 1-5,7-10 set to invite-only; course 6 (IT-Basis) free sample
- index.html: subscription CTAs, removed coming-soon waitlist language
- pricing.html: CTAs → /betalen?plan= (live Mollie), Free → /web/signup
- betaald.html: subscription success messaging with login CTA
- Mollie live key active, Odoo provider ID=11 enabled
2026-06-23 01:43:57 +02:00

43 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>Welkom bij Atlas Academy</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',sans-serif;background:#040810;color:#f1f5f9;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}
.wrap{max-width:500px;padding:3rem 2.5rem;background:#0a1628;border:1px solid rgba(59,130,246,.2);border-radius:20px;margin:2rem}
.icon{font-size:3.5rem;margin-bottom:1.2rem}
h1{font-size:1.6rem;font-weight:800;margin-bottom:.75rem}
p{color:#94a3b8;line-height:1.65;font-size:.95rem}
.btn{display:inline-block;margin-top:2rem;padding:.9rem 2.2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:1rem}
.btn:hover{opacity:.9}
.sub{font-size:.8rem;color:#475569;margin-top:1rem}
</style>
</head>
<body>
<div class="wrap" id="c">
<div class="icon" id="ic"></div>
<h1 id="ti">Betaling verwerken...</h1>
<p id="ms">We verwerken je betaling. Dit duurt normaal minder dan een minuut.</p>
</div>
<script>
var p=new URLSearchParams(location.search),plan=p.get('plan')||'starter',ic=document.getElementById('ic'),ti=document.getElementById('ti'),ms=document.getElementById('ms'),c=document.getElementById('c');
function btn(href,txt){var a=document.createElement('a');a.href=href;a.className='btn';a.textContent=txt;c.appendChild(a);}
var paid=location.search.includes('plan=');
if(paid){
ic.textContent='✅';
ti.textContent='Welkom bij Atlas Academy!';
ms.innerHTML='Je abonnement is actief. We hebben je toegang ingesteld &mdash; je kunt nu direct starten met alle cursussen.<br><br><strong>Check ook je inbox</strong> voor je inloggegevens.';
btn('/web/login?redirect=%2Fslides','Ga naar cursussen →');
var s=document.createElement('p');s.className='sub';s.textContent='Maandelijks opzegbaar — geen jaarcontract.';c.appendChild(s);
}else{
ic.textContent='⌛';
ti.textContent='Betaling in behandeling';
ms.textContent='We wachten op bevestiging. Controleer je inbox voor verdere informatie.';
setTimeout(function(){location.reload()},10000);
}
</script>
</body>
</html>