import React, { useState } from 'react'; import { Shield, Eye, EyeOff, Loader2, UserCircle, Globe, Smartphone } from 'lucide-react'; import { useForm, Head, Link } from '@inertiajs/react'; export default function Login() { const { data, setData, post, processing, errors } = useForm({ email: '', password: '', remember: false, }); const [showPassword, setShowPassword] = useState(false); const handleSubmit = (e) => { e.preventDefault(); post('/admin/login'); }; return (
{/* Subtle animated diagonal grid background */}
{/* Login Card */}
{/* Header / Logo */}

Admin Portal

Domestic Worker Marketplace

{/* Form */}
setData('email', e.target.value)} placeholder="admin@example.com" className="w-full px-3.5 py-2.5 rounded-lg border border-slate-300 focus:outline-none focus:ring-2 focus:ring-[#0F6E56]/20 focus:border-[#0F6E56] text-gray-800 placeholder-slate-400 text-sm transition-colors" /> {errors.email && (

{errors.email}

)}
setData('password', e.target.value)} placeholder="••••••••" className="w-full pl-3.5 pr-10 py-2.5 rounded-lg border border-slate-300 focus:outline-none focus:ring-2 focus:ring-[#0F6E56]/20 focus:border-[#0F6E56] text-gray-800 placeholder-slate-400 text-sm transition-colors" />
{errors.password && (

{errors.password}

)}
setData('remember', e.target.checked)} className="w-4 h-4 rounded border-slate-300 text-[#0F6E56] focus:ring-[#0F6E56]" />
Sign in as Employer
); }