import { sanitizeWpHtml } from '@/lib/sanitizeHtml';

export interface EditorialSource {
  ref: string;
  url: string;
}

export interface EditorialSection {
  titre?: string | null;
  contenu?: string | null;
}

const defaultSources: EditorialSource[] = [
  {
    ref: 'Redjala, S., Ferouk, N., Chikhi, N., & Aït Hocine, N. (2020). UV Aging Effects on Polycarbonate Properties. Journal of Failure Analysis and Prevention, 20, 1907-1915.',
    url: 'https://link.springer.com/article/10.1007/s11668-020-01002-9',
  },
  {
    ref: 'Bakırcı, A., & Kahveci, S. (2025). The temporal variation of some physical and mechanical properties of different polycarbonate greenhouse covering materials and the detection of aging using thermal imaging. Case Studies in Thermal Engineering, 74.',
    url: 'https://doi.org/10.1016/j.csite.2025.106245',
  },
  {
    ref: 'Santamouris, M. (2014). Cooling the cities — a review of reflective and green roof mitigation technologies to fight heat island and improve comfort in urban environments. Solar Energy, 103, 682-703.',
    url: 'https://doi.org/10.1016/j.solener.2012.07.003',
  },
  {
    ref: 'Akbari, H., Berdahl, P., Levinson, R., Wiel, S., Miller, W., & Desjarlais, A. (2005). Aging and Weathering of Cool Roofing Membranes. Lawrence Berkeley National Laboratory / U.S. Department of Energy.',
    url: 'https://www.osti.gov/servlets/purl/860745',
  },
];

interface CovaThermLightEditorialProps {
  badge?: string;
  /** Intro HTML (WordPress). Absente => intro d'origine. */
  intro?: string;
  /** Sections HTML (WordPress). Absentes => corps d'origine. */
  sections?: EditorialSection[];
  sources?: EditorialSource[];
}

