curaflow/login.html

53 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login | Curio HMS</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="login.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
<script src="tenantLoader.js"></script>
</head>
<body class="auth-body">
<div class="auth-container">
<div class="auth-card">
<div class="auth-logo">
<span class="logo-icon">C</span>
<h1>Curio</h1>
</div>
<h2>Welcome Back</h2>
<p>Login to manage your clinic OPD and accounts.</p>
<form id="loginForm">
<div class="input-group">
<label>Clinic ID / Email</label>
<input type="text" placeholder="e.g. SHARMA-CLINIC-01" required>
</div>
<div class="input-group">
<label>Password</label>
<input type="password" placeholder="••••••••" required>
</div>
<button type="submit" class="btn-primary auth-btn">Login to Dashboard</button>
</form>
<p class="auth-footer">New to Curio? <a href="register.html">Register your clinic</a></p>
</div>
</div>
<script>
document.getElementById('loginForm').onsubmit = (e) => {
e.preventDefault();
const email = e.target.querySelector('input[type="text"]').value;
const password = e.target.querySelector('input[type="password"]').value;
if (email === 'deepkoluguri@gmail.com' && password === 'password123') {
window.location.href = 'dashboard.html';
} else {
alert('Invalid credentials. Hint: deepkoluguri@gmail.com / password123');
}
};
</script>
</body>
</html>