import { LegalShell } from "@/components/legal/legal-shell";
import { legalInfo } from "@/lib/legal";
import { getResolvedSiteText } from "@/lib/site-text-server";
import { text } from "@/lib/site-text";

export default async function DroitsRgpdPage() {
  const siteText = await getResolvedSiteText();
  const t = (key: string, fallback?: string) => text(siteText, key, fallback);

  return (
    <LegalShell
      eyebrow={t("legal.rgpd.eyebrow")}
      title={t("legal.rgpd.title")}
      description={t("legal.rgpd.description")}
    >
      <h2>{t("legal.rgpd.rightsTitle")}</h2>
      <ul>
        <li>{t("legal.rgpd.right.li1")}</li>
        <li>{t("legal.rgpd.right.li2")}</li>
        <li>{t("legal.rgpd.right.li3")}</li>
        <li>{t("legal.rgpd.right.li4")}</li>
        <li>{t("legal.rgpd.right.li5")}</li>
        <li>{t("legal.rgpd.right.li6")}</li>
      </ul>

      <h2>{t("legal.rgpd.contactTitle")}</h2>
      <p>
        {t("legal.rgpd.contactText")} <strong>{legalInfo.privacyEmail}</strong> {t("legal.rgpd.contactSuffix")}
      </p>
      <ul>
        <li>{t("legal.rgpd.contact.li1")}</li>
        <li>{t("legal.rgpd.contact.li2")}</li>
        <li>{t("legal.rgpd.contact.li3")}</li>
      </ul>

      <h2>{t("legal.rgpd.delayTitle")}</h2>
      <p>{t("legal.rgpd.delayText")}</p>

      <h2>{t("legal.rgpd.authorityTitle")}</h2>
      <p>{t("legal.rgpd.authorityText")}</p>
    </LegalShell>
  );
}