import React, { useState } from 'react'; import { useForm, Head, Link } from '@inertiajs/react'; import { CheckCircle, Eye, EyeOff, Loader2, AlertTriangle, Info, XCircle, Users, DollarSign, MessageSquare } from 'lucide-react'; export default function Login({ flash }) { const { data, setData, post, processing, errors } = useForm({ email: '', password: '', remember: false, }); const [showPassword, setShowPassword] = useState(false); const handleSubmit = (e) => { e.preventDefault(); post('/employer/login'); }; return (
{/* Left Brand Panel (Desktop Only) */}
M
Marketplace Portal
Employer Login

Find verified domestic workers — no agents, no fees.

Sign in to review your shortlisted candidates, manage interview schedules, and communicate directly.

{/* Stat Row */}
500+
Verified Workers
0 AED
Agent Fees
Direct
Messaging
© 2026 Domestic Worker Marketplace. All rights reserved.
{/* Right Login Form */}

Welcome Back

Sign in to your employer portal to continue searching

{/* Status Flash Alerts */} {flash?.status === 'pending_verification' && (
Your account is pending Emirates ID verification. We'll notify you within 24 hours.
)} {flash?.status === 'rejected' && (
Verification Rejected
Reason: {flash?.reason || 'Document unreadable.'} Please re-register.
)} {flash?.status === 'subscription_expired' && (
Your subscription has expired. Renew to continue searching and shortlisting.
)} {/* Demonstration Helper Note */}
💡 Scaffolding Demo Emails:
• Active Employer: employer@example.com
• Pending Alert: pending@example.com
• Rejected Alert: rejected@example.com
• Expired Alert: expired@example.com
Password for all: password
setData('email', e.target.value)} placeholder="employer@example.com" className="w-full px-3.5 py-2.5 rounded-xl border border-slate-300 text-sm focus:outline-none focus:ring-2 focus:ring-[#185FA5]/20 focus:border-[#185FA5]" autoFocus required /> {errors.email &&

{errors.email}

}
Forgot password?
setData('password', e.target.value)} placeholder="••••••••" className="w-full pl-3.5 pr-10 py-2.5 rounded-xl border border-slate-300 text-sm focus:outline-none focus:ring-2 focus:ring-[#185FA5]/20 focus:border-[#185FA5]" required />
setData('remember', e.target.checked)} className="h-4 w-4 rounded border-slate-300 text-[#185FA5] focus:ring-[#185FA5]" />

New employer?{' '} Create account

); }