import React from 'react';
import { ImmunizationEvaluation } from 'fhir/r4';
import { FhirCodeableConceptDisplay } from '../../utils/fhirCodeableConcept';
import { FhirReferenceDisplay } from '../../utils/fhirReference';
import { formatDateTime } from '../../utils/dateUtils';
import { renderField } from '../../utils/renderField';
import { Dialog, DialogContent, DialogHeader, DialogTitle } from '../ui/dialog';
import { FieldHistoryProvider, FieldHistoryScope } from '../FieldHistory/FieldHistoryProvider';
import { ShowFieldHistoryToggle } from '../FieldHistory/ShowFieldHistoryToggle';
import { PrintRecord } from '../ui/print-record';
import { RecordEditedMarker } from '../FieldHistory/RecordEditedMarker';
import { FieldGroup, Section } from '../FieldHistory/FieldLayout';

interface FhirImmunizationEvaluationDisplayProps {
    immunizationEvaluation: ImmunizationEvaluation;
    isOpen: boolean;
    onClose: () => void;
    title?: string;
}

export const FhirImmunizationEvaluationDisplay: React.FC<FhirImmunizationEvaluationDisplayProps> = ({
                                                                                                        immunizationEvaluation,
                                                                                                        isOpen,
                                                                                                        onClose,
                                                                                                        title = "Immunization Evaluation Details"
                                                                                                    }) => {
    if (!isOpen) return null;

    return (
        <Dialog
            open={isOpen}
            onOpenChange={(next) => {
                if (!next) onClose();
            }}
        >
            <DialogContent className="max-h-[90vh] w-full max-w-3xl overflow-y-auto" data-print-region="true">
                <FieldHistoryProvider>
                    <FieldHistoryScope resourceType="ImmunizationEvaluation" id={immunizationEvaluation.id}>
                        <DialogHeader className="flex-row items-center justify-between gap-4 text-left sm:text-left">
                            <div className="flex items-center gap-2">
                                <DialogTitle>{title}</DialogTitle>
                                <RecordEditedMarker resource={immunizationEvaluation} />
                            </div>
                            <ShowFieldHistoryToggle />
            <PrintRecord/>
                        </DialogHeader>

                        <FieldGroup>
                            {renderField('Immunization being evaluated', <FhirReferenceDisplay references={immunizationEvaluation.immunizationEvent} />)}
                            {renderField('Evaluation target disease', <FhirCodeableConceptDisplay code={immunizationEvaluation.targetDisease} />, 'targetDisease.coding[0].display')}
                            {renderField('Status', immunizationEvaluation.status, 'status')}
                            {renderField('Status of the dose relative to published recommendations', <FhirCodeableConceptDisplay code={immunizationEvaluation.doseStatus} />, 'doseStatus.coding[0].display')}
                            {renderField('Reason for the dose status', <FhirCodeableConceptDisplay code={immunizationEvaluation.doseStatusReason} multiple={true} />)}
                            {renderField('Date evaluation was performed', formatDateTime(immunizationEvaluation.date), 'date')}
                        </FieldGroup>

                        <Section title="Details">
                            <FieldGroup>
                                {renderField('Evaluation notes', immunizationEvaluation.description || '', 'description')}
                                {renderField('Name of vaccine series', immunizationEvaluation.series, 'series')}
                                {renderField('Dose number within series', immunizationEvaluation.doseNumberPositiveInt?.toString(), 'doseNumberPositiveInt')}
                                {renderField('Recommended number of doses for immunity', immunizationEvaluation.seriesDosesPositiveInt?.toString(), 'seriesDosesPositiveInt')}
                            </FieldGroup>
                        </Section>
                    </FieldHistoryScope>
                </FieldHistoryProvider>
            </DialogContent>
        </Dialog>
    );
};

export default FhirImmunizationEvaluationDisplay;