import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
import { ArrowRight } from 'lucide-react';
import ScrollReveal from './ScrollReveal';

const defaultFaqs = [
  {
    q: 'Combien ça coûte ?',
    a: "Entre 18 et 25 €/m² selon le produit et l'état de votre toiture. Les primes CEE réduisent significativement ce montant pour les bâtiments tertiaires commerciaux. Le retour sur investissement moyen est de 14 mois. Demandez une estimation gratuite pour avoir un chiffrage précis.",
  },
  {
    q: 'Combien je vais économiser ?',
    a: "Nos clients constatent une réduction de 20 à 40% de leur facture de climatisation, soit entre 15 000 et 50 000 € par an selon la surface. Le gain dépend de votre zone climatique, de la surface traitée et de votre consommation actuelle. L'estimation est gratuite et personnalisée.",
  },
  {
    q: 'Mon activité sera-t-elle perturbée ?',
    a: "Non. Tout se passe sur le toit, depuis l'extérieur. Pas d'accès intérieur, pas de bruit, pas de poussière. Nos machines restent au pied du bâtiment. Votre activité continue normalement. Un chantier dure en moyenne 2 à 5 jours.",
  },
  {
    q: 'Combien de temps ça dure ?',
    a: "Le système CovaTherm 20 avec vernis de finition anti-UV conserve ses performances réflectives pendant 20 ans, vérifié par test de vieillissement accéléré. SRI 118 après vieillissement : record européen. Nous recommandons un rinçage annuel à l'eau.",
  },
  {
    q: "Quelle différence avec une peinture classique ?",
    a: "Résine polyuréthane vs acrylique. Durée de vie 8-10 ans vs 3-5 ans. Chimie haute performance vs peinture généraliste. Nous sommes des techniciens de la toiture, pas des peintres. Machines au sol, applicateurs formés, protocoles de sécurité. Le monde de la peinture = pas cher, une couche en moins pour gratter. Le monde de l'étanchéité = cher mais durable.",
  },
  {
    q: "Cool roof ou refaire l'étanchéité ?",
    a: "Les deux s'entendent. Si votre étanchéité a 40 ans et fuit partout, il faut la remplacer. Si elle a entre 10 et 25 ans, le cool roof la protège et prolonge sa durée de vie de 10 ans. C'est une alternative économique à la réfection complète : 20-25 €/m² vs 80-100 €/m² pour une membrane neuve, vs 150 €/m² pour isolation + étanchéité.",
  },
  {
    q: "Et si j'ai des panneaux solaires sur le toit ?",
    a: "C'est compatible et même bénéfique. Les panneaux photovoltaïques perdent en rendement quand il fait chaud. En refroidissant la toiture, le cool roof améliore leur production.",
  },
  {
    q: 'Quels types de toitures sont compatibles ?',
    a: "Quasiment toutes : bac acier (même rouillé), béton, membrane bitumineuse, EPDM, PVC, fibrociment, lanterneaux. 80% de nos chantiers sont sur membrane bitumineuse. Une étude technique permet de déterminer la solution adaptée.",
  },
  {
    q: "Le toit blanc, c'est éblouissant ?",
    a: "Légère gêne les premiers mois si vous avez une vue plongeante sur le toit, puis le revêtement se patine et se salit légèrement. Pas de gêne ensuite.",
  },
  {
    q: "Mon bâtiment est-il éligible aux primes CEE ?",
    a: "Les primes CEE (fiche BAT-EN-112) sont réservées aux bâtiments tertiaires à usage commercial, chauffés et/ou refroidis par pompe à chaleur. Pas l'industrie, pas les bureaux, pas les collectivités. La cible est restreinte. Covalba monte le dossier et la prime est déduite de votre facture.",
  },
  {
    q: "Le cool roof fait-il consommer plus de chauffage l'hiver ?",
    a: "Non, dans la très grande majorité des cas. En hiver, le soleil est bas et rare : il chauffe bien plus les façades verticales que la toiture horizontale. La perte d'apport solaire sur le toit reste minime, limitée à quelques heures par jour en intersaison, et très largement compensée par les gains thermiques accumulés pendant les mois chauds. L'EPA américaine et les études européennes (Macintyre & Heaviside, 2019) confirment toutes que cette \"pénalité hivernale\" reste systématiquement inférieure aux économies estivales.",
  },
  {
    q: "Combien coûte un cool roof au m² ?",
    a: "Un cool roof professionnel posé se situe entre 20 et 25 € HT au m², tout compris : diagnostic, préparation du support, fourniture et pose. Trois paramètres font varier le chiffre final : la surface du chantier (dégressivité au-delà de 2 000 m²), l'état du support avant traitement et la durée de vie visée (8 ans ou 20 ans). Comparé aux 80-100 €/m² d'une membrane neuve ou aux 150 €/m² d'une rénovation isolation + étanchéité, le cool roof divise votre budget de rénovation par 3 à 7.",
  },
  {
    q: "Quelle est la durée de vie d'un cool roof ?",
    a: "Elle va de 2 à 20 ans selon la technologie. Résine acrylique (90 % du marché grand public) : 2 à 5 ans avec perte rapide de réflectivité sous UV. Résine polyuréthane (CovaTherm 8) : 8 à 10 ans, avec une couche d'entretien en fin de cycle. Polyuréthane + Top Coat anti-UV (CovaTherm 20) : 20 ans sans reprise intermédiaire. Sur la durée d'exploitation d'un bâtiment, le cool roof le moins cher à l'achat finit systématiquement par être celui qui coûte le plus cher.",
  },
  {
    q: "Le cool roof est-il éligible aux aides ?",
    a: "Oui, via la fiche d'opération standardisée BAT-EN-112 des Certificats d'Économies d'Énergie (CEE). L'éligibilité reste cependant restreinte : bâtiment tertiaire à usage commercial (magasins principalement), chauffé ou refroidi par pompe à chaleur. Trois zones climatiques s'appliquent en France (H1 Nord, H2 centre, H3 PACA), avec des montants de prime différents. Pour les bâtiments industriels qui ne remplissent pas ces critères, d'autres dispositifs existent (aides régionales, ADEME, ICPE) selon votre activité et votre implantation.",
  },
  {
    q: "Peut-on appliquer un cool roof soi-même ?",
    a: "Techniquement oui, certaines peintures grand public se posent seul. En pratique, la qualité de la pose conditionne directement la performance : un primaire mal dosé, une couche trop fine ou une application par temps humide peuvent faire chuter la réflectivité de 30 à 50 % en quelques mois. Il y a aussi la sécurité du travail en toiture, qui impose EPI, formation et matériel adapté. Covalba travaille donc uniquement avec un réseau d'applicateurs certifiés formés à ses produits, condition indispensable pour la garantie fabricant et la garantie biennale légale des travaux.",
  },
];

