
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: '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',
  },
  {
    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: 'Synnefa, A., Santamouris, M., & Akbari, H. (2007). Estimating the effect of using cool coatings on energy loads and thermal comfort in residential buildings in various climatic conditions. Energy and Buildings, 39(11), 1167-1174.',
    url: 'https://doi.org/10.1016/j.enbuild.2007.01.004',
  },
  {
    ref: 'U.S. Environmental Protection Agency (2024). Using Cool Roofs to Reduce Heat Islands.',
    url: 'https://www.epa.gov/heatislands/using-cool-roofs-reduce-heat-islands',
  },
];

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

const CovaMetalEditorial = ({
  badge = 'Dossier',
  intro,
  sections,
  sources = defaultSources,
}: CovaMetalEditorialProps = {}) => (
  <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 cool roof pour bac acier,
            <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 cool roof bac acier, revêtement anticorrosion réflectif, rénovation
            de toiture métallique corrodée : plusieurs appellations pour désigner une
            famille de produits spécialement formulés pour traiter les pathologies des
            toitures métalliques vieillissantes. Utilisée pour rénover les bâtiments
            industriels en bac acier sans remplacement des plaques, cette solution
            s'impose comme la plus rentable quand la toiture présente de la corrosion de
            surface et des fuites localisées mais reste structurellement saine.
          </p>

          {/* 1. Principe */}
          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Le principe d'une peinture cool roof bac acier
            </h3>
            <p className="mb-4">
              Un revêtement cool roof pour toiture métallique combine trois mécanismes
              techniques sur le même support :
            </p>
            <ul className="list-disc pl-6 space-y-3 mb-4">
              <li>
                <strong className="text-foreground">La protection anti-corrosion</strong>{' '}
                : un primaire anti-oxydation et une résine isolante qui coupent le
                contact du métal avec l'oxygène et l'humidité, responsables du phénomène
                de rouille.
              </li>
              <li>
                <strong className="text-foreground">La réflectance solaire</strong> :
                renvoi jusqu'à 90 % du rayonnement solaire plutôt que de le laisser
                chauffer la toiture. Sur une toiture métallique, cet effet est
                particulièrement marqué car le métal est un excellent conducteur
                thermique.
              </li>
              <li>
                <strong className="text-foreground">L'élasticité à 200 %</strong> : la
                résine élastomère forme un film qui absorbe les dilatations
                différentielles entre les plaques de bac acier et scelle les
                chevauchements, là où se concentrent 80 % des fuites.
              </li>
            </ul>
            <p>
              Le Top Coat anti-UV finalise le système. Il protège la résine des rayons
              ultraviolets, stabilise la blancheur et empêche le farinage sur vingt ans.
            </p>
          </div>

          {/* 2. Toitures concernées */}
          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Les toitures pour lesquelles CovaMetal 20 a été conçue
            </h3>
            <p className="mb-4">
              CovaMetal 20 est la peinture cool roof bac acier adaptée aux situations
              suivantes :
            </p>
            <ul className="list-disc pl-6 space-y-2 mb-4">
              <li><strong className="text-foreground">Corrosion superficielle</strong> des plaques, localisée ou étendue mais pas traversante</li>
              <li><strong className="text-foreground">Chevauchements de plaques</strong> fatigués avec micro-fuites</li>
              <li><strong className="text-foreground">Points de fixation</strong> oxydés (vis, rivets) qui créent des points d'infiltration</li>
              <li><strong className="text-foreground">Faîtières et rives</strong> métalliques vieillissantes</li>
              <li><strong className="text-foreground">Toitures en bac acier</strong> de plus de 10 ans qui surchauffent en été</li>
            </ul>
            <p>
              Pour une toiture métallique structurellement saine qui cherche uniquement
              l'effet cool roof, la{' '}
              <a
                href="/peinture-reflective-covatherm"
                className="text-primary font-semibold hover:underline"
              >
                peinture cool roof pure CovaTherm
              </a>{' '}
              peut suffire. À l'inverse, pour un bac acier perforé ou une structure
              porteuse dégradée, un remplacement partiel ou complet reste nécessaire
              avant application.
            </p>
          </div>

          {/* 3. Budget */}
          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Le budget d'une peinture cool roof bac acier au mètre carré
            </h3>
            <p className="mb-4">
              Le prix d'une peinture cool roof bac acier professionnelle posée se situe
              en moyenne entre <strong className="text-foreground">20 et 25 € HT</strong>{' '}
              du mètre carré, tout compris : diagnostic, décapage mécanique des zones
              corrodées, fourniture et pose du système complet. Trois facteurs font
              varier le chiffre final :
            </p>
            <ul className="list-disc pl-6 space-y-2 mb-4">
              <li>Le <strong className="text-foreground">niveau de corrosion</strong> du support, qui détermine l'ampleur du décapage préalable et les renforts localisés nécessaires</li>
              <li>La <strong className="text-foreground">surface à traiter</strong>, avec une dégressivité au-delà de 2 000 m²</li>
              <li>La <strong className="text-foreground">complexité de la toiture</strong> (chevauchements, faîtières, évacuations, pénétrations)</li>
            </ul>
            <p className="mb-4">
              Face à l'alternative traditionnelle, le rapport est sans appel :
            </p>
            <ul className="list-disc pl-6 space-y-2 mb-4">
              <li><strong className="text-foreground">Remplacement complet de bac acier</strong> : 80 à 120 € / m² avec dépose, plus l'arrêt d'activité associé</li>
              <li><strong className="text-foreground">CovaMetal 20 (peinture cool roof 3-en-1)</strong> : 20 à 25 € / m²</li>
            </ul>
            <p>
              CovaMetal 20 divise le budget de rénovation par{' '}
              <strong className="text-foreground">4 à 5</strong>, avec en prime l'effet
              cool roof et une garantie de vingt ans. Le chantier est par ailleurs
              éligible à la{' '}
              <a
                href="/diagnostic"
                className="text-primary font-semibold hover:underline"
              >
                prime CEE peinture cool roof bac acier
              </a>{' '}
              sous conditions, et vous pouvez{' '}
              <a
                href="/estimation"
                className="text-primary font-semibold hover:underline"
              >
                estimer les économies d'une peinture cool roof bac acier
              </a>{' '}
              sur votre bâtiment.
            </p>
          </div>

          {/* 4. Déroulé chantier */}
          <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 de rénovation bac acier se déroule en cinq é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 plaques, localise les zones de corrosion,
                identifie les chevauchements et points de fixation à renforcer, et
                vérifie la portance de la structure. Un support mal diagnostiqué, c'est
                un revêtement qui cloque ou qui ne fait ni anti-corrosion ni étanchéité.
              </li>
              <li>
                <strong className="text-foreground">Décapage mécanique.</strong> Les
                zones corrodées sont brossées mécaniquement pour éliminer la rouille
                meuble et retrouver un métal sain avant traitement. Les plaques saines
                sont nettoyées au karcher.
              </li>
              <li>
                <strong className="text-foreground">Application du Base Coat anti-corrosion.</strong>{' '}
                Une première couche traite le métal en profondeur et bloque la
                progression de l'oxydation. Les chevauchements et points de fixation
                reçoivent un renfort localisé.
              </li>
              <li>
                <strong className="text-foreground">Application de la résine élastomère réflective.</strong>{' '}
                Le Base Coat est posé en pulvérisation depuis le sol, à raison de{' '}
                <strong className="text-foreground">400 à 800 g/m²</strong> selon le
                niveau de corrosion et la rugosité du support. Les machines restent au
                pied du bâtiment, seuls les flexibles montent en toiture.
              </li>
              <li>
                <strong className="text-foreground">Application du Top Coat.</strong> La
                finition anti-UV scelle le système et garantit la réflectivité sur deux
                décennies.
              </li>
            </ol>
            <p>
              L'application se fait par temps sec, entre 10 et 35 °C. Un chantier type
              de <strong className="text-foreground">1 000 m²</strong> est bouclé en{' '}
              <strong className="text-foreground">3 à 5 jours</strong>, sans interruption
              d'activité du bâtiment. Tous les applicateurs Covalba sont{' '}
              <strong className="text-foreground">certifiés EPI</strong> et formés au
              travail en sécurité sur toiture métallique.
            </p>
          </div>

          {/* 5. Effet protecteur */}
          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              L'effet protecteur d'un revêtement réflectif sur une toiture métallique
            </h3>
            <p className="mb-4">
              Sur une toiture en bac acier sombre, la surface peut dépasser{' '}
              <strong className="text-foreground">70 à 80°C</strong> en plein été. Cette
              chaleur accélère la dégradation des plaques par trois mécanismes :
              oxydation accélérée au contact de l'humidité (rosée nocturne sur métal
              chaud), dilatation thermique qui descelle les chevauchements, et cycles
              répétés de dilatation-rétraction qui fatiguent les points de fixation. Les
              études scientifiques sur le vieillissement des revêtements de toiture
              confirment que l'ultraviolet et les cycles thermiques constituent les deux
              facteurs principaux de dégradation, avec un processus fortement dépendant
              de la température (Miller, Kriner &amp; Desjarlais, 2002).
            </p>
            <p>
              En abaissant la température de surface de la toiture, la peinture cool
              roof bac acier limite drastiquement ces trois facteurs. Des essais terrain
              réalisés par le Lawrence Berkeley National Laboratory ont mesuré une chute
              de température de surface de{' '}
              <strong className="text-foreground">79°C à 49°C</strong> après application
              d'un revêtement réflectif (Akbari, Berdahl, Levinson et al., 2005). Moins
              de chaleur absorbée, c'est moins de dilatations différentielles, moins de
              cycles d'oxydation nocturne, et une durée de vie du bac acier allongée de
              8 à 10 ans.
            </p>
          </div>

          {/* 6. Îlots de chaleur */}
          <div>
            <h3 className="font-satoshi text-2xl lg:text-3xl font-bold text-foreground mb-4">
              Un levier concret contre les îlots de chaleur urbains
            </h3>
            <p className="mb-4">
              Au-delà des bénéfices directs pour le bâtiment, une peinture cool roof bac
              acier contribue à réduire l'effet d'îlot de chaleur urbain, ce phénomène
              qui fait que les centres-villes et zones industrielles sont en moyenne de{' '}
              <strong className="text-foreground">2 à 10°C plus chauds</strong> que les
              zones rurales environnantes. Les toitures métalliques sombres des
              entrepôts et bâtiments industriels y jouent un rôle majeur en absorbant
              massivement le rayonnement solaire pour le restituer sous forme de
              chaleur.
            </p>
            <p>
              Les recherches menées sur les stratégies de rafraîchissement urbain
              démontrent qu'une adoption généralisée des toitures réflectives à
              l'échelle d'une ville pourrait contribuer à diminuer la température
              ambiante urbaine et, par conséquent, la demande énergétique liée à la
              climatisation (Santamouris, 2014). Une étude britannique a même évalué
              qu'à l'échelle urbaine, le déploiement des cool roofs pourrait réduire de{' '}
              <strong className="text-foreground">18 %</strong> la mortalité liée aux
              vagues de chaleur. Appliquer CovaMetal 20 sur un bâtiment industriel ou
              logistique en bac acier, c'est contribuer à ce mouvement collectif en
              plus de gagner en confort interne.
            </p>
          </div>

          </>)}

          {/* Sources */}
          <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 CovaMetalEditorial;