const CovaThermLightEditorial = ({
  badge = 'Dossier',
  intro,
  sections,
  sources = defaultSources,
}: CovaThermLightEditorialProps = {}) => (
  <section className="py-16 lg:py-32 bg-cream">
    <div className="container mx-auto px-4 lg:px-8 max-w-4xl">
        <div className="mb-12">
          <p className="text-[10px] uppercase tracking-[0.25em] font-semibold text-primary/65 font-body mb-3">
            {badge}
          </p>
          <h2
            className="font-satoshi text-3xl sm:text-4xl lg:text-5xl font-black text-foreground !leading-[1.05]"
            style={{ letterSpacing: '-0.03em' }}
          >
            La peinture anti-UV pour polycarbonate,
            <br />
            <span className="text-foreground/45">en clair.</span>
          </h2>
        </div>

        <div className="space-y-14 text-foreground/75 leading-relaxed font-body">
          {intro || sections ? (<>
            {intro && (
              <div
                className="text-base lg:text-lg [&_strong]:text-foreground"
                dangerouslySetInnerHTML={{ __html: sanitizeWpHtml(intro) }}
              />
            )}
            {(sections ?? []).map((s, i) => (
              <div key={i}>
                <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
                  {s.titre}
                </h3>
                <div
                  className="[&_p]:mb-4 [&_p:last-child]:mb-0 [&_strong]:text-foreground [&_ul]:list-disc [&_ul]:pl-6 [&_ul]:space-y-2 [&_ul]:mb-4 [&_ol]:list-decimal [&_ol]:pl-6 [&_ol]:space-y-3 [&_ol]:mb-4 [&_a]:text-primary [&_a]:font-semibold [&_a:hover]:underline"
                  dangerouslySetInnerHTML={{ __html: sanitizeWpHtml(s.contenu) }}
                />
              </div>
            ))}
          </>) : (<>

          <p className="text-base lg:text-lg">
            Peinture anti-UV pour polycarbonate, laque solaire, peinture anti-chaleur
            translucide, revêtement réflectif pour lanterneaux : plusieurs appellations
            pour désigner une même famille de produits formulés pour traiter un problème
            bien précis, celui de la surchauffe et de l'éblouissement sous les éléments
            translucides d'une toiture professionnelle. Utilisée là où une peinture cool
            roof opaque est impossible à appliquer, la laque solaire permet de garder le
            bénéfice de la lumière naturelle tout en supprimant la pénalité thermique
            qui l'accompagne.
          </p>

          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Le principe d'une laque solaire : filtrer la chaleur sans opacifier
            </h3>
            <p className="mb-4">
              Une laque solaire agit par filtration sélective du spectre solaire. Elle
              laisse passer la lumière visible, responsable de l'apport lumineux naturel,
              et bloque deux longueurs d'onde précises qui dégradent le confort et les
              matériaux :
            </p>
            <ul className="list-disc pl-6 space-y-3 mb-4">
              <li>
                <strong className="text-foreground">Les rayons ultraviolets (UV)</strong>
                , qui chauffent imperceptiblement mais dégradent la structure moléculaire
                du polycarbonate (jaunissement, fragilisation) et provoquent chez
                l'humain la fatigue oculaire.
              </li>
              <li>
                <strong className="text-foreground">Les rayons infrarouges</strong>,
                responsables de la quasi-totalité de la chaleur radiante perçue par les
                personnes situées sous les lanterneaux.
              </li>
            </ul>
            <p>
              En bloquant ces deux bandes tout en laissant passer le spectre visible,
              CovaTherm Light transforme l'expérience intérieure sans priver le bâtiment
              de sa lumière naturelle. Le support conserve ainsi son utilité première
              (apport lumineux gratuit, économies d'éclairage artificiel) sans ses
              inconvénients (chaleur radiante, éblouissement, dégradation accélérée).
            </p>
          </div>

          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Les lanterneaux pour lesquels CovaTherm Light a été conçue
            </h3>
            <p className="mb-4">
              CovaTherm Light est la peinture anti-UV pour polycarbonate adaptée aux
              situations suivantes :
            </p>
            <ul className="list-disc pl-6 space-y-2 mb-4">
              <li><strong className="text-foreground">Postes de travail sous lanterneaux inconfortables l'été</strong>, avec plaintes récurrentes des équipes sur la chaleur ou l'éblouissement</li>
              <li><strong className="text-foreground">Voûtes éclairantes ou skydômes</strong> en polycarbonate ou polyester vieillissants, qui jaunissent ou se dégradent visiblement</li>
              <li><strong className="text-foreground">Ateliers, halls de production, entrepôts</strong> avec une part significative de surface translucide en toiture (à partir de 20 à 25 %)</li>
              <li><strong className="text-foreground">Bâtiments tertiaires</strong> équipés de puits de lumière qui créent des zones de surchauffe localisée</li>
              <li><strong className="text-foreground">Magasins et showrooms</strong> où l'éblouissement perturbe la lecture des étiquettes, écrans ou produits exposés</li>
            </ul>
            <p>
              Pour une toiture opaque sans éléments translucides, la{' '}
              <a
                href="/peinture-reflective-covatherm"
                className="text-primary font-semibold hover:underline"
              >
                peinture cool roof CovaTherm
              </a>{' '}
              reste la solution. À l'inverse, pour des surfaces en verre ou verrière, un
              film solaire intérieur collé est plus adapté.
            </p>
          </div>

          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Le budget d'une laque solaire au mètre carré
            </h3>
            <p className="mb-4">
              Le prix d'une peinture anti-UV pour polycarbonate professionnelle posée
              dépend principalement de l'accessibilité des lanterneaux, de leur
              géométrie (plats, bombés, voûtes) et de leur état avant application. Le
              prix au m² n'est pas public, il se calcule au devis en fonction des
              contraintes d'accès et de la géométrie des éléments translucides.
            </p>
            <p className="mb-4">
              Face aux alternatives traditionnelles, CovaTherm Light reste une solution
              particulièrement rentable :
            </p>
            <ul className="list-disc pl-6 space-y-2 mb-4">
              <li><strong className="text-foreground">Remplacement des lanterneaux</strong> par des modèles anti-UV neufs : plusieurs centaines d'euros par m², avec démontage, dépose et repose dans les règles de l'étanchéité de toiture</li>
              <li><strong className="text-foreground">Film solaire intérieur collé</strong> : adapté au vitrage, mais compliqué à poser sur les polymères bombés et peu durable dans le temps</li>
              <li><strong className="text-foreground">Stores intérieurs motorisés</strong> : solution partielle qui supprime la lumière en plus de la chaleur</li>
            </ul>
            <p>
              Vous pouvez{' '}
              <a
                href="/estimation"
                className="text-primary font-semibold hover:underline"
              >
                estimer les économies d'une laque solaire
              </a>{' '}
              sur votre bâtiment en quelques minutes.
            </p>
          </div>

          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Le déroulé d'un chantier Covalba
            </h3>
            <p className="mb-4">
              Un chantier CovaTherm Light se déroule en quatre étapes maîtrisées,
              réalisées par des applicateurs Covalba certifiés.
            </p>
            <ol className="list-decimal pl-6 space-y-3 mb-4">
              <li>
                <strong className="text-foreground">Diagnostic technique.</strong> Un
                technicien évalue l'état des lanterneaux, mesure leur translucidité
                résiduelle, vérifie la portance et identifie les zones les plus
                dégradées. Certaines voûtes éclairantes très jaunies peuvent nécessiter
                un remplacement préalable plutôt qu'un simple traitement.
              </li>
              <li>
                <strong className="text-foreground">Nettoyage préalable.</strong> Les
                surfaces translucides sont débarrassées des mousses, poussières et
                dépôts organiques qui altèrent la transmission lumineuse, puis rincées
                à l'eau claire.
              </li>
              <li>
                <strong className="text-foreground">Application au rouleau ou au pistolet airless.</strong>{' '}
                Le revêtement acrylique est posé en couches fines régulières, depuis
                une passerelle technique ou une nacelle selon la configuration. Deux
                passes croisées garantissent une couverture homogène sans coulures.
              </li>
              <li>
                <strong className="text-foreground">Séchage et rinçage de finition.</strong>{' '}
                Un rinçage post-séchage élimine les éventuels résidus en bordure et
                stabilise l'adhérence finale.
              </li>
            </ol>
            <p>
              L'application se fait par temps sec, à températures modérées. Un chantier
              type est bouclé en{' '}
              <strong className="text-foreground">1 à 3 jours</strong> selon la surface
              de lanterneaux, sans interruption d'activité du bâtiment. Tous les
              applicateurs Covalba sont formés au travail en sécurité sur surfaces
              translucides, via le{' '}
              <a
                href="/devenir-applicateur"
                className="text-primary font-semibold hover:underline"
              >
                réseau d'applicateurs certifiés
              </a>
              .
            </p>
          </div>

          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Les UV, facteur principal de vieillissement du polycarbonate
            </h3>
            <p className="mb-4">
              Le polycarbonate, matériau majoritaire des lanterneaux modernes, est
              particulièrement sensible au rayonnement ultraviolet. Exposé sans
              protection, il subit un processus de dégradation physico-chimique
              documenté : jaunissement progressif, perte de transparence, apparition de
              microfissures de surface et diminution des propriétés mécaniques (Redjala
              et al., 2020). Une étude conduite sur des lanterneaux en polycarbonate
              additivé UV et UV+IR a montré que l'indice de jaunissement peut passer de
              valeurs quasi nulles à des niveaux significatifs sur une période de 21
              mois d'exposition naturelle, avec des conséquences directes sur la
              transmission lumineuse et la résistance aux chocs (Bakırcı &amp;
              Kahveci, 2025).
            </p>
            <p>
              En filtrant les UV à la source avant qu'ils n'atteignent le
              polycarbonate, CovaTherm Light ralentit drastiquement ce processus. Vos
              lanterneaux conservent leurs propriétés optiques et mécaniques plus
              longtemps, ce qui repousse la facture de remplacement de plusieurs
              années.
            </p>
          </div>

          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Le confort des équipes, bénéfice le plus direct
            </h3>
            <p>
              Dans les ateliers et halls tertiaires équipés de lanterneaux, la chaleur
              radiante sous les puits de lumière n'est pas un inconfort anodin : elle
              entraîne une baisse documentée de la concentration, une fatigue accélérée
              et des symptômes physiques (maux de tête, vertiges, bouffées de chaleur)
              qui dégradent à la fois la productivité et la qualité de vie au travail.
              Les recherches sur les stratégies de cool roofing démontrent par ailleurs
              qu'une amélioration du confort thermique intérieur, même sans
              climatisation, a un effet mesurable sur le bien-être des occupants et sur
              la demande énergétique du bâtiment (Santamouris, 2014). Traiter les
              éléments translucides d'une toiture, c'est donc aussi un investissement
              dans les conditions de travail, pas seulement dans l'efficacité
              énergétique.
            </p>
          </div>

          </>)}

          <div className="border-t border-foreground/10 pt-10">
            <h3 className="font-satoshi text-xl lg:text-2xl font-bold text-foreground mb-5">
              Sources et références
            </h3>
            <ol className="list-decimal pl-6 space-y-3 text-sm text-foreground/70">
              {sources.map((s, i) => (
                <li key={i} className="leading-relaxed">
                  {s.ref}{' '}
                  <a
                    href={s.url}
                    target="_blank"
                    rel="noopener noreferrer"
                    className="text-primary hover:underline break-words"
                  >
                    {s.url}
                  </a>
                </li>
              ))}
            </ol>
          </div>

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

export default CovaThermLightEditorial;