import { formatPaymentReference } from "@/lib/orderConstants";

// Ersetzt den bisherigen Live-Chat auf der Auftragsseite (Nutzer-Wunsch,
// 01.10.2026) — die neue, separate Mail-App (Projekt "Mail App: Rakku.de")
// ordnet eingehende Mails anhand der Auftragsnummer im Betreff automatisch
// dem richtigen Auftrag zu, daher MUSS das Referenz-Format
// (formatPaymentReference, "RK-XXXXXXXX") exakt im Betreff stehen — bitte
// nicht ohne Rücksprache mit dem Mail-App-Projekt ändern. mailto: statt
// eines eigenen Formulars, da der Kunde direkt in seinem eigenen
// E-Mail-Programm antwortet (funktioniert nur auf der echten Seite, nicht
// in einer Artefakt-Sandbox).
export function EmailOrderButton({
  orderId,
  characterOrConcept,
  recipientEmail,
  locale,
  label,
}: {
  orderId: string;
  characterOrConcept: string;
  recipientEmail: string;
  locale: string;
  label: string;
}) {
  const reference = formatPaymentReference(orderId);
  const subject = locale === "en" ? `Order ${reference}` : `Auftrag ${reference}`;
  const body =
    locale === "en"
      ? `Hello Rakku Team,\n\nI have a question about my order "${characterOrConcept}" (${reference}):\n\n`
      : `Hallo Rakku-Team,\n\nich habe eine Frage zu meinem Auftrag „${characterOrConcept}" (${reference}):\n\n`;
  const href = `mailto:${recipientEmail}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;

  return (
    <a
      href={href}
      className="inline-flex items-center gap-2 text-xs border border-white/30 rounded-lg px-3 py-2 hover:border-white transition-colors"
    >
      {label}
    </a>
  );
}