import { Cookie, ShieldCheck } from "lucide-react";

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import PublicDocumentBackLink from "@/components/PublicDocumentBackLink";

export default function CookiesPolicy() {
  return (
    <div className="min-h-screen bg-muted/30">
      <header className="border-b border-border bg-white">
        <div className="container py-4">
          <div className="flex items-center justify-between gap-4">
            <div>
              <p className="text-xs uppercase tracking-wider text-muted-foreground">Portail Associations CCDS</p>
              <h1 className="text-2xl font-bold">Politique de cookies</h1>
            </div>
            <PublicDocumentBackLink />
          </div>
        </div>
      </header>

      <main className="container py-8 space-y-6">
        <Card className="border-primary/15 bg-primary/5">
          <CardHeader>
            <CardTitle className="flex items-center gap-2">
              <Cookie className="h-5 w-5 text-primary" />
              Information cookies
            </CardTitle>
          </CardHeader>
          <CardContent className="space-y-2 text-sm text-muted-foreground">
            <p>Le portail utilise en priorite des cookies techniques necessaires au fonctionnement des sessions, de l’authentification et de la securite applicative.</p>
            <p>Dans l’état actuel du socle applicatif audité, aucun outil publicitaire ni mesure d’audience tiers n’est déclaré comme indispensable au fonctionnement courant du portail.</p>
          </CardContent>
        </Card>

        <Card>
          <CardHeader>
            <CardTitle className="flex items-center gap-2">
              <ShieldCheck className="h-5 w-5 text-primary" />
              Cookies techniques identifies
            </CardTitle>
          </CardHeader>
          <CardContent className="space-y-3 text-sm text-muted-foreground">
            <p><strong>Cookie de session :</strong> maintien de la connexion de l’utilisateur au portail.</p>
            <p><strong>Cookies OAuth temporaires :</strong> protection du flux de connexion Google / Facebook lorsqu’il est active.</p>
            <p><strong>Stockages locaux d’interface :</strong> certains reglages d’experience peuvent etre conserves dans le navigateur pour ameliorer la reprise de navigation.</p>
            <p><strong>Cookie d’interface sidebar :</strong> memorisation locale de l’ouverture ou fermeture de certains panneaux de navigation.</p>
          </CardContent>
        </Card>

        <Card>
          <CardHeader>
            <CardTitle>Services tiers et contenus externes</CardTitle>
          </CardHeader>
          <CardContent className="space-y-3 text-sm text-muted-foreground">
            <p>Les connexions sociales Google et Facebook peuvent deposer leurs propres cookies ou traiter des donnees selon les politiques de ces fournisseurs lorsque l’utilisateur choisit volontairement cette methode de connexion.</p>
            <p>Les liens vers des reseaux sociaux ou services externes ouvrent les plateformes concernees uniquement au clic de l’utilisateur. Le portail evite par defaut d’integrer automatiquement des widgets sociaux embarques dans les fiches publiques.</p>
            <p>Si la CCDS active plus tard des services de mesure d’audience, de support, de cartographie tierce ou d’autres traceurs non strictement necessaires, cette page devra etre completee et un mecanisme de consentement adapte devra etre mis en place.</p>
          </CardContent>
        </Card>
      </main>
    </div>
  );
}
