<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
  <title>Trial Already Used – Collnetwork</title>
  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&display=swap" rel="stylesheet">
  <style>
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    body{font-family:'Nunito',sans-serif;min-height:100vh;
      background:linear-gradient(135deg,#3b1f6e 0%,#1a0a3c 100%);
      display:flex;align-items:center;justify-content:center;padding:24px;}
    .card{background:white;border-radius:20px;padding:36px 32px;
      max-width:400px;width:100%;text-align:center;
      box-shadow:0 20px 60px rgba(0,0,0,0.4);}
    .icon{font-size:52px;margin-bottom:12px;}
    h1{color:#1a0a3c;font-size:20px;font-weight:900;margin-bottom:8px;}
    .sub{color:#7c6fa0;font-size:14px;margin-bottom:24px;line-height:1.6;}
    .register-btn{display:block;padding:14px;
      background:linear-gradient(135deg,#22c55e,#16a34a);
      color:white;border-radius:12px;font-weight:800;font-size:15px;
      text-decoration:none;margin-bottom:10px;
      box-shadow:0 6px 18px rgba(34,197,94,0.35);}
    .back-btn{display:block;padding:10px;background:#f3eeff;
      color:#6b3fa0;border-radius:12px;font-weight:700;
      font-size:14px;text-decoration:none;}
    .date{font-size:12px;color:#a0aec0;margin-top:16px;}
  </style>
</head>
<body>
  <div class="card">
    <div class="icon">⛔</div>
    <h1>Trial Already Used</h1>
    <p class="sub">
      This device has already used its free 1-hour trial.<br>
      Register now to enjoy uninterrupted internet access.
    </p>
    <a href="https://wifiregister.collnetwork.net/register" class="register-btn">
      ✨ Register Now – ₦3,000 for 30 Days
    </a>
    <a href="javascript:history.back()" class="back-btn">← Back to Login</a>
    <div class="date">Trial was activated on {{ created_at.strftime('%d %b %Y at %H:%M') }}</div>
  </div>
</body>
</html>
