import { redirect } from "next/navigation";

import { MotionFade } from "@/components/motion-fade";
import { ContactProtectionForm } from "@/components/root/contact-protection-form";
import { FlashMessage } from "@/components/root/flash-message";
import { RootDashboardShell } from "@/components/root/root-dashboard-shell";
import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth";
import { getContactProtectionFormValues } from "@/lib/app-config";

import { saveContactProtectionSettingsAction } from "./actions";

export const dynamic = "force-dynamic";

const copy = {
  title: "Contact Protection",
  subtitle: "Turnstile und Rate Limiting fuer das Kontaktformular.",
  overview: "Uebersicht",
  maintenance: "Wartungsmodus",
  uiKit: "UI Kit",
  media: "Media",
  siteSettings: "SEO",
  smtp: "SMTP",
  contactProtection: "Contact Protection",
  portfolio: "Portfolio",
  logout: "Ausloggen",
  backToSite: "Zur Website",
};

type RootSMTPProtectionPageProps = {
  searchParams?: {
    success?: string;
    error?: string;
  };
};

export default async function RootSMTPProtectionPage({
  searchParams,
}: RootSMTPProtectionPageProps) {
  if (!isAdminAuthenticated()) {
    redirect("/root");
  }

  async function logoutAction() {
    "use server";

    clearAdminSessionCookie();
    redirect("/root");
  }

  const settings = await getContactProtectionFormValues();

  return (
    <RootDashboardShell
      copy={copy}
      active="smtp"
      smtpChild="contact-protection"
      logoutAction={logoutAction}
      headerTitle={copy.title}
      headerDescription={copy.subtitle}
      saveFormId="contact-protection-form"
      reloadDocumentOnSave
    >
      <div className="space-y-6">
        {searchParams?.success ? (
          <MotionFade delay={0.1}>
            <FlashMessage type="success" message={searchParams.success} />
          </MotionFade>
        ) : null}

        {searchParams?.error ? (
          <MotionFade delay={0.12}>
            <FlashMessage type="error" message={searchParams.error} />
          </MotionFade>
        ) : null}

        <MotionFade delay={0.16}>
          <ContactProtectionForm
            action={saveContactProtectionSettingsAction}
            initialSettings={settings}
          />
        </MotionFade>
      </div>
    </RootDashboardShell>
  );
}
