const { Card, Badge, AccordionItem, SavingsCalculator, StepCard } = window.ISOKNIGDesignSystem_b5ec1b;

const FAQS = [
  { q: 'Hoeveel ISDE-subsidie kan ik krijgen?', a: 'Bij één isolatiemaatregel (bijvoorbeeld alleen spouwmuurisolatie) kunt u tot 15% subsidie krijgen. Combineert u twee of meer maatregelen, zoals dak- én vloerisolatie, dan loopt dit op tot 30% van de kosten.' },
  { q: 'Geldt het verlaagde btw-tarief voor mijn woning?', a: 'Voor woningen ouder dan 2 jaar geldt een verlaagd btw-tarief van 9% op de arbeidskosten bij isolatiewerkzaamheden. Materiaalkosten vallen buiten deze regeling.' },
  { q: 'Hoe vraag ik de ISDE-subsidie aan?', a: 'U dient de aanvraag in via RVO.nl met uw DigiD (particulieren) of eHerkenning (bedrijven). Houd foto\'s van de situatie en de facturen van de uitgevoerde werkzaamheden bij de hand.' },
  { q: 'Welke documenten heb ik nodig?', a: 'Facturen van de isolatiewerkzaamheden, foto\'s van voor en na de uitvoering, en uw rekeningnummer voor uitbetaling van de subsidie.' },
  { q: 'Hoe lang duurt de aanvraag?', a: 'RVO streeft naar een beslissing binnen 8 weken na het indienen van een volledige aanvraag. Bij drukte kan dit oplopen.' },
  { q: 'Zijn er ook gemeentelijke subsidies?', a: 'Veel gemeenten bieden aanvullende subsidies of de Energiebespaarlening, een lening met lage rente voor verduurzaming van uw woning. Dit verschilt per gemeente.' },
];

function SubsidyScreen() {
  return React.createElement('div', null,
    React.createElement('section', { style: { background: 'var(--ink-900)', color: '#fff', padding: '64px 40px' } },
      React.createElement('div', { style: { maxWidth: 1200, margin: '0 auto' } },
        React.createElement(Badge, { tone: 'brand' }, 'ISDE-subsidie 2026'),
        React.createElement('h1', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-lg)', margin: '16px 0 12px' } }, 'Subsidie op isolatie'),
        React.createElement('p', { style: { color: 'var(--ink-200)', fontSize: 'var(--fs-body-lg)', maxWidth: 640, margin: 0 } }, 'Een vast bedrag per m² terug via de Investeringssubsidie Duurzame Energie en Energiebesparing (ISDE).'))
    ),

    React.createElement('section', { style: { maxWidth: 1200, margin: '0 auto', padding: '64px 40px' } },
      React.createElement('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(3,1fr)', gap: 24, marginBottom: 64 } },
        React.createElement(Card, null,
          React.createElement('div', { style: { fontFamily: 'var(--font-display)', fontSize: 36, color: 'var(--brand-primary)' } }, '15%'),
          React.createElement('div', { style: { fontWeight: 700, margin: '8px 0 4px' } }, 'Bij 1 maatregel'),
          React.createElement('div', { style: { fontSize: 14, color: 'var(--text-secondary)' } }, 'Bijvoorbeeld alleen spouwmuurisolatie.')),
        React.createElement(Card, null,
          React.createElement('div', { style: { fontFamily: 'var(--font-display)', fontSize: 36, color: 'var(--brand-primary)' } }, '30%'),
          React.createElement('div', { style: { fontWeight: 700, margin: '8px 0 4px' } }, 'Bij 2+ maatregelen'),
          React.createElement('div', { style: { fontSize: 14, color: 'var(--text-secondary)' } }, 'Combineer bijvoorbeeld dak- en vloerisolatie.')),
        React.createElement(Card, null,
          React.createElement('div', { style: { fontFamily: 'var(--font-display)', fontSize: 36, color: 'var(--brand-primary)' } }, '9%'),
          React.createElement('div', { style: { fontWeight: 700, margin: '8px 0 4px' } }, 'Verlaagd btw-tarief'),
          React.createElement('div', { style: { fontSize: 14, color: 'var(--text-secondary)' } }, 'Op arbeidskosten, bij woningen ouder dan 2 jaar.'))
      ),

      React.createElement('h2', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-sm)', marginBottom: 20 } }, 'Bereken uw besparing'),
      React.createElement(Card, { padding: 'var(--space-6)' }, React.createElement(SavingsCalculator, null)),

      React.createElement('h2', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-sm)', margin: '64px 0 24px' } }, 'Zo vraagt u de subsidie aan'),
      React.createElement('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(3,1fr)', gap: 24, marginBottom: 64 } },
        React.createElement(StepCard, { number: 1, title: 'Werkzaamheden laten uitvoeren', description: 'ISOKÖNIG voert de isolatie uit en levert u facturen en foto\'s van de situatie.' }),
        React.createElement(StepCard, { number: 2, title: 'Aanvraag indienen bij RVO.nl', description: 'Log in met DigiD (particulier) of eHerkenning (zakelijk) en dien de aanvraag in.' }),
        React.createElement(StepCard, { number: 3, title: 'Uitbetaling afwachten', description: 'Bij een volledige aanvraag beslist RVO doorgaans binnen 8 weken.' })
      ),
      React.createElement('p', { style: { fontSize: 13, color: 'var(--text-secondary)', marginBottom: 64 } }, 'Naast de ISDE bieden veel gemeenten aanvullende subsidies of de Energiebespaarlening aan. Vraag ernaar tijdens uw gratis inspectie.'),

      React.createElement('h2', { style: { fontFamily: 'var(--font-display)', fontSize: 'var(--fs-display-sm)', marginBottom: 8 } }, 'Veelgestelde vragen'),
      React.createElement(Card, { padding: '8px var(--space-5)' }, FAQS.map((f, i) => React.createElement(AccordionItem, { key: f.q, question: f.q, answer: f.a, defaultOpen: i === 0 })))
    )
  );
}
window.SubsidyScreen = SubsidyScreen;
