import React from 'react'; import { Head, useForm, Link } from '@inertiajs/react'; import { Key, Lock, ArrowRight, ShieldCheck, CheckCircle } from 'lucide-react'; interface Props { demoLogins: Array<{ role: string; email: string; password: string; }>; } export default function Login({ demoLogins = [] }: Props) { const form = useForm({ email: 'admin@primonhotel.com', password: 'password123', remember: true, }); const handleLogin = (e: React.FormEvent) => { e.preventDefault(); form.post('/login'); }; const handleQuickFill = (email: string) => { form.setData({ ...form.data, email: email, password: 'password123', }); }; return (
{/* Top Bar */}
P
Primon Hotel ← Return to Website
{/* Main Center Auth Card */}

Staff Authentication

Enter authorized employee credentials to access operational PMS.

{/* Error message */} {form.errors.email && (
{form.errors.email}
)}
form.setData('email', e.target.value)} className="w-full bg-white/5 border border-white/20 text-white rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-[#C5A880]" />
form.setData('password', e.target.value)} className="w-full bg-white/5 border border-white/20 text-white rounded-xl px-3.5 py-2.5 text-xs focus:outline-none focus:border-[#C5A880]" />
{/* Quick Demo Fill Buttons for Testing */}
Quick Demo Switcher (Preloaded Roles)
{demoLogins.map((d, i) => ( ))}
{/* Footer */}
Primon Hotel Management System • Encrypted & Audited Connection
); }