import React from 'react'; import { Head, Link } from '@inertiajs/react'; import EmployerMobileLayout from './Layouts/EmployerMobileLayout'; import { User, Settings, CreditCard, Shield, Bell, HelpCircle, LogOut, ChevronRight, Camera, CheckCircle2, Briefcase, Building2, Smartphone, Globe } from 'lucide-react'; export default function EmployerProfile() { const sections = [ { title: 'Account Settings', items: [ { label: 'Personal Information', icon: User, href: '/mobile/employer/profile/edit', color: 'text-blue-500 bg-blue-50' }, { label: 'Subscription Plan', icon: CreditCard, href: '/mobile/employer/subscription', badge: 'Premium', color: 'text-indigo-500 bg-indigo-50' }, { label: 'Security & Password', icon: Shield, href: '/mobile/employer/profile/security', color: 'text-emerald-500 bg-emerald-50' }, ] }, { title: 'Preferences', items: [ { label: 'Notification Settings', icon: Bell, href: '/mobile/employer/profile/notifications', color: 'text-orange-500 bg-orange-50' }, { label: 'Language', icon: Globe, href: '#', detail: 'English (US)', color: 'text-purple-500 bg-purple-50' }, ] }, { title: 'Support', items: [ { label: 'Help & Support', icon: HelpCircle, href: '/mobile/employer/support', color: 'text-slate-500 bg-slate-50' }, ] } ]; return (

{/* Profile Hero Card */}

John Doe

Al Mansoor Household

Plan

Premium

Verified

Yes

{/* Settings Menu Sections */}

{sections.map((section, idx) => (

{section.title}

{section.items.map((item, i) => (

{item.label}

{item.badge && ( {item.badge} )} {item.detail && ( {item.detail} )}

))}

Version 2.4.1 (Stable Build)

); }