function LegalPage({ page, setRoute }) {
  React.useEffect(() => { window.scrollTo(0, 0); }, []);

  return (
    <main style={{ padding: "60px 0 100px" }}>
      <div className="container" style={{ maxWidth: 720 }}>
        <button className="btn btn-ghost btn-sm" onClick={() => setRoute("home")} style={{ marginBottom: 32 }}>
          ← Retour
        </button>

        {page === "mentions" ? <Mentions /> : <Confidentialite />}
      </div>
    </main>
  );
}

function Mentions() {
  return (
    <>
      <div className="label" style={{ color: "var(--accent)" }}>Informations légales</div>
      <h1 style={{ marginBottom: 40 }}>Mentions légales</h1>

      <Legal title="Éditeur du site">
        <p><strong>Cap Bercy – La Pizzeria</strong></p>
        <p>9 rue Henri Desgranges, 75012 Paris</p>
        <p>Téléphone : {RESTAURANT.phone}</p>
        <p>Email : {RESTAURANT.email}</p>
        <p>Forme juridique : SARL</p>
      </Legal>

      <Legal title="Directeur de la publication">
        <p>Le directeur de la publication est le gérant de l'établissement Cap Bercy.</p>
      </Legal>

      <Legal title="Hébergement">
        <p>Ce site est hébergé par :</p>
        <p><strong>OVHcloud</strong></p>
        <p>2 rue Kellermann, 59100 Roubaix – France</p>
        <p><a href="https://www.ovhcloud.com" style={{ color: "var(--accent)" }}>www.ovhcloud.com</a></p>
      </Legal>

      <Legal title="Propriété intellectuelle">
        <p>
          L'ensemble du contenu de ce site (textes, images, logos, icônes) est la propriété exclusive
          de Cap Bercy ou de ses partenaires. Toute reproduction, représentation ou diffusion, totale
          ou partielle, sans autorisation écrite préalable est interdite.
        </p>
      </Legal>

      <Legal title="Limitation de responsabilité">
        <p>
          Cap Bercy s'efforce de maintenir les informations publiées sur ce site à jour et exactes.
          Toutefois, le restaurant ne saurait être tenu responsable des erreurs, omissions ou
          indisponibilités du service.
        </p>
      </Legal>

      <Legal title="Droit applicable">
        <p>
          Les présentes mentions légales sont soumises au droit français. En cas de litige,
          les tribunaux français seront seuls compétents.
        </p>
      </Legal>
    </>
  );
}

function Confidentialite() {
  return (
    <>
      <div className="label" style={{ color: "var(--accent)" }}>RGPD</div>
      <h1 style={{ marginBottom: 40 }}>Politique de confidentialité</h1>

      <Legal title="Responsable du traitement">
        <p>
          <strong>Cap Bercy – La Pizzeria</strong><br/>
          9 rue Henri Desgranges, 75012 Paris<br/>
          Email : {RESTAURANT.email}
        </p>
      </Legal>

      <Legal title="Données collectées">
        <p>Lors d'une commande en ligne, nous collectons les données suivantes :</p>
        <ul style={{ paddingLeft: 20, marginTop: 8, lineHeight: 2 }}>
          <li>Nom et prénom</li>
          <li>Numéro de téléphone</li>
          <li>Adresse email (optionnelle, pour le reçu de commande)</li>
          <li>Adresse de livraison (si livraison choisie)</li>
          <li>Détail de la commande</li>
        </ul>
        <p style={{ marginTop: 12 }}>
          Les données de paiement par carte bancaire sont traitées directement et exclusivement
          par <strong>Stripe</strong> (stripe.com). Cap Bercy ne stocke aucune donnée bancaire.
        </p>
      </Legal>

      <Legal title="Finalité du traitement">
        <p>Les données sont collectées uniquement pour :</p>
        <ul style={{ paddingLeft: 20, marginTop: 8, lineHeight: 2 }}>
          <li>Le traitement et la gestion des commandes</li>
          <li>L'envoi d'un email de confirmation de commande</li>
          <li>La communication avec le client en cas de problème</li>
        </ul>
      </Legal>

      <Legal title="Durée de conservation">
        <p>
          Les données de commande sont conservées pendant une durée maximale de <strong>3 ans</strong>
          à compter de la date de la commande, conformément aux obligations comptables et fiscales.
        </p>
      </Legal>

      <Legal title="Partage des données">
        <p>
          Vos données ne sont jamais vendues ni cédées à des tiers. Elles peuvent être transmises
          uniquement à Stripe dans le cadre du traitement sécurisé des paiements.
        </p>
      </Legal>

      <Legal title="Vos droits (RGPD)">
        <p>Conformément au Règlement Général sur la Protection des Données (RGPD), vous disposez des droits suivants :</p>
        <ul style={{ paddingLeft: 20, marginTop: 8, lineHeight: 2 }}>
          <li>Droit d'accès à vos données personnelles</li>
          <li>Droit de rectification</li>
          <li>Droit à l'effacement (« droit à l'oubli »)</li>
          <li>Droit à la limitation du traitement</li>
          <li>Droit à la portabilité</li>
          <li>Droit d'opposition</li>
        </ul>
        <p style={{ marginTop: 12 }}>
          Pour exercer ces droits, contactez-nous à : <strong>{RESTAURANT.email}</strong>
        </p>
      </Legal>

      <Legal title="Cookies">
        <p>
          Ce site n'utilise pas de cookies de traçage ou publicitaires. Aucune donnée de navigation
          n'est collectée à des fins analytiques ou commerciales.
        </p>
      </Legal>

      <Legal title="Contact – CNIL">
        <p>
          Pour toute réclamation relative à vos données personnelles, vous pouvez contacter
          la Commission Nationale de l'Informatique et des Libertés (CNIL) :
        </p>
        <p style={{ marginTop: 8 }}>
          <a href="https://www.cnil.fr" style={{ color: "var(--accent)" }}>www.cnil.fr</a> · 3 Place de Fontenoy, 75007 Paris
        </p>
      </Legal>
    </>
  );
}

function Legal({ title, children }) {
  return (
    <div style={{ marginBottom: 36 }}>
      <h3 style={{ marginBottom: 12, fontSize: 18 }}>{title}</h3>
      <div className="small muted" style={{ lineHeight: 1.8, fontSize: 14 }}>
        {children}
      </div>
      <div style={{ height: 1, background: "var(--line)", marginTop: 28 }} />
    </div>
  );
}

window.LegalPage = LegalPage;