import { Head, Link, useForm } from '@inertiajs/react'; import { PageHeader } from '@/components/admin/page-header'; import { WooLoginBadge } from '@/components/admin/woo-login-badge'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'; import { Separator } from '@/components/ui/separator'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'; import AppLayout from '@/layouts/app-layout'; import adminRoutes from '@/routes/admin'; import type { BreadcrumbItem } from '@/types'; import type { AdminUser, AdminOrder } from '@/types/admin'; function approvalBadge(status: string) { if (status === 'approved') { return Approved; } if (status === 'rejected') { return Rejected; } return Pending; } function orderStatusBadge(status: string) { const map: Record = { pending: 'bg-yellow-100 text-yellow-800 border-yellow-200', processing: 'bg-blue-100 text-blue-800 border-blue-200', completed: 'bg-green-100 text-green-800 border-green-200', cancelled: 'bg-red-100 text-red-800 border-red-200', }; return {status}; } export default function UserShow({ user }: { user: AdminUser }) { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, { title: 'Users', href: adminRoutes.users.index().url }, { title: user.name, href: adminRoutes.users.show(user.id).url }, ]; const { data, setData, patch, processing } = useForm({ approval_status: user.approval_status, }); function changeStatus() { patch(adminRoutes.users.updateStatus(user.id).url); } return (

Edit } />

{/* User Info */} User Information

Login {user.has_woo_login ? ( {user.woo_username || user.erp_contact_code} ) : ( Own password )}

Approval {approvalBadge(user.approval_status)}

{/* Addresses */} Addresses ({user.addresses?.length ?? 0}) {!user.addresses?.length &&

No addresses saved

} {user.addresses?.map((addr) => (

{addr.label ?? 'Address'} {addr.is_default && Default}

{addr.first_name} {addr.last_name}

{addr.company &&

{addr.company}

}

{addr.address_1}{addr.address_2 ? `, ${addr.address_2}` : ''}

{addr.city}{addr.state ? `, ${addr.state}` : ''} {addr.postcode}, {addr.country}

{addr.phone &&

{addr.phone}

}

))}

{/* Recent Orders */} Recent Orders ({user.orders_count ?? 0} total) Invoice Status Payment Total Date {!user.orders?.length && ( No orders yet )} {(user.orders as AdminOrder[] | undefined)?.map((order) => ( {order.invoice_no} {orderStatusBadge(order.status)} {order.payment_status} {order.currency} {parseFloat(order.total).toFixed(2)} {new Date(order.created_at).toLocaleDateString()} ))}

); } function Row({ label, value }: { label: string; value: string }) { return (

{label} {value}

); }