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 PolitiqueCookiesPage() {
  const siteText = await getResolvedSiteText();
  const t = (key: string, fallback?: string) => text(siteText, key, fallback);

  return (
    <LegalShell
      eyebrow={t("legal.cookies.eyebrow")}
      title={t("legal.cookies.title")}
      description={t("legal.cookies.description")}
    >
      <h2>{t("legal.cookies.requiredTitle")}</h2>
      <p>{t("legal.cookies.requiredText")}</p>

      <h2>{t("legal.cookies.analyticsTitle")}</h2>
      <p>{t("legal.cookies.analyticsText")}</p>

      <h2>{t("legal.cookies.manageTitle")}</h2>
      <p>
        {t("legal.cookies.manageText")}
        <br />
        <a href="/preferences-cookies">/preferences-cookies</a>
      </p>

      <h2>{t("legal.cookies.listTitle")}</h2>
      <ul>
        <li>
          <strong>stylunique_cart_id</strong>: conserve le panier client.
        </li>
        <li>
          <strong>stylunique_customer_token</strong>: maintient la session authentifiee du compte client.
        </li>
      </ul>

      <h2>{t("legal.cookies.contactTitle")}</h2>
      <p>
        {t("legal.cookies.contactText")} {legalInfo.privacyEmail}
      </p>

      <p>
        <strong>{t("legal.lastUpdate")}:</strong> {legalInfo.legalLastUpdate}
      </p>
    </LegalShell>
  );
}