import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import { Head, Link } from '@inertiajs/react'; import { formatDate } from '@/utils/date-format'; interface Driver { id: number; full_name: string; phone: string; email?: string; } interface User { id: number; name: string; email?: string; } interface DriverFollowUp { id: number; driver?: Driver; assigned_to?: number; assigned_to_user?: User; user_name: string; created_time: string; riding_company?: string; lead_stage?: string; lead_status?: string; lead_status_comment?: string; notes?: string; created_at: string; updated_at: string; } interface DriverFollowUpsShowProps { followUp: DriverFollowUp; } export default function DriverFollowUpsShow({ followUp }: DriverFollowUpsShowProps) { return (

Follow-up Details

View follow-up record information

Follow-up Information

Lead

{followUp.driver?.full_name || 'N/A'} {followUp.driver?.phone && ` (${followUp.driver.phone})`}

User Name

{followUp.user_name}

Assigned To

{followUp.assigned_to_user?.name || 'N/A'}

Created Time

{followUp.created_time ? new Date(followUp.created_time).toLocaleString() : 'N/A'}

Stage

{followUp.lead_stage || 'N/A'}

Lead Status

{followUp.lead_status || 'N/A'}

{followUp.lead_status_comment && (

Feedback Comment

{followUp.lead_status_comment}

)} {followUp.notes && (

Notes

{followUp.notes}

)}

Timestamps

Created At

{followUp.created_at ? formatDate(followUp.created_at) : 'N/A'}

Updated At

{followUp.updated_at ? formatDate(followUp.updated_at) : 'N/A'}

); }