import { Link } from '@inertiajs/react';
import EvidenceDetails from './evidence-details';

export type PublicDocument = {
    id: number;
    title: string;
    description: string | null;
    issuer: string | null;
    document_number: string | null;
    document_date: string | null;
    applicable_from: string | null;
    applicable_until: string | null;
    source_url: string | null;
    source_confirmation: string;
    usage_notice: string | null;
    view_url: string | null;
    download_url: string;
    context_actions: { href: string; label: string }[];
};

export function PublicDocumentContent({
    resource: r,
    detail = false,
    back = '/documentos',
}: {
    resource: PublicDocument;
    detail?: boolean;
    back?: string;
}) {
    return (
        <>
            {detail ? (
                <h1 className="text-3xl font-bold break-words">{r.title}</h1>
            ) : (
                <h2 className="text-xl font-bold break-words">{r.title}</h2>
            )}
            {r.description && (
                <p className="whitespace-pre-line">{r.description}</p>
            )}
            <EvidenceDetails title="Identificação e fonte do documento">
                <dl className="grid gap-3 text-sm sm:grid-cols-2">
                    {r.issuer && (
                        <div>
                            <dt className="font-semibold">
                                Entidade emissora / autor
                            </dt>
                            <dd>{r.issuer}</dd>
                        </div>
                    )}
                    {r.document_number && (
                        <div>
                            <dt className="font-semibold">Número</dt>
                            <dd>{r.document_number}</dd>
                        </div>
                    )}
                    {r.document_date && (
                        <div>
                            <dt className="font-semibold">Data do documento</dt>
                            <dd>{r.document_date}</dd>
                        </div>
                    )}
                    {(r.source_url ||
                        r.source_confirmation === 'official_confirmed') && (
                        <div>
                            <dt className="font-semibold">Fonte</dt>
                            <dd>
                                {r.source_confirmation === 'official_confirmed'
                                    ? 'Fonte oficial'
                                    : r.source_url
                                      ? 'Fonte identificada'
                                      : 'Não indicada'}
                            </dd>
                        </div>
                    )}
                </dl>
            </EvidenceDetails>
            {(r.applicable_from || r.applicable_until) && (
                <p className="text-sm">
                    Período indicado:{' '}
                    {r.applicable_from ?? 'início não indicado'}
                    {' — '}
                    {r.applicable_until ?? 'fim não indicado'}.
                </p>
            )}
            {r.usage_notice && (
                <p
                    role="note"
                    className="rounded border border-amber-200 bg-amber-50 p-3 text-sm"
                >
                    {r.usage_notice}
                </p>
            )}
            <div className="flex flex-wrap gap-4 pt-2">
                {!detail && (
                    <Link
                        className="underline"
                        href={`/documentos/${r.id}?${new URLSearchParams({ back }).toString()}`}
                    >
                        Consultar documento
                    </Link>
                )}
                {r.view_url && (
                    <a
                        className="underline"
                        href={r.view_url}
                        target="_blank"
                        rel="noreferrer"
                    >
                        Consultar ficheiro
                    </a>
                )}
                <a className="underline" href={r.download_url}>
                    Descarregar documento
                </a>
                {r.source_url && (
                    <a
                        className="underline"
                        href={r.source_url}
                        target="_blank"
                        rel="noreferrer"
                    >
                        {r.source_confirmation === 'official_confirmed'
                            ? 'Abrir fonte oficial'
                            : 'Abrir fonte'}
                    </a>
                )}
                {r.context_actions.map((action) => (
                    <Link
                        key={action.href}
                        className="underline"
                        href={action.href}
                    >
                        {action.label}
                    </Link>
                ))}
            </div>
        </>
    );
}