import type { ConsultantProfile } from "@/lib/proposal/profile";
import type { AssembledProposal } from "@/lib/proposal/assemble";

type Props = {
  consultant: ConsultantProfile;
  header: AssembledProposal["header"];
  state: string;
  selectedTier: string | null;
  acceptedAt: Date | null;
};

export function ClosingSection({ consultant, header, state, selectedTier, acceptedAt }: Props) {
  return (
    <div className="h-full flex flex-col justify-between px-16 py-24">
      <p className="text-xs font-mono tracking-widest text-muted-foreground uppercase">Come si parte</p>

      <div className="space-y-6">
        {state === "accepted" && acceptedAt && selectedTier ? (
          <div className="space-y-4">
            <div className="inline-flex items-center gap-2 px-4 py-2 bg-green-100 text-green-800 rounded-full text-sm font-medium">
              ✓ Proposta accettata — Opzione {selectedTier}
            </div>
            <h2 className="text-5xl font-light text-foreground">
              Il kickoff è già <span className="text-primary">in calendario.</span>
            </h2>
            <p className="text-lg text-muted-foreground max-w-xl">
              Hai scelto l&apos;Opzione {selectedTier} il{" "}
              {acceptedAt.toLocaleDateString("it-IT", { day: "2-digit", month: "long", year: "numeric" })}.
              Il consulente ti contatterà a breve per definire la data di kickoff.
            </p>
          </div>
        ) : state === "rejected" ? (
          <div className="space-y-4">
            <div className="inline-flex items-center gap-2 px-4 py-2 bg-amber-100 text-amber-800 rounded-full text-sm font-medium">
              Proposta non accettata
            </div>
            <h2 className="text-5xl font-light text-foreground">Grazie per il tuo tempo.</h2>
            <p className="text-lg text-muted-foreground">
              Se cambierai idea o vorrai discutere di altri progetti, siamo qui.
            </p>
          </div>
        ) : (
          <div className="space-y-4">
            <h2 className="text-5xl font-light text-foreground">
              Il kickoff è già <span className="text-primary">in calendario.</span>
            </h2>
            <p className="text-lg text-muted-foreground max-w-xl">
              Una volta confermata l&apos;opzione, la prima sessione viene pianificata entro la settimana successiva.
              Tutto parte da lì.
            </p>
          </div>
        )}
      </div>

      <div className="space-y-1">
        <p className="text-sm font-medium text-foreground">
          {consultant.name} · {consultant.contact.email}
          {consultant.contact.phone ? ` · ${consultant.contact.phone}` : ""}
        </p>
        {consultant.contact.website && (
          <p className="text-xs font-mono text-muted-foreground">{consultant.contact.website}</p>
        )}
        <p className="text-xs font-mono text-muted-foreground mt-4">
          Documento di Soluzione · {header.clientName} · {header.date}
        </p>
      </div>
    </div>
  );
}
