import { useCallback, useEffect, useState } from 'react';
import { CheckCircle } from 'lucide-react';
import { Skeleton } from '../../../../components/ui/skeleton';
import { useAuthServiceContext } from '../../../../services/AuthService';
import { useBAAService } from '../../../../services/BAAService.tsx';
import { formatDayMonthYear } from '../../../../utils/dateUtils';
import type { MsaSummary } from '../../../../utils/msaAgreement';
import MsaAcceptForm from './MsaAcceptForm';
import { useMsaReadScope } from '../../../../hooks/useMsaOwnerEntry';
import { useOutletContext } from 'react-router-dom';
import type { MsaRecoveryOpening } from '../../../../hooks/useMsaRecovery';
import { MsaRecoveryAccess, MsaRecoveryPage } from './MsaRecovery';

// The owner's own place to read and accept the Master Subscription Agreement. It sits outside the Organization page,
// which an owner without organization access cannot open, and it is the one practice page an overdue update leaves open.

const FreshMsaAcceptPage = () => {
    const { wpOrganization } = useAuthServiceContext();
    const { getBaa } = useBAAService();
    const organizationId = wpOrganization.current?.id;
    const { key, start } = useMsaReadScope(organizationId);
    const [read, setRead] = useState<{ key: string; summary?: MsaSummary; failed: boolean }>();
    const summary = read?.key === key ? read.summary : undefined;
    const failed = read?.key === key && read.failed;
    const [opening, setOpening] = useState(0);

    const load = useCallback(() => {
        setRead(undefined);
        setOpening((n) => n + 1);
    }, []);

    useEffect(() => {
        if (!organizationId) return undefined;
        const { operation, admit, belongs, transport } = start();
        operation.step(() => getBaa(transport))
            .then((record) => {
                admit();
                setRead({ key, summary: record.msa, failed: !record.msa });
            })
            .catch(() => { if (belongs()) setRead({ key, failed: true }); })
            .finally(() => operation.retire());
        return () => operation.retire();
    }, [getBaa, organizationId, opening, key, start]);

    const standing = summary?.standing;
    const unavailable = failed || standing?.state === 'unavailable';

    return (
        <div>
            <div className="text-start pb-2 px-2">
                <h1 className="ak-page-title">Master Subscription Agreement</h1>
                <p className="ak-page-title__sub">Accepted by the practice owner. It is separate from your Business Associate Agreement.</p>
            </div>
            <div className="ak-page-body space-y-4">
                {!summary && !failed ? (
                    <div className="space-y-2">
                        <Skeleton className="h-4 w-1/3" />
                        <Skeleton className="h-5 w-2/3" />
                    </div>
                ) : unavailable ? (
                    <div className="flex flex-wrap items-center gap-3 text-sm" role="status">
                        The agreement could not be checked just now.{' '}
                        <button type="button" className="btn btn-blue-ghost" onClick={load}>Try again</button>
                    </div>
                ) : standing?.state === 'not-published' ? (
                    <p className="text-sm text-ink-muted">There is no Master Subscription Agreement to accept yet.</p>
                ) : standing?.state === 'satisfied' ? (
                    <p className="flex items-center gap-2 text-sm">
                        <CheckCircle size={16} className="text-sage-ink" />
                        Version {standing.current.version} accepted
                        {summary?.selected ? ' on ' + formatDayMonthYear(summary.selected.acceptedAt) : ''}.
                    </p>
                ) : summary?.preview ? (
                    <>
                        <p className="text-sm">
                            {standing?.state === 'grace'
                                ? 'MSA update available: accept by ' + formatDayMonthYear(standing.deadline) + '. Your existing MSA and Business Associate Agreement remain in place.'
                                : summary.selected
                                    ? 'Updated agreement acceptance required. Your Business Associate Agreement is unchanged.'
                                    : 'Accept the Master Subscription Agreement before your practice signs its first Business Associate Agreement.'}
                        </p>
                        <MsaAcceptForm key={summary.preview.version + summary.preview.factsDigest} preview={summary.preview} onAccepted={load} onRefresh={load}>
                            {({ body, actions }) => (
                                <div className="space-y-4">
                                    {body}
                                    {actions}
                                </div>
                            )}
                        </MsaAcceptForm>
                    </>
                ) : null}
            </div>
        </div>
    );
};

const MsaAcceptPage = () => {
    const opening = useOutletContext<MsaRecoveryOpening | undefined>();
    return opening ? <MsaRecoveryPage opening={opening} /> : <MsaRecoveryAccess fallback={<FreshMsaAcceptPage />} renderOpening={(recovery) => <MsaRecoveryPage opening={recovery} />} />;
};

export default MsaAcceptPage;