/* global React */
function MentionsPage({ onBack }) {
  const M = (window.SITE_CONTENT && window.SITE_CONTENT.mentions) || {};
  const title    = M.title    || "Mentions légales";
  const eyebrow  = M.eyebrow  || "Légal";
  const sections = (M.sections && M.sections.length) ? M.sections : [
    { title: "1 · Éditeur du site", html: "<strong>Nom / Dénomination :</strong> Samuel Jullien EI - Studio FENNEC<br/><strong>Statut juridique :</strong> Entrepreneur individuel (EI)<br/><strong>Adresse du siège :</strong> 4bis Rue Montée du Fort, 30400 Villeneuve-lès-Avignon, France<br/><strong>SIRET :</strong> 805 239 662 00036" },
    { title: "2 · Directeur de la publication", html: "Samuel Jullien." },
    { title: "3 · Hébergement", html: "Le site est hébergé par Hostinger International Ltd." },
    { title: "4 · Propriété intellectuelle", html: "L'ensemble des contenus présents sur ce site (textes, images, vidéos, graphismes, logos) sont la propriété exclusive de Studio FENNEC sauf mention contraire." },
    { title: "5 · Données personnelles", html: "Les informations recueillies via les formulaires de contact sont utilisées uniquement pour répondre aux demandes. Conformément au RGPD, vous disposez d'un droit d'accès, de rectification et de suppression de vos données." },
    { title: "6 · Cookies", html: "Ce site utilise des cookies techniques nécessaires à son fonctionnement." },
  ];

  return (
    <div className="fn-mentions">
      <header className="fn-mentions-head">
        <button className="fn-mentions-back" onClick={onBack}>← Retour à l'accueil</button>
        <img src="assets/fennec-logo-master.jpg" alt="Studio FENNEC" style={{width: 36, height: 36, objectFit: "cover"}}/>
      </header>
      <main className="fn-mentions-body">
        <span className="eyebrow">{eyebrow}</span>
        <h1 className="display-l">{title}</h1>

        {sections.map((s, i) => (
          <section key={i}>
            <h2>{s.title}</h2>
            <p dangerouslySetInnerHTML={{ __html: s.html }}/>
          </section>
        ))}

        <footer className="fn-mentions-foot">
          <button className="btn btn--primary" onClick={onBack}>
            ← Retour à l'accueil
          </button>
        </footer>
      </main>
    </div>
  );
}

window.MentionsPage = MentionsPage;