import { archiveSummary } from '../../utils/archivedResource';

/**
 * Says a record is archived, why and when, wherever one is shown, so an archived record never reads as one in
 * current use. Its recorded details below are left as they were: archiving is not a change of clinical status.
 * Renders nothing for a record that is not archived.
 */
export const ArchivedNotice = ({ resource }: { resource?: Record<string, any> | null }) => {
    const summary = archiveSummary(resource);
    if (!summary) return null;
    const when = summary.at ? ` on ${new Date(summary.at).toLocaleString()}` : '';
    return (
        // Stacked: .ak-notice is a flex row, which set each sentence in its own narrow column.
        <div role="status" className="ak-notice flex-col" data-testid="archived-notice">
            <p className="font-medium">Archived{when}: {summary.reasonLabel}.</p>
            <p>It is no longer in current use. What was recorded is kept as it was.</p>
            {summary.note && <p>{summary.note}</p>}
        </div>
    );
};

/** The short form for a list row. */
export const ArchivedBadge = ({ resource }: { resource?: Record<string, any> | null }) => {
    const summary = archiveSummary(resource);
    if (!summary) return null;
    return (
        <span className="shrink-0 rounded border px-1.5 text-xs text-muted-foreground" data-testid="archived-badge">
            Archived · {summary.reasonLabel}
        </span>
    );
};

export default ArchivedNotice;