import type { ReferralContactAttempt } from '../../../services/ReferralWorkbenchService';
import { formatDateTime } from '../../../utils/dateUtils';
import { EmptyState } from '../../../components/ui/empty-state';

const METHODS = { phone: 'Phone call', fax: 'Fax', 'in-system': 'Through Akashic' };

export const ReferralContactHistory = ({ contacts }: { contacts?: ReferralContactAttempt[] }) => (
    <section aria-label="Contact history" className="space-y-2 break-words">
        <h3 className="ak-label" tabIndex={-1} data-contact-history-heading>Contact history</h3>
        {contacts === undefined ? (
            <p className="ak-field-help">Saved contact history is unavailable. This does not mean no contact was recorded.</p>
        ) : contacts.length === 0 ? (
            <EmptyState size="compact" title="No contact attempts recorded yet." />
        ) : (
            <ol className="space-y-3">
                {contacts.map((attempt, at) => (
                    <li key={`${attempt.id ?? 'contact'}-${at}`} className="space-y-1">
                        <p>{METHODS[attempt.method]} · {formatDateTime(attempt.occurredAt)}</p>
                        {attempt.recipient ? <p>Contacted: {attempt.recipient}</p> : null}
                        {attempt.spokeWith ? <p>Spoke with: {attempt.spokeWith}</p> : null}
                        <p className="whitespace-pre-wrap">{attempt.outcome || 'Outcome not recorded.'}</p>
                        <p className="ak-field-help">{attempt.recordedBy ? `Recorded by: ${attempt.recordedBy}` : 'Staff member not recorded.'}</p>
                    </li>
                ))}
            </ol>
        )}
    </section>
);