import { Textarea } from "../../FormsFieldsTypes";

export default function BilanTab({ data, onChange }: any) {
    return (
        <div className="bg-white p-2 rounded-xl shadow-sm">

            <h2 className="text-[#1f5f4a] font-semibold mb-2">Bilan</h2>

            {/* ANTE */}
            <h3 className="font-semibold mb-2">ANTE Création</h3>
            <div className="grid md:grid-cols-2 gap-1">
                <Textarea
                    label="Cohérence homme/projet"
                    value={data.contrats?.bilan?.ante?.coherence}
                    onChange={(n: string, v: any) =>
                        onChange("contrats", {
                            ...data.contrats,
                            bilan: {
                                ...data.contrats.bilan,
                                ante: { ...data.contrats.bilan.ante, coherence: v }
                            }
                        })
                    }
                />

                <Textarea
                    label="Faisabilité"
                    value={data.contrats?.bilan?.ante?.faisabilite}
                    onChange={(n: string, v: any) =>
                        onChange("contrats", {
                            ...data.contrats,
                            bilan: {
                                ...data.contrats.bilan,
                                ante: { ...data.contrats.bilan.ante, faisabilite: v }
                            }
                        })
                    }
                />
            </div>

            <h3 className="font-semibold mt-2 mb-2">POST Création</h3>
            <Textarea
                label="Evolution du CA"
                value={data.contrats?.bilan?.post?.evolution_ca}
                onChange={(n: string, v: any) =>
                    onChange("contrats", {
                        ...data.contrats,
                        bilan: {
                            ...data.contrats.bilan,
                            post: { evolution_ca: v }
                        }
                    })
                }
            />

            <h3 className="font-semibold mt-2 mb-2">Global</h3>
            <div className="grid md:grid-cols-3 gap-2">
                <Textarea
                    label="Implication"
                    value={data.contrats?.bilan?.global?.implication}
                    onChange={(n: string, v: any) =>
                        onChange("contrats", {
                            ...data.contrats,
                            bilan: {
                                ...data.contrats.bilan,
                                global: {
                                    ...data.contrats.bilan.global,
                                    implication: v
                                }
                            }
                        })
                    }
                />

                <Textarea
                    label="Points forts"
                    value={data.contrats?.bilan?.global?.points_forts}
                    onChange={(n: string, v: any) =>
                        onChange("contrats", {
                            ...data.contrats,
                            bilan: {
                                ...data.contrats.bilan,
                                global: {
                                    ...data.contrats.bilan.global,
                                    points_forts: v
                                }
                            }
                        })
                    }
                />

                <Textarea
                    label="Points faibles"
                    value={data.contrats?.bilan?.global?.points_faibles}
                    onChange={(n: string, v: any) =>
                        onChange("contrats", {
                            ...data.contrats,
                            bilan: {
                                ...data.contrats.bilan,
                                global: {
                                    ...data.contrats.bilan.global,
                                    points_faibles: v
                                }
                            }
                        })
                    }
                />
            </div>
        </div>
    );
}