import React, { useState } from 'react'; import { Head, Link, router } from '@inertiajs/react'; import axios from 'axios'; import { toast } from 'sonner'; import { Loader2, ShieldAlert, ShieldCheck, UploadCloud, FileText, Users, DollarSign, MessageSquare, ArrowLeft } from 'lucide-react'; export default function UploadEmiratesId({ email }) { const [file, setFile] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const handleFileChange = (e) => { const selectedFile = e.target.files[0]; if (selectedFile) { if (selectedFile.size > 10240 * 1024) { setError('The document must not exceed 10MB.'); toast.error('The document must not exceed 10MB.'); return; } setFile(selectedFile); setError(null); } }; const handleSubmit = async (e) => { e.preventDefault(); if (!file) { setError('Please upload a clear scan or image of your Emirates ID.'); toast.error('Please upload your Emirates ID document.'); return; } setLoading(true); setError(null); const formData = new FormData(); formData.append('emirates_id_file', file); try { await axios.post('/employer/upload-emirates-id', formData, { headers: { 'Content-Type': 'multipart/form-data' } }); toast.success('Emirates ID scanned successfully. Data extracted and document deleted.'); router.visit('/employer/register-payment'); } catch (err) { if (err.response && err.response.data && err.response.data.errors) { setError(err.response.data.errors.emirates_id_file || 'Validation failed.'); toast.error('Validation failed. Please verify the document.'); } else { toast.error('Scan extraction failed. Please try again.'); } } finally { setLoading(false); } }; const renderStepIndicator = () => (
{[ { step: 1, label: 'Register' }, { step: 2, label: 'Verify' }, { step: 3, label: 'Emirates ID' }, { step: 4, label: 'Payment' }, { step: 5, label: 'Password' } ].map((s) => (
{s.step}
{s.step === 3 && ( {s.label} )}
{s.step < 5 && (
)} ))}
); return (
{/* Left Brand Panel (Desktop Only) */}
M
Migrant Portal
Employer Registration

Find verified domestic workers directly.

Unlock direct access to top domestic candidates with a Migrant premium subscription. Find, interview, and hire directly without middlemen.

{/* Stat Row */}
500+
Verified Workers
Premium
Employer Access
Direct
Messaging
© 2026 Migrant. All rights reserved.
{/* Right Form Container */}
{renderStepIndicator()}

Emirates ID Verification

Upload your identity document for quick OCR scanning

{/* Security & Disclaimer Banner */}

Data Privacy Disclaimer

We do not store your physical Emirates ID document. Your card is temporarily scanned only to securely extract the ID number and expiry date via automated OCR, and the file is permanently deleted immediately after extraction.

{/* File Upload Area */}
{!file ? (

Click or Drag image/PDF file here

Supported: JPG, JPEG, PNG, PDF (Max 10MB)

) : (

{file.name}

{(file.size / (1024 * 1024)).toFixed(2)} MB • Ready for Scan

)}
{error && (

{error}

)}
Change Email / Back
); }