Text

Embed

<div style="font-family:'Poppins',sans-serif;max-width:500px;margin:60px auto;text-align:center;">
  <h2 style="font-weight:800;color:#1e40af;">Request Access</h2>
  <p style="color:#555;font-size:15px;margin-bottom:24px;">Fill in your details below to request access to the Mind-Tech Academy system.</p>

  <input id="fullName" type="text" placeholder="Full Name"
    style="width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;margin-bottom:10px;font-size:15px;" />

  <input id="email" type="email" placeholder="Email Address"
    style="width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;margin-bottom:14px;font-size:15px;" />

  <button id="submitBtn"
    style="width:100%;padding:12px;background:linear-gradient(90deg,#ff6ec4,#7873f5);color:white;border:none;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer;">
    Request Access
  </button>

  <p id="msg" style="font-size:14px;margin-top:18px;color:#555;"></p>
</div>

<script>
document.getElementById("submitBtn").onclick = async () => {
  const fullName = document.getElementById("fullName").value.trim();
  const email = document.getElementById("email").value.trim();
  const msg = document.getElementById("msg");

  if (!fullName || !email) {
    msg.style.color = "red";
    msg.innerText = "Please enter your full name and email.";
    return;
  }

  msg.style.color = "#444";
  msg.innerText = "Submitting...";

  try {
    const res = await fetch("https://auth.register-d12.workers.dev/request-access", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ fullName, email })
    });
    const data = await res.json();
    msg.style.color = data.success ? "green" : "red";
    msg.innerText = data.message;
  } catch (err) {
    msg.style.color = "red";
    msg.innerText = "Server error. Please try again later.";
  }
};
</script>