/* Mentions légales — Camille Bardiau */
(function () {
  const D = window.CB_DATA;

  function Legal({ onNavigate }) {
    const section = (title, children) => (
      <div style={{ marginBottom: 32 }}>
        <h2 style={{ fontFamily: "var(--font-display)", fontSize: "var(--text-h4)", color: "var(--ink)", fontWeight: 500, margin: "0 0 12px", borderBottom: "1px solid var(--hairline)", paddingBottom: 10 }}>{title}</h2>
        <div style={{ fontFamily: "var(--font-sans)", fontSize: "var(--text-body)", lineHeight: 1.8, color: "var(--ink-soft)" }}>{children}</div>
      </div>
    );
    const row = (label, value, href) => (
      <div style={{ display: "flex", gap: 8, marginBottom: 4 }}>
        <span style={{ color: "var(--ink-muted)", minWidth: 200 }}>{label}</span>
        {href ? <a href={href} style={{ color: "var(--clay-deep)" }}>{value}</a> : <span style={{ color: "var(--ink)" }}>{value}</span>}
      </div>
    );

    return (
      <div>
        <section style={{ background: "var(--paper-tint)", borderBottom: "1px solid var(--hairline)" }}>
          <div style={{ maxWidth: "var(--maxw)", margin: "0 auto", padding: "clamp(40px,5vw,72px) var(--gutter)" }}>
            <button onClick={() => onNavigate("home")} style={{ background: "none", border: "none", cursor: "pointer", fontFamily: "var(--font-sans)", fontSize: "var(--text-sm)", color: "var(--ink-muted)", display: "flex", alignItems: "center", gap: 6, marginBottom: 20, padding: 0 }}>
              ← Retour à l'accueil
            </button>
            <h1 style={{ fontFamily: "var(--font-display)", fontSize: "var(--text-h1)", color: "var(--ink)", fontWeight: 500, margin: 0 }}>Mentions légales</h1>
          </div>
        </section>

        <section>
          <div style={{ maxWidth: 820, margin: "0 auto", padding: "var(--section-y) var(--gutter)" }}>

            {section("Éditeur du site", <>
              {row("Nom de l'entreprise", "Camille Bardiau")}
              {row("Statut juridique", "Micro-entreprise")}
              {row("Entrepreneur individuel", "Camille Bardiau")}
              {row("SIRET", "99005787900019")}
              {row("Adresse", "11 bis rue de Genève, 30000 Nîmes")}
              {row("Téléphone", "06 15 93 10 46", "tel:0615931046")}
              {row("E-mail", "contact.camillebardiau@gmail.com", "mailto:contact.camillebardiau@gmail.com")}
              {row("Responsable de la publication", "Camille Bardiau")}
            </>)}

            {section("Hébergement", <>
              <p style={{ margin: "0 0 4px" }}>Ce site est hébergé par :</p>
              <p style={{ margin: 0 }}><strong>Hostinger International Ltd.</strong><br />
              61 Lordou Vironos Street, 6023 Larnaca, Chypre<br />
              <a href="https://www.hostinger.fr" target="_blank" rel="noopener" style={{ color: "var(--clay-deep)" }}>hostinger.fr</a></p>
            </>)}

            {section("Propriété intellectuelle", <>
              <p style={{ margin: 0 }}>L'ensemble des contenus (textes, images, vidéos, logos, etc.) présents sur ce site sont la propriété exclusive de <strong>Camille Bardiau</strong>, sauf mention contraire. Toute reproduction, distribution, modification, adaptation, retransmission ou publication, même partielle, de ces différents éléments est strictement interdite sans l'accord écrit de <strong>Camille Bardiau</strong>.</p>
            </>)}

            {section("Politique de confidentialité & données personnelles", <>
              <p style={{ margin: "0 0 14px" }}>Conformément au Règlement Général sur la Protection des Données (RGPD — Règlement UE 2016/679) :</p>

              <h3 style={{ fontFamily: "var(--font-display)", fontSize: "1.22rem", color: "var(--ink)", fontWeight: 500, margin: "0 0 8px" }}>Données collectées</h3>
              <p style={{ margin: "0 0 10px" }}>Les données collectées via le formulaire de contact (prénom, nom, téléphone, adresse e-mail, message) sont destinées exclusivement à répondre à vos demandes. Elles ne sont ni revendues, ni transmises à des tiers commerciaux.</p>
              <p style={{ margin: "0 0 18px" }}>Le formulaire utilise le service <strong>FormSubmit</strong> (formsubmit.co) pour l'acheminement des messages. Les données transitent par leurs serveurs conformément à leurs propres <a href="https://formsubmit.co/privacy" target="_blank" rel="noopener" style={{ color: "var(--clay-deep)" }}>conditions de confidentialité</a>.</p>

              <h3 style={{ fontFamily: "var(--font-display)", fontSize: "1.22rem", color: "var(--ink)", fontWeight: 500, margin: "0 0 8px" }}>Durée de conservation</h3>
              <p style={{ margin: "0 0 18px" }}>Les données collectées via le formulaire de contact sont conservées le temps nécessaire au traitement de votre demande, et au maximum 3 ans à compter du dernier contact.</p>

              <h3 style={{ fontFamily: "var(--font-display)", fontSize: "1.22rem", color: "var(--ink)", fontWeight: 500, margin: "0 0 8px" }}>Vos droits</h3>
              <p style={{ margin: "0 0 6px" }}>Conformément au RGPD, vous disposez des droits suivants sur vos données personnelles :</p>
              <ul style={{ margin: "0 0 18px", paddingLeft: 20, display: "flex", flexDirection: "column", gap: 6 }}>
                <li><strong>Droit d'accès</strong> — connaître les données détenues vous concernant.</li>
                <li><strong>Droit de rectification</strong> — corriger des données inexactes.</li>
                <li><strong>Droit à l'effacement</strong> — demander la suppression de vos données.</li>
                <li><strong>Droit d'opposition</strong> — vous opposer au traitement de vos données.</li>
                <li><strong>Droit à la portabilité</strong> — recevoir vos données dans un format lisible.</li>
              </ul>
              <p style={{ margin: 0 }}>Pour exercer ces droits : <a href="mailto:contact.camillebardiau@gmail.com" style={{ color: "var(--clay-deep)" }}>contact.camillebardiau@gmail.com</a><br />
              En cas de réclamation non résolue, vous pouvez saisir la <a href="https://www.cnil.fr" target="_blank" rel="noopener" style={{ color: "var(--clay-deep)" }}>CNIL</a>.</p>
            </>)}

            {section("Outils tiers & cookies", <>
              <p style={{ margin: "0 0 14px" }}>Ce site intègre des outils tiers qui peuvent déposer des cookies sur votre navigateur. Vous pouvez accepter ou refuser ces cookies lors de votre première visite via le bandeau prévu à cet effet.</p>

              <div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
                {[
                  { name: "Calendly", purpose: "Prise de rendez-vous en ligne (widget de réservation)", policy: "https://calendly.com/privacy", cookies: "Cookies fonctionnels et de session" },
                  { name: "Featurable", purpose: "Affichage des avis Google (widget)", policy: "https://featurable.com/privacy", cookies: "Cookies analytiques et fonctionnels" },
                  { name: "FormSubmit", purpose: "Acheminement du formulaire de contact", policy: "https://formsubmit.co/privacy", cookies: "Aucun cookie déposé directement" },
                ].map(t => (
                  <div key={t.name} style={{ background: "var(--paper-tint)", borderRadius: 10, padding: "14px 18px", border: "1px solid var(--hairline)" }}>
                    <div style={{ fontFamily: "var(--font-sans)", fontWeight: 700, color: "var(--ink)", marginBottom: 4 }}>{t.name}</div>
                    <div style={{ fontFamily: "var(--font-sans)", fontSize: "var(--text-sm)", color: "var(--ink-soft)", marginBottom: 4 }}>{t.purpose}</div>
                    <div style={{ fontFamily: "var(--font-sans)", fontSize: "var(--text-xs)", color: "var(--ink-muted)", marginBottom: 6 }}>{t.cookies}</div>
                    <a href={t.policy} target="_blank" rel="noopener" style={{ fontFamily: "var(--font-sans)", fontSize: "var(--text-xs)", color: "var(--clay-deep)" }}>Politique de confidentialité →</a>
                  </div>
                ))}
              </div>

              <p style={{ margin: "18px 0 0", fontSize: "var(--text-sm)" }}>Vous pouvez à tout moment modifier vos préférences de cookies depuis les paramètres de votre navigateur. Le refus des cookies tiers ne restreint pas l'accès aux contenus du site.</p>
            </>)}

          </div>
        </section>
      </div>
    );
  }

  window.CBScreens = window.CBScreens || {};
  window.CBScreens.Legal = Legal;
})();