interface FAQSectionProps {
  badge?: string;
  titre?: string;
  intro?: string;
  faqs?: { q: string; a: string }[];
  ctaLabel?: string;
  ctaHref?: string;
}

const FAQSection = ({
  badge = 'FAQ',
  titre = 'Vos questions',
  intro = "Si votre question n'est pas ici, appelez-nous ou remplissez le formulaire. On répond sous 24h.",
  faqs = defaultFaqs,
  ctaLabel = 'Une question ? Contactez-nous',
  ctaHref = '#contact',
}: FAQSectionProps = {}) => (
  <section className="py-16 lg:py-32 bg-cream">
    <div className="container mx-auto px-4 lg:px-8">
      <ScrollReveal>
        <div className="grid lg:grid-cols-5 gap-12 lg:gap-16">
          <div className="lg:col-span-2 lg:sticky lg:top-24 lg:self-start">
            <p className="text-[10px] uppercase tracking-[0.25em] font-semibold text-primary/50 font-body mb-6">
              {badge}
            </p>
            <h2
              className="font-satoshi text-3xl sm:text-4xl lg:text-[3rem] font-black text-foreground !leading-[1.05] mb-3"
              style={{ letterSpacing: '-0.03em' }}
            >
              {titre}
            </h2>
            <p className="text-muted-foreground text-base">
              {intro}
            </p>
          </div>

          <div className="lg:col-span-3">
            <Accordion type="single" collapsible className="space-y-3">
              {faqs.map((faq, i) => (
                <AccordionItem
                  key={i}
                  value={`faq-${i}`}
                  className="border border-border bg-card rounded-xl px-6 data-[state=open]:shadow-sm"
                >
                  <AccordionTrigger className="text-left font-semibold text-foreground hover:no-underline py-5">
                    {faq.q}
                  </AccordionTrigger>
                  <AccordionContent className="text-muted-foreground leading-relaxed pb-5">
                    {faq.a}
                  </AccordionContent>
                </AccordionItem>
              ))}
            </Accordion>

            <div className="mt-8">
              <a href={ctaHref} className="inline-flex items-center gap-2 text-primary font-semibold hover:gap-3 transition-all text-sm">
                {ctaLabel} <ArrowRight className="w-4 h-4" />
              </a>
            </div>
          </div>
        </div>
      </ScrollReveal>
    </div>
  </section>
);

export default FAQSection;