76 lines
3.1 KiB
HTML
76 lines
3.1 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="globals.css">
|
|
<link rel="stylesheet" href="index.css">
|
|
<link rel="stylesheet" href="login.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;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">
|
|
<div class="logo-icon">C</div>
|
|
<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 for="clinicId">Clinic ID / Email</label>
|
|
<input type="text" id="clinicId" placeholder="e.g. SHARMA-CLINIC-01" required>
|
|
</div>
|
|
<div class="input-group">
|
|
<label for="password">Password</label>
|
|
<input type="password" id="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;
|
|
|
|
console.log("Attempting login for:", email);
|
|
|
|
// System Admin
|
|
if (email === 'admin@curio.app' && password === 'superadmin') {
|
|
localStorage.setItem('userRole', 'SUPER_ADMIN');
|
|
localStorage.setItem('userEmail', email);
|
|
window.location.href = 'super-admin.html';
|
|
return;
|
|
}
|
|
|
|
// Mock Hospital Users
|
|
const users = {
|
|
'owner@sharma.clinic': { role: 'OWNER', pass: 'owner123' },
|
|
'doctor@sharma.clinic': { role: 'DOCTOR', pass: 'doc123' },
|
|
'rec@sharma.clinic': { role: 'RECEPTIONIST', pass: 'rec123' }
|
|
};
|
|
|
|
const user = users[email];
|
|
if (user && user.pass === password) {
|
|
localStorage.setItem('userRole', user.role);
|
|
localStorage.setItem('userEmail', email);
|
|
window.location.href = 'dashboard.html';
|
|
} else {
|
|
alert('Invalid credentials.\n\nTry:\n- admin@curio.app / superadmin\n- doctor@sharma.clinic / doc123');
|
|
}
|
|
};
|
|
</script>
|
|
</body>
|
|
</html>
|