const CtaFinal = ({ onSubmit, status, email, setEmail, error, pdfUrl }) => {
  return (
    <>
      <section className="cta-final" data-screen-label="10 CTA final">
        <div className="shell">
          <h2 className="reveal">
            Ton cerveau a besoin<br/>
            d'une <span className="highlight">équipe IA.</span><br/>
            Pas d'une <em>15ᵉ méthode.</em>
          </h2>
          <p className="reveal reveal-delay-1">
            Récupère les 50 prompts maintenant. 2 minutes. 0 €. Zéro engagement.
            On arrête les to-do lists qui te ressemblent pas ✨
          </p>

          <form className="form-row reveal reveal-delay-2" onSubmit={onSubmit}>
            <input
              type="email"
              placeholder="ton@email.com"
              value={email}
              onChange={e => setEmail(e.target.value)}
              disabled={status === 'success'}
            />
            <button type="submit" disabled={status === 'loading' || status === 'success'}>
              {status === 'loading' ? 'Envoi…' : status === 'success' ? '✓ Envoyé' : 'Je récupère mes 50 prompts'}
              <span>→</span>
            </button>
          </form>
          {error && <div className="form-hint"><span className="form-error">⚠ {error}</span></div>}
          {status === 'success' && (
            <div className="form-success" style={{marginTop:16}}>
              🎉 Check ta boîte mail.
              {pdfUrl && (
                <div style={{marginTop:12}}>
                  <a href={pdfUrl} target="_blank" rel="noopener" style={{display:'inline-block',padding:'12px 22px',background:'#1B1840',color:'#FFF8EC',borderRadius:999,fontWeight:800,textDecoration:'none',border:'2px solid #1B1840',boxShadow:'4px 4px 0 0 #FF5A4A'}}>
                    📥 Ou télécharge maintenant
                  </a>
                </div>
              )}
            </div>
          )}
          {status !== 'success' && (
            <div className="form-hint">
              <span className="chip">🔒 RGPD</span>
              <span className="chip">✉️ Zéro spam</span>
              <span className="chip">👋 Unsub 1 clic</span>
            </div>
          )}
        </div>
      </section>

      <footer className="foot">
        <div className="shell">
          <div className="foot-inner">
            <div>© 2026 Damien Margarit · tdah-agents</div>
            <div>
              <a href="#">Mentions légales</a>&nbsp;·&nbsp;
              <a href="#">Contact</a>&nbsp;·&nbsp;
              <a href="#">Unsubscribe</a>
            </div>
          </div>
          <div className="foot-disclaimer">
            Cette ressource n'est pas un outil de diagnostic médical. Pour un bilan TDAH,
            consulte un psychiatre ou neuropsychologue formé au TDAH adulte.
          </div>
        </div>
      </footer>
    </>
  );
};

window.CtaFinal = CtaFinal;