import { Button } from '@/components/ui/button';
import { DialogFooter } from '@/components/ui/dialog';
import { useTranslation } from '@/hooks/use-translation';
import { CheckCircle2, Send } from 'lucide-react';

interface Props {
    onFermer: () => void;
    onEnvoyer: () => void;
}

/**
 * Dernière étape des formulaires de création d'une fiche bénéficiaire.
 *
 * ═════════════════════════════════════════════════════════════════════════════
 * CE QU'ELLE REMPLACE, DEPUIS LE 2026-08-24
 * ═════════════════════════════════════════════════════════════════════════════
 * La création n'envoie plus rien automatiquement — décision explicite de
 * l'utilisateur : « rien ne part automatiquement à TEJ, tout se crée
 * localement ». Cette étape est donc désormais la SEULE invitation à l'envoi
 * après une création, et elle s'affiche à chaque fois qu'une fiche vient de
 * naître (sauf si elle est déjà inscrite chez TEJ — le cas d'une fiche
 * RESTAURÉE qui portait déjà son lien avant d'être mise à la corbeille, voir
 * `BeneficiaireController::reperesFiche()`).
 *
 * Elle n'envoie rien elle-même : « Envoyer à TEJ » ouvre la CONFIRMATION
 * habituelle (`TejSendDialog`), qui montre les trois valeurs qui partent —
 * nom, type d'identifiant, identifiant normalisé — avant de rien faire. Ce que
 * cette étape remplace, c'est seulement le détour par la liste et son menu.
 */
export function FicheCreeeStep({ onFermer, onEnvoyer }: Props) {
    const { t } = useTranslation();

    return (
        <div className="flex flex-col gap-4">
            <div className="flex items-start gap-2 rounded-md border border-emerald-300 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">
                <CheckCircle2 className="mt-0.5 h-4 w-4 shrink-0" />
                <span>{t('fournisseurs', 'creee_corps', 'La fiche est enregistrée. Rien n’est encore parti vers la DGI.')}</span>
            </div>

            <DialogFooter>
                <Button type="button" variant="outline" onClick={onFermer}>
                    {t('fournisseurs', 'dismiss', 'Fermer')}
                </Button>
                <Button type="button" onClick={onEnvoyer}>
                    <Send className="mr-2 h-4 w-4" />
                    {t('fournisseurs', 'tej_envoyer', 'Envoyer à TEJ')}
                </Button>
            </DialogFooter>
        </div>
    );
}