// src/pages/MentionsLegales/MentionsLegales.jsx
// Page Mentions légales : sans sidebar, contenu statique
import { useNavigate } from 'react-router-dom';
import { ArrowLeft } from 'lucide-react';
import Button from '../../components/common/Button';
import styles from './MentionsLegales.module.css';

export default function MentionsLegales() {
  const navigate = useNavigate();

  return (
    <div className={styles.page}>
      <div className={styles.container}>
        <div className={styles.header}>
          <span className={styles.logo}>▶ Data Sentinel</span>
          <Button variant="link" onClick={() => navigate(-1)}>
            <ArrowLeft size={14} />
            Retour
          </Button>
        </div>

        <div className={styles.content}>
          <h1 className={styles.mainTitle}>Data Sentinel</h1>

          <section className={styles.section}>
            <h2>Éditeur</h2>
            <p><strong>COYAUD Anthony</strong></p>
            <p>Projet annuel — Bachelor Data &amp; Business Intelligence</p>
            <p>Nexa Digital School, 2026</p>
            <p>a.coyaud@xefi.fr</p>
          </section>

          <section className={styles.section}>
            <h2>Commanditaire</h2>
            <p><strong>XEFI SA</strong> — 2507 Avenue de l'Europe, 69140 Rillieux-la-Pape</p>
            <p>
              Le besoin métier et les règles de gestion sont ceux du service Business Intelligence
              de XEFI. XEFI SA n'édite ni n'exploite la présente instance de démonstration.
            </p>
          </section>

          <section className={styles.section}>
            <h2>Hébergeur</h2>
            <p><strong>Environnement de démonstration auto-hébergé</strong></p>
            <p>
              Conteneurs Docker exposés en HTTPS via un reverse proxy, sur un serveur administré
              par l'auteur du projet. Cible métier d'un déploiement réel : les datacenters
              souverains NEXERN de XEFI.
            </p>
          </section>

          <section className={styles.section}>
            <h2>Accès &amp; Utilisation</h2>
            <p>
              Application destinée à un usage professionnel interne. La présente instance est une
              démonstration accessible à des fins d'évaluation académique, au moyen de comptes de
              test ; elle ne contient aucune donnée réelle d'entreprise.
            </p>
          </section>

          <section className={styles.section}>
            <h2>Données personnelles RGPD (UE 2016/679)</h2>
            <p>Données traitées : compte utilisateur (identifiant, e-mail, rôle) et journal des connexions.</p>
            <p>Conservation de l'historique de monitoring : 24 mois, par purge automatique en base.</p>
            <p>
              Droits exerçables directement dans l'application : export de ses données
              (portabilité, art. 20) et suppression de son compte (effacement, art. 17, par
              désactivation et anonymisation).
            </p>
            <p>Contact : a.coyaud@xefi.fr</p>
          </section>

          <section className={styles.section}>
            <h2>Cookies</h2>
            <p>
              Aucun cookie n'est déposé et aucun traceur tiers n'est utilisé. La session et le
              choix de consentement sont conservés dans le stockage local du navigateur
              (<code>localStorage</code>), effaçable à tout moment depuis les réglages du navigateur
              ou par déconnexion.
            </p>
          </section>

          <section className={styles.section}>
            <h2>Propriété intellectuelle</h2>
            <p>
              Code source, design et documentation réalisés par <strong>COYAUD Anthony</strong>
              {' '}dans le cadre de son alternance chez XEFI et de son projet annuel Nexa Digital
              School (2026).
            </p>
          </section>

          <section className={styles.section}>
            <h2>Responsabilité</h2>
            <p>
              Jeu de données entièrement fictif, produit pour la démonstration. Aucune donnée
              réelle de client, de fournisseur ou de collaborateur n'est exposée.
            </p>
          </section>
        </div>

        <footer className={styles.footer}>
          <p>Data Sentinel v1.0 — COYAUD Anthony, Nexa Digital School 2026</p>
        </footer>
      </div>
    </div>
  );
}