| <!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> |
|
|
