import type { Metadata } from "next";
import { getLocale, getTranslations } from "next-intl/server";
import { Card } from "@/components/ui/card";
import TermsAndConditionsHeader from "@/components/sections/SubscribePage/TermsAndConditions/TermsAndConditionsHeader";
import TermsAndConditionsContent from "@/components/sections/SubscribePage/TermsAndConditions/TermsAndConditionsContent";
import TermsAndConditionsActions from "@/components/sections/SubscribePage/TermsAndConditions/TermsAndConditionsActions";
import { getPolicies } from "@/services/policyService";

export async function generateMetadata(): Promise<Metadata> {
  const t = await getTranslations("TermsAndConditionsPage");
  return {
    title: t("title"),
  };
}

export default async function TermsAndConditionsPage() {
  const locale = await getLocale();
  const policies = await getPolicies(locale);
  const terms = policies?.terms_and_conditions;

  return (
    <section className="container-padding-x my-10">
      <Card>
        <TermsAndConditionsHeader updatedAt={terms?.updated_at} />
        <TermsAndConditionsContent content={terms?.content} />
      </Card>
      <TermsAndConditionsActions onToggle={() => {}} />
    </section>
  );
}