/* ── Mentions légales ── */
const MENTIONS = (
  <React.Fragment>
    <h4>Éditeur du site</h4>
    <p>Discover Studio<br />
    Studio digital indépendant<br />
    Email : <a href="mailto:service@discover-studio.com">service@discover-studio.com</a><br />
    Téléphone : +49 176 87564448</p>

    <h4>Hébergement</h4>
    <p>Le site est hébergé sur des serveurs sécurisés. Les données sont traitées conformément au RGPD.</p>

    <h4>Propriété intellectuelle</h4>
    <p>Tous les contenus présents sur ce site (textes, images, graphismes, logos, icônes) sont la propriété exclusive de Discover Studio et sont protégés par les lois françaises et internationales relatives à la propriété intellectuelle. Toute reproduction, même partielle, est strictement interdite sans autorisation écrite préalable.</p>

    <h4>Responsabilité</h4>
    <p>Discover Studio s'efforce de fournir des informations exactes et à jour, mais ne saurait être tenu responsable des erreurs ou omissions, ni des dommages résultant de l'utilisation du site.</p>

    <h4>Droit applicable</h4>
    <p>Le présent site est soumis au droit français. Tout litige relatif à son utilisation sera soumis aux tribunaux compétents.</p>
  </React.Fragment>
);

/* ── Politique de confidentialité ── */
const PRIVACY = (
  <React.Fragment>
    <h4>Collecte des données</h4>
    <p>Discover Studio collecte uniquement les données que tu fournis volontairement via les formulaires du site (nom, email, téléphone, message). Ces données sont utilisées exclusivement pour te recontacter dans le cadre de ta demande.</p>

    <h4>Cookies</h4>
    <p>Ce site utilise des cookies techniques strictement nécessaires au fonctionnement (session, préférences). Des cookies analytiques anonymes peuvent être utilisés pour mesurer l'audience. Tu peux refuser les cookies non essentiels à tout moment via la bannière de consentement.</p>

    <h4>Stockage & sécurité</h4>
    <p>Tes données sont stockées sur des serveurs sécurisés (Supabase, UE). Nous appliquons des mesures techniques et organisationnelles pour les protéger contre tout accès non autorisé.</p>

    <h4>Droits RGPD</h4>
    <p>Conformément au RGPD, tu disposes d'un droit d'accès, de rectification, d'effacement et de portabilité de tes données personnelles. Pour exercer ces droits, contacte-nous à : <a href="mailto:service@discover-studio.com">service@discover-studio.com</a></p>

    <h4>Durée de conservation</h4>
    <p>Les données de contact sont conservées pendant 3 ans à compter du dernier échange. Les logs de navigation sont conservés 13 mois maximum.</p>

    <h4>Contact DPO</h4>
    <p>Pour toute question relative à la protection de tes données : <a href="mailto:service@discover-studio.com">service@discover-studio.com</a></p>
  </React.Fragment>
);

function LegalModals() {
  const [current, setCurrent] = React.useState(null); // null | "mentions" | "privacy"

  React.useEffect(() => {
    const openMentions = () => setCurrent("mentions");
    const openPrivacy  = () => setCurrent("privacy");
    window.addEventListener("openMentions", openMentions);
    window.addEventListener("openPrivacy",  openPrivacy);
    return () => {
      window.removeEventListener("openMentions", openMentions);
      window.removeEventListener("openPrivacy",  openPrivacy);
    };
  }, []);

  if (!current) return null;

  const title   = current === "mentions" ? "Mentions légales" : "Politique de confidentialité";
  const content = current === "mentions" ? MENTIONS : PRIVACY;

  return (
    <div className="modal-backdrop legal-backdrop" onClick={() => setCurrent(null)}>
      <div className="modal-box legal-box" onClick={e => e.stopPropagation()}>
        <button className="modal-close" onClick={() => setCurrent(null)} aria-label="Fermer">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" width="16" height="16">
            <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
          </svg>
        </button>
        <div className="legal-header">
          <span className="modal-sup">Discover Studio</span>
          <h3>{title}</h3>
        </div>
        <div className="legal-body">
          {content}
        </div>
      </div>
    </div>
  );
}

window.LegalModals = LegalModals;