import React from 'react'; import { Head, Link } from '@inertiajs/react'; import { ChevronLeft, Share2, CheckCircle2, Globe, Briefcase, Calendar, Heart, Sparkles, DollarSign, MessageSquare, Bookmark, Phone, FileText, ShieldCheck, Languages, Info, ArrowRight } from 'lucide-react'; export default function WorkerDetail({ id }) { // Mock data for the worker detail const worker = { id: id, name: 'Maria Santos', role: 'Childcare / Nanny', salary: '1800 AED / mo', nationality: 'Philippines', initial: 'M', online: true, bio: 'Experienced and dedicated nanny with over 6 years of experience working with expatriate families in Dubai. Certified in pediatric first aid and CPR. I love working with children and I am skilled in early childhood development activities, meal preparation, and maintaining a clean environment for the kids.', exp: '6 Years', avail: 'Immediate', religion: 'Christian', age: '32 Years', languages: ['English (Fluent)', 'Tagalog (Native)'], education: 'Bachelors in Education', status: 'Verified', skills: ['Pediatric First Aid', 'Newborn Care', 'Cooking', 'Housekeeping', 'Storytelling'], documents: [ { name: 'Emirates ID', status: 'Verified' }, { name: 'Medical Certificate', status: 'Vetted' }, { name: 'Criminal Record Check', status: 'Clean' } ] }; return (

{/* Header */}

{/* Profile Hero */}

{worker.initial}

{worker.name}

{worker.nationality}

{worker.role}

{/* Key Stats Grid */}

Salary

{worker.salary}

Experience

{worker.exp}

{/* Profile Content */}

{/* About Section */}

Professional Bio

{worker.bio}

{/* Detailed Information */}

Candidate Overview

Availability

{worker.avail}

Religion

{worker.religion}

Age

{worker.age}

Languages

{worker.languages.join(' · ')}

{/* Vetted Documents */}

Identity & Verification

{worker.documents.map((doc, idx) => (

{doc.name}

{doc.status}

))}

{/* Skills Section */}

Skills & Expertise

{worker.skills.map((skill) => ( {skill} ))}

{/* Floating Action Bar */}

); }