| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8" /> |
| | <title>Login – TrueWrite Scan</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | </head> |
| | <body class="bg-slate-950 text-white min-h-screen flex items-center justify-center"> |
| | <div class="max-w-md w-full mx-4 bg-slate-900/70 border border-slate-800 rounded-2xl p-6 shadow-xl"> |
| | <h1 class="text-2xl font-bold mb-1">Welcome back</h1> |
| | <p class="text-xs text-slate-400 mb-4">Login to continue using TrueWrite Scan.</p> |
| |
|
| | <form id="loginForm" class="space-y-4"> |
| | <div> |
| | <label class="block text-xs mb-1">Email</label> |
| | <input id="email" type="email" required |
| | class="w-full px-3 py-2 rounded-lg bg-slate-950 border border-slate-700 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500" /> |
| | </div> |
| | <div> |
| | <label class="block text-xs mb-1">Password</label> |
| | <input id="password" type="password" required |
| | class="w-full px-3 py-2 rounded-lg bg-slate-950 border border-slate-700 text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500" /> |
| | </div> |
| | <p id="loginError" class="text-xs text-red-400 h-4"></p> |
| | <button type="submit" |
| | class="w-full py-2 rounded-lg bg-indigo-500 hover:bg-indigo-600 text-sm font-semibold"> |
| | Login |
| | </button> |
| | </form> |
| |
|
| | <p class="mt-4 text-xs text-slate-400 text-center"> |
| | New to TrueWrite Scan? |
| | <a href="signup.html" class="text-indigo-300 underline underline-offset-2">Create account</a> |
| | </p> |
| | </div> |
| |
|
| | <script> |
| | const BACKEND_URL = "https://gopalkrushnamahapatra-truewrite-scan-backend.hf.space"; |
| | |
| | const form = document.getElementById("loginForm"); |
| | const err = document.getElementById("loginError"); |
| | |
| | form.addEventListener("submit", async (e) => { |
| | e.preventDefault(); |
| | err.textContent = ""; |
| | |
| | const email = document.getElementById("email").value.trim(); |
| | const password = document.getElementById("password").value; |
| | |
| | try { |
| | const res = await fetch(`${BACKEND_URL}/api/login`, { |
| | method: "POST", |
| | headers: { "Content-Type": "application/json" }, |
| | body: JSON.stringify({ email, password }) |
| | }); |
| | |
| | const data = await res.json(); |
| | if (!res.ok) { |
| | err.textContent = data.detail || "Login failed"; |
| | return; |
| | } |
| | |
| | localStorage.setItem("truewriteToken", data.token); |
| | localStorage.setItem("truewriteUser", JSON.stringify({ |
| | name: data.name, |
| | email: data.email |
| | })); |
| | |
| | window.location.href = "dashboard.html"; |
| | } catch (e2) { |
| | err.textContent = "Server error. Is backend running?"; |
| | } |
| | }); |
| | </script> |
| | </body> |
| | </html> |
| |
|
