import type { Metadata } from "next";
import { pages, site } from "@/lib/content";
import { pageMetadata } from "@/lib/seo";

export const metadata: Metadata = pageMetadata({
  title: pages.privacy.title,
  description: pages.privacy.seoDescription,
  path: "/confidentialite",
});

const dateFr = new Intl.DateTimeFormat("fr-CA", { dateStyle: "long", timeZone: "UTC" });

export default function PrivacyPage() {
  const p = pages.privacy;
  const email = site.contact.email;
  return (
    <>
      <section className="section-y bg-ivory-100">
        <div className="container-site">
          <h1 className="text-h2 max-w-[44rem]">{p.title}</h1>
          <p className="text-ink-500 mt-4 text-sm">
            Dernière mise à jour : {dateFr.format(new Date(`${p.lastUpdated}T00:00:00Z`))}
          </p>
          {!p.reviewed ? (
            <p
              role="note"
              className="border-gold-500/60 bg-gold-300/30 text-ink-900 mt-4 max-w-[44rem] rounded-md border px-4 py-3 text-sm"
            >
              Gabarit en attente de validation juridique. Ce texte décrit les pratiques réelles du
              site mais doit être revu par le client ou son conseiller avant publication définitive.
            </p>
          ) : null}
        </div>
      </section>
      <section className="section-y bg-ivory-50">
        <div className="container-site prose-site max-w-[44rem]">
          <h2 className="text-h4">1. Renseignements recueillis</h2>
          <p className="mt-3">
            Le site ne recueille que les renseignements que vous saisissez volontairement dans le
            formulaire « Nous joindre » : nom, adresse courriel, organisation (facultatif), sujet et
            message. Aucun témoin (cookie) de suivi publicitaire ni outil d’analyse tiers n’est
            utilisé.
          </p>
          <h2 className="text-h4 mt-10">2. Utilisation</h2>
          <p className="mt-3">
            Ces renseignements servent uniquement à répondre à votre demande. Ils sont transmis par
            courriel à {site.brand.legalName} et ne sont ni vendus ni partagés avec des tiers, sauf
            obligation légale.
          </p>
          <h2 className="text-h4 mt-10">3. Conservation</h2>
          <p className="mt-3">
            Les messages reçus sont conservés le temps nécessaire au traitement de la demande et au
            suivi de la relation d’affaires, puis supprimés. Le site lui-même ne stocke pas les
            messages : seules des traces techniques anonymisées (empreinte d’adresse IP, horodatage)
            sont journalisées pour prévenir les abus.
          </p>
          <h2 className="text-h4 mt-10">4. Vos droits</h2>
          <p className="mt-3">
            Conformément à la Loi sur la protection des renseignements personnels dans le secteur
            privé (Québec), vous pouvez demander l’accès à vos renseignements, leur rectification ou
            leur suppression
            {email ? (
              <>
                {" "}
                en écrivant à{" "}
                <a className="underline underline-offset-4" href={`mailto:${email}`}>
                  {email}
                </a>
              </>
            ) : (
              " par l’entremise du formulaire de contact"
            )}
            .
          </p>
          <h2 className="text-h4 mt-10">5. Sécurité</h2>
          <p className="mt-3">
            Le site est servi exclusivement en HTTPS. Les données du formulaire sont validées et
            transmises de façon sécurisée au fournisseur de messagerie configuré par{" "}
            {site.brand.legalName}.
          </p>
          <h2 id="temoins" className="text-h4 mt-10 scroll-mt-28">
            6. Témoins (cookies)
          </h2>
          <p className="mt-3">
            Le site n’utilise que des témoins strictement nécessaires. Le seul témoin déposé est{" "}
            <code className="bg-pale-200/60 rounded px-1 text-sm">phi_consent</code>, qui mémorise
            vos préférences de témoins pendant 180 jours et ne contient aucune donnée personnelle.
            Aucun témoin de mesure d’audience ou de marketing n’est activé sans votre consentement
            explicite ; si de tels outils étaient ajoutés, ils ne se chargeraient qu’après votre
            accord dans la catégorie correspondante.
          </p>
          <p className="mt-3">
            Vous pouvez modifier ou retirer votre consentement à tout moment via le lien « Gérer les
            témoins » au bas de chaque page, ou en supprimant les témoins dans votre navigateur.
          </p>
          <h2 id="mentions-legales" className="text-h4 mt-12 scroll-mt-28">
            Mentions légales
          </h2>
          <p className="mt-3">
            Éditeur du site : {site.brand.legalName}
            {site.contact.address ? `, ${site.contact.address}` : ""}.
            {email ? ` Contact : ${email}.` : ""}
          </p>
          <p className="mt-3">
            Les textes, le logo et les éléments graphiques de ce site sont la propriété de{" "}
            {site.brand.legalName} ou de leurs auteurs respectifs et ne peuvent être reproduits sans
            autorisation. Les crédits des photographies et polices figurent dans le registre des
            actifs du site.
          </p>
        </div>
      </section>
    </>
  );
}