function KosgepHesap() {
  const [işçi, setİşçi] = useState(5);
  const [ciro, setCiro] = useState(2000000);
  const [yatırım, setYatırım] = useState(500000);
  const [bölge, setBölge] = useState("1");

  const bölgeYarı = { "1": 1.0, "2": 1.2, "3": 1.5 }[bölge] || 1.0;
  const destekOranı = işçi <= 10 ? 0.60 : işçi <= 50 ? 0.50 : 0.40;
  const maksMaliyet = 500000 * bölgeYarı;
  const destekTutarı = Math.min(yatırım * destekOranı, maksMaliyet);
  const işletmedeğeri = ciro * 0.15;
  const toplamDestek = destekTutarı + işletmedeğeri;

  return (
    <section className="page-section">
      <PageHeader
        icon="🏛️"
        title="KOSGEB Destek Hesaplayıcı"
        subtitle="Girişim ve KOBİ desteklerini simüle edin"
      />
      <div className="grid grid-12">
        <div className="col-4">
          <label>İşçi Sayısı</label>
          <input type="number" value={işçi} onChange={e => setİşçi(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Yıllık Ciro (TL)</label>
          <input type="number" value={ciro} onChange={e => setCiro(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Yatırım Tutarı (TL)</label>
          <input type="number" value={yatırım} onChange={e => setYatırım(+e.target.value)} />
        </div>
      </div>
      <div className="grid grid-12">
        <div className="col-6">
          <label>Bölge Seçimi</label>
          <select value={bölge} onChange={e => setBölge(e.target.value)}>
            <option value="1">Bölge 1 (1.0x)</option>
            <option value="2">Bölge 2 (1.2x)</option>
            <option value="3">Bölge 3 (1.5x)</option>
          </select>
        </div>
      </div>

      <div className="result-band">
        <KpiCard label="Yatırım Desteği" value={fmt(destekTutarı)} />
        <KpiCard label="İşletme Değeri" value={fmt(işletmedeğeri)} />
        <KpiCard label="Toplam Destek" value={fmt(toplamDestek)} />
      </div>

      <table className="data-table">
        <thead>
          <tr>
            <th>Kriterler</th>
            <th>Sizin Değeriniz</th>
            <th>Durum</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>İşçi Sayısı (≤250)</td>
            <td>{işçi}</td>
            <td className={işçi <= 250 ? "green" : "red"}>{işçi <= 250 ? "✓" : "✗"}</td>
          </tr>
          <tr>
            <td>Ciro (≤125M TL)</td>
            <td>{fmt(ciro)}</td>
            <td className={ciro <= 125000000 ? "green" : "red"}>{ciro <= 125000000 ? "✓" : "✗"}</td>
          </tr>
          <tr>
            <td>Destek Oranı</td>
            <td>%{(destekOranı * 100).toFixed(0)}</td>
            <td>ℹ️</td>
          </tr>
        </tbody>
      </table>
    </section>
  );
}

function TurqualitySimu() {
  const [yil, setYil] = useState(2024);
  const [marka, setMarka] = useState("yeni");
  const [dış, setDış] = useState(1500000);
  const [fuar, setFuar] = useState(false);
  const [reklam, setReklam] = useState(false);

  const markaDestek = marka === "yeni" ? 100000 : 150000;
  const dışAktiflik = dış > 1000000 ? dış * 0.20 : dış * 0.15;
  const fuarEkstra = fuar ? 50000 : 0;
  const reklamEkstra = reklam ? 75000 : 0;
  const toplamDestek = markaDestek + dışAktiflik + fuarEkstra + reklamEkstra;

  return (
    <section className="page-section">
      <PageHeader
        icon="🌟"
        title="Turquality Marka Destek Simülatörü"
        subtitle="Turquality desteklerini hesaplayın"
      />
      <div className="grid grid-12">
        <div className="col-4">
          <label>Marka Durumu</label>
          <select value={marka} onChange={e => setMarka(e.target.value)}>
            <option value="yeni">Yeni Marka (0-5 yıl)</option>
            <option value="kurulu">Kurulu Marka (5+ yıl)</option>
          </select>
        </div>
        <div className="col-4">
          <label>Dış Ticaret Cirosu (TL)</label>
          <input type="number" value={dış} onChange={e => setDış(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Yıl</label>
          <input type="number" value={yil} onChange={e => setYil(+e.target.value)} />
        </div>
      </div>
      <div className="grid grid-12">
        <div className="col-6">
          <label>
            <input type="checkbox" checked={fuar} onChange={e => setFuar(e.target.checked)} />
            {" "}Uluslararası Fuar Katılımı
          </label>
        </div>
        <div className="col-6">
          <label>
            <input type="checkbox" checked={reklam} onChange={e => setReklam(e.target.checked)} />
            {" "}Reklam & Tanıtım
          </label>
        </div>
      </div>

      <div className="result-band">
        <KpiCard label="Marka Desteği" value={fmt(markaDestek)} />
        <KpiCard label="Dış Faaliyet Desteği" value={fmt(dışAktiflik)} />
        <KpiCard label="Toplam Destek" value={fmt(toplamDestek)} />
      </div>

      <table className="data-table">
        <thead>
          <tr>
            <th>Destek Kalemi</th>
            <th>Tutar (TL)</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Marka Temel Desteği</td>
            <td>{fmt(markaDestek)}</td>
          </tr>
          <tr>
            <td>Dış Faaliyet Desteği</td>
            <td>{fmt(dışAktiflik)}</td>
          </tr>
          <tr>
            <td>Fuar Katılımı</td>
            <td>{fmt(fuarEkstra)}</td>
          </tr>
          <tr>
            <td>Reklam & Tanıtım</td>
            <td>{fmt(reklamEkstra)}</td>
          </tr>
          <tr style={{fontWeight: "bold"}}>
            <td>Toplam Destek</td>
            <td>{fmt(toplamDestek)}</td>
          </tr>
        </tbody>
      </table>
    </section>
  );
}

function TubitakTesti() {
  const [tür, setTür] = useState("ar-ge");
  const [bütçe, setBütçe] = useState(1000000);
  const [ekip, setEkip] = useState(5);

  const uygunlar = [];
  if (tür === "ar-ge" && bütçe >= 100000) uygunlar.push("TÜBİTAK 1001 - Ar-Ge Projeleri");
  if (tür === "industri" && bütçe >= 200000) uygunlar.push("TÜBİTAK 1002 - Endüstriyel Ar-Ge");
  if (bütçe >= 500000 && ekip >= 3) uygunlar.push("TÜBİTAK 1003 - Yurt İçi Araştırma Destek");
  if (ekip >= 5) uygunlar.push("TÜBİTAK 1004 - Bilim İnsanı Desteği");

  const uygunMu = uygunlar.length > 0;
  const maxDestek = { "ar-ge": 300000, "industri": 1500000, "inovasyon": 500000 }[tür] || 300000;

  return (
    <section className="page-section">
      <PageHeader
        icon="🔬"
        title="TÜBİTAK Uygunluk Testi"
        subtitle="Projeniz hangi TÜBİTAK programına uygun?"
      />
      <div className="grid grid-12">
        <div className="col-4">
          <label>Proje Türü</label>
          <select value={tür} onChange={e => setTür(e.target.value)}>
            <option value="ar-ge">Ar-Ge Projesi</option>
            <option value="industri">Endüstriyel Ar-Ge</option>
            <option value="inovasyon">İnovasyon Desteği</option>
          </select>
        </div>
        <div className="col-4">
          <label>Proje Bütçesi (TL)</label>
          <input type="number" value={bütçe} onChange={e => setBütçe(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Ekip Büyüklüğü</label>
          <input type="number" value={ekip} onChange={e => setEkip(+e.target.value)} min="1" />
        </div>
      </div>

      <div className={`result-band ${uygunMu ? "success" : "warning"}`}>
        <h3>{uygunMu ? "✓ Uygun Programlar Bulundu" : "⚠ Şu anki kriterlerinizde uygun program yok"}</h3>
        <p>Maksimum Destek: <strong>{fmt(maxDestek)}</strong></p>
      </div>

      {uygunlar.length > 0 && (
        <table className="data-table">
          <thead>
            <tr>
              <th>Program</th>
              <th>Durumu</th>
            </tr>
          </thead>
          <tbody>
            {uygunlar.map(p => (
              <tr key={p}>
                <td>{p}</td>
                <td className="green">✓ Uygun</td>
              </tr>
            ))}
          </tbody>
        </table>
      )}

      <div className="info-box">
        <h4>Kontrol Listesi</h4>
        <ul>
          <li>Bütçe minimum gereksinimleri karşılanıyor mu?</li>
          <li>Ekip yeterli deneyime sahip mi?</li>
          <li>Başvuru tarihleri takip ediliyor mu?</li>
        </ul>
      </div>
    </section>
  );
}

function FuarDestekHesap() {
  const [gümrük, setGümrük] = useState(false);
  const [eğit, setEğit] = useState(false);
  const [konaklama, setKonaklama] = useState(true);
  const [katılımSayısı, setKatılımSayısı] = useState(1);
  const [yurtDışı, setYurtDışı] = useState(false);

  const gümrükDestek = gümrük ? 15000 : 0;
  const eğitimDestek = eğit ? 10000 : 0;
  const konaklamaDestek = konaklama ? 5000 * katılımSayısı : 0;
  const uluslararasıEkstra = yurtDışı ? konaklamaDestek * 0.5 : 0;
  const toplamDestek = gümrükDestek + eğitimDestek + konaklamaDestek + uluslararasıEkstra;

  return (
    <section className="page-section">
      <PageHeader
        icon="🎪"
        title="Fuar & Tanıtım Destek Hesaplayıcı"
        subtitle="Fuar katılım desteklerini hesaplayın"
      />
      <div className="grid grid-12">
        <div className="col-6">
          <label>Katılım Sayısı</label>
          <input type="number" value={katılımSayısı} onChange={e => setKatılımSayısı(+e.target.value)} min="1" />
        </div>
      </div>
      <div className="grid grid-12">
        <div className="col-3">
          <label>
            <input type="checkbox" checked={gümrük} onChange={e => setGümrük(e.target.checked)} />
            {" "}Gümrük Harçları
          </label>
        </div>
        <div className="col-3">
          <label>
            <input type="checkbox" checked={eğit} onChange={e => setEğit(e.target.checked)} />
            {" "}Eğitim Desteği
          </label>
        </div>
        <div className="col-3">
          <label>
            <input type="checkbox" checked={konaklama} onChange={e => setKonaklama(e.target.checked)} />
            {" "}Konaklama
          </label>
        </div>
        <div className="col-3">
          <label>
            <input type="checkbox" checked={yurtDışı} onChange={e => setYurtDışı(e.target.checked)} />
            {" "}Yurt Dışı Fuar
          </label>
        </div>
      </div>

      <div className="result-band">
        <KpiCard label="Gümrük Desteği" value={fmt(gümrükDestek)} />
        <KpiCard label="Konaklama Desteği" value={fmt(konaklamaDestek)} />
        <KpiCard label="Toplam Destek" value={fmt(toplamDestek)} />
      </div>

      <table className="data-table">
        <thead>
          <tr>
            <th>Destek Kalemi</th>
            <th>Tutar (TL)</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Gümrük Harçları</td>
            <td>{fmt(gümrükDestek)}</td>
          </tr>
          <tr>
            <td>Eğitim Desteği</td>
            <td>{fmt(eğitimDestek)}</td>
          </tr>
          <tr>
            <td>Konaklama</td>
            <td>{fmt(konaklamaDestek)}</td>
          </tr>
          <tr>
            <td>Uluslararası Ekstra</td>
            <td>{fmt(uluslararasıEkstra)}</td>
          </tr>
          <tr style={{fontWeight: "bold"}}>
            <td>Toplam Destek</td>
            <td>{fmt(toplamDestek)}</td>
          </tr>
        </tbody>
      </table>
    </section>
  );
}

function SerbestBölgeAnaliz() {
  const [tip, setTip] = useState("ihracat");
  const [vergili, setVergili] = useState(500000);
  const [kdv, setKdv] = useState(true);
  const [vergi, setVergi] = useState(true);
  const [gümrük, setGümrük] = useState(true);

  const kdvTasarrufu = kdv ? vergili * 0.18 : 0;
  const vergiTasarrufu = vergi ? vergili * 0.12 : 0;
  const gümrükTasarrufu = gümrük ? vergili * 0.05 : 0;
  const toplamTasarruf = kdvTasarrufu + vergiTasarrufu + gümrükTasarrufu;

  const uygunBölgeler = [
    { ad: "İstanbul Serbest Bölgesi", vergi: "Tam Muafiyet" },
    { ad: "İzmir Serbest Bölgesi", vergi: "%50 İndirim" },
    { ad: "Mersin Serbest Bölgesi", vergi: "Tam Muafiyet" }
  ];

  return (
    <section className="page-section">
      <PageHeader
        icon="🏭"
        title="Serbest Bölge Avantajı Analizi"
        subtitle="Serbest bölge kuruluşunun avantajlarını hesaplayın"
      />
      <div className="grid grid-12">
        <div className="col-4">
          <label>Yıllık Ciro (TL)</label>
          <input type="number" value={vergili} onChange={e => setVergili(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>İşlem Tipi</label>
          <select value={tip} onChange={e => setTip(e.target.value)}>
            <option value="ihracat">İhracat</option>
            <option value="ithalatla">İthalatla İşleme</option>
          </select>
        </div>
      </div>
      <div className="grid grid-12">
        <div className="col-3">
          <label>
            <input type="checkbox" checked={kdv} onChange={e => setKdv(e.target.checked)} />
            {" "}KDV İstisnası
          </label>
        </div>
        <div className="col-3">
          <label>
            <input type="checkbox" checked={vergi} onChange={e => setVergi(e.target.checked)} />
            {" "}Kurumlar Vergisi
          </label>
        </div>
        <div className="col-3">
          <label>
            <input type="checkbox" checked={gümrük} onChange={e => setGümrük(e.target.checked)} />
            {" "}Gümrük Harçları
          </label>
        </div>
      </div>

      <div className="result-band success">
        <h3>Tahmini Yıllık Tasarruf</h3>
        <KpiCard label="KDV Tasarrufu" value={fmt(kdvTasarrufu)} />
        <KpiCard label="Vergi Tasarrufu" value={fmt(vergiTasarrufu)} />
        <KpiCard label="Gümrük Tasarrufu" value={fmt(gümrükTasarrufu)} />
        <h2 style={{marginTop: "1rem", color: "var(--success-color)"}}>Toplam: {fmt(toplamTasarruf)}</h2>
      </div>

      <h4>Uygun Serbest Bölgeler</h4>
      <table className="data-table">
        <thead>
          <tr>
            <th>Bölge</th>
            <th>Vergi Rejimi</th>
            <th>Uygunluk</th>
          </tr>
        </thead>
        <tbody>
          {uygunBölgeler.map(b => (
            <tr key={b.ad}>
              <td>{b.ad}</td>
              <td>{b.vergi}</td>
              <td className="green">✓</td>
            </tr>
          ))}
        </tbody>
      </table>
    </section>
  );
}

function ETicaretDestekFiltreleyici() {
  const [alan, setAlan] = useState("tüm");
  const [büyüklük, setBüyüklük] = useState("tüm");

  const destekler = [
    { ad: "E-Ticaret Platform Desteği", alan: "teknik", büyüklük: "tüm", tutar: 50000 },
    { ad: "Web Sitesi Geliştirme", alan: "tüm", büyüklük: "tüm", tutar: 100000 },
    { ad: "Pazarlama & SEO Desteği", alan: "pazarlama", büyüklük: "tüm", tutar: 75000 },
    { ad: "Lojistik Entegrasyonu", alan: "lojistik", büyüklük: "tüm", tutar: 125000 },
    { ad: "Dış Pazarlara Açılış Desteği", alan: "tüm", büyüklük: "tüm", tutar: 150000 }
  ];

  const filtrelenen = destekler.filter(d =>
    (alan === "tüm" || d.alan === alan || d.alan === "tüm") &&
    (büyüklük === "tüm" || d.büyüklük === büyüklük || d.büyüklük === "tüm")
  );

  const toplamDestek = filtrelenen.reduce((s, d) => s + d.tutar, 0);

  return (
    <section className="page-section">
      <PageHeader
        icon="💻"
        title="E-Ticaret Destek Programları"
        subtitle="Size uygun e-ticaret destek programlarını bulun"
      />
      <div className="grid grid-12">
        <div className="col-6">
          <label>Destek Alanı</label>
          <select value={alan} onChange={e => setAlan(e.target.value)}>
            <option value="tüm">Tümü</option>
            <option value="teknik">Teknik Altyapı</option>
            <option value="pazarlama">Pazarlama</option>
            <option value="lojistik">Lojistik</option>
          </select>
        </div>
        <div className="col-6">
          <label>İşletme Büyüklüğü</label>
          <select value={büyüklük} onChange={e => setBüyüklük(e.target.value)}>
            <option value="tüm">Tümü</option>
            <option value="mikro">Mikro</option>
            <option value="kobi">KOBİ</option>
          </select>
        </div>
      </div>

      <div className="result-band">
        <h3>{filtrelenen.length} Program Bulundu</h3>
        <KpiCard label="Toplam Destek" value={fmt(toplamDestek)} />
      </div>

      <table className="data-table">
        <thead>
          <tr>
            <th>Program Adı</th>
            <th>Destek Tutar (TL)</th>
            <th>Uygunluk</th>
          </tr>
        </thead>
        <tbody>
          {filtrelenen.map(d => (
            <tr key={d.ad}>
              <td>{d.ad}</td>
              <td>{fmt(d.tutar)}</td>
              <td className="green">✓</td>
            </tr>
          ))}
        </tbody>
      </table>
    </section>
  );
}

function ArgeVergiTeşvikiHesap() {
  const [harcama, setHarcama] = useState(1000000);
  const [personel, setPersonel] = useState(500000);
  const [bilgisayar, setBilgisayar] = useState(200000);

  const teşvikOranı = 0.20;
  const harcamaTeşviki = harcama * teşvikOranı;
  const personelTeşviki = personel * 0.15;
  const bilgisayarTeşviki = bilgisayar * 0.25;
  const toplamTeşvik = harcamaTeşviki + personelTeşviki + bilgisayarTeşviki;
  const vergiİndirimi = toplamTeşvik;

  return (
    <section className="page-section">
      <PageHeader
        icon="📊"
        title="R&D Vergi Teşviki Hesaplayıcı"
        subtitle="Ar-Ge vergi teşviklerini hesaplayın"
      />
      <div className="grid grid-12">
        <div className="col-4">
          <label>Ar-Ge Harcamaları (TL)</label>
          <input type="number" value={harcama} onChange={e => setHarcama(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Personel Maliyetleri (TL)</label>
          <input type="number" value={personel} onChange={e => setPersonel(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Bilgisayar & Yazılım (TL)</label>
          <input type="number" value={bilgisayar} onChange={e => setBilgisayar(+e.target.value)} />
        </div>
      </div>

      <div className="result-band">
        <KpiCard label="Toplam Harcama" value={fmt(harcama + personel + bilgisayar)} />
        <KpiCard label="Vergi İndirimi" value={fmt(vergiİndirimi)} />
        <KpiCard label="Tasarruf Oranı" value={(vergiİndirimi / (harcama + personel + bilgisayar) * 100).toFixed(1) + "%"} />
      </div>

      <table className="data-table">
        <thead>
          <tr>
            <th>Harcama Kalemi</th>
            <th>Tutar (TL)</th>
            <th>Teşvik Oranı</th>
            <th>Teşvik Tutarı (TL)</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Ar-Ge Harcamaları</td>
            <td>{fmt(harcama)}</td>
            <td>%20</td>
            <td>{fmt(harcamaTeşviki)}</td>
          </tr>
          <tr>
            <td>Personel Maliyetleri</td>
            <td>{fmt(personel)}</td>
            <td>%15</td>
            <td>{fmt(personelTeşviki)}</td>
          </tr>
          <tr>
            <td>Bilgisayar & Yazılım</td>
            <td>{fmt(bilgisayar)}</td>
            <td>%25</td>
            <td>{fmt(bilgisayarTeşviki)}</td>
          </tr>
          <tr style={{fontWeight: "bold"}}>
            <td colSpan="3">Toplam Vergi İndirimi</td>
            <td>{fmt(vergiİndirimi)}</td>
          </tr>
        </tbody>
      </table>
    </section>
  );
}

function YatırımTeşvikUygunluğu() {
  const [bölge, setBölge] = useState("1");
  const [yatırım, setYatırım] = useState(5000000);
  const [istihdam, setİstihdam] = useState(20);
  const [yerli, setYerli] = useState(true);

  const teşvikOranları = { "1": 0.10, "2": 0.15, "3": 0.20 };
  const oranı = teşvikOranları[bölge] || 0.10;
  const teşvikTutarı = yatırım * oranı;
  const istihdamTeşviki = istihdam * 100000;
  const toplamTeşvik = teşvikTutarı + istihdamTeşviki;

  const uygun = yatırım >= 1000000 && istihdam >= 10;

  return (
    <section className="page-section">
      <PageHeader
        icon="💰"
        title="Yatırım Teşvik Uygunluk Kontrolü"
        subtitle="Yatırım teşviklerine uygun mu kontrol edin"
      />
      <div className="grid grid-12">
        <div className="col-4">
          <label>Yatırım Tutarı (TL)</label>
          <input type="number" value={yatırım} onChange={e => setYatırım(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Yaratılacak İstihdam</label>
          <input type="number" value={istihdam} onChange={e => setİstihdam(+e.target.value)} />
        </div>
        <div className="col-4">
          <label>Bölge (1=Merkez, 3=Geri)</label>
          <select value={bölge} onChange={e => setBölge(e.target.value)}>
            <option value="1">Bölge 1 (%10)</option>
            <option value="2">Bölge 2 (%15)</option>
            <option value="3">Bölge 3 (%20)</option>
          </select>
        </div>
      </div>
      <div className="grid grid-12">
        <div className="col-6">
          <label>
            <input type="checkbox" checked={yerli} onChange={e => setYerli(e.target.checked)} />
            {" "}Yerli Yatırımcı
          </label>
        </div>
      </div>

      <div className={`result-band ${uygun ? "success" : "warning"}`}>
        <h3>{uygun ? "✓ Teşvike Uygun" : "⚠ Şu anki durumda uygun değil"}</h3>
        <KpiCard label="Toplam Teşvik Tutarı" value={fmt(toplamTeşvik)} />
        <p style={{marginTop: "0.5rem"}}>Teşvik Oranı: %{(oranı * 100).toFixed(0)}</p>
      </div>

      <table className="data-table">
        <thead>
          <tr>
            <th>Kriterler</th>
            <th>Sizin Değeriniz</th>
            <th>Gerekli</th>
            <th>Durum</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Minimum Yatırım</td>
            <td>{fmt(yatırım)}</td>
            <td>≥1.000.000 TL</td>
            <td className={yatırım >= 1000000 ? "green" : "red"}>{yatırım >= 1000000 ? "✓" : "✗"}</td>
          </tr>
          <tr>
            <td>İstihdam</td>
            <td>{istihdam}</td>
            <td>≥10 kişi</td>
            <td className={istihdam >= 10 ? "green" : "red"}>{istihdam >= 10 ? "✓" : "✗"}</td>
          </tr>
        </tbody>
      </table>
    </section>
  );
}

function BasvuruTakvimi() {
  const [programa, setPrograma] = useState("kosgeb");

  const takvimler = {
    kosgeb: [
      { dönem: "Bahar (Mart-Mayıs)", açılış: "1 Mart", kapanış: "31 Mayıs", işlem: "2-3 ay" },
      { dönem: "Yaz (Haziran-Ağustos)", açılış: "1 Haziran", kapanış: "31 Ağustos", işlem: "2-3 ay" },
      { dönem: "Güz (Eylül-Kasım)", açılış: "1 Eylül", kapanış: "30 Kasım", işlem: "2-3 ay" }
    ],
    turquality: [
      { dönem: "Yıllık (Ocak-Aralık)", açılış: "Sürekli", kapanış: "31 Aralık", işlem: "1-2 ay" }
    ],
    tubitak: [
      { dönem: "Yıl içi (Tüm yıl)", açılış: "Sürekli", kapanış: "Sürekli", işlem: "4-6 ay" }
    ]
  };

  const seçili = takvimler[programa] || takvimler.kosgeb;

  return (
    <section className="page-section">
      <PageHeader
        icon="📅"
        title="Destek Başvuru Takvimi & Süreci"
        subtitle="Program başvuru tarihlerini takip edin"
      />
      <div className="grid grid-12">
        <div className="col-6">
          <label>Program Seçini</label>
          <select value={programa} onChange={e => setPrograma(e.target.value)}>
            <option value="kosgeb">KOSGEB Desteği</option>
            <option value="turquality">Turquality</option>
            <option value="tubitak">TÜBİTAK</option>
          </select>
        </div>
      </div>

      <table className="data-table">
        <thead>
          <tr>
            <th>Dönem</th>
            <th>Başvuru Açılış</th>
            <th>Kapanış</th>
            <th>İşlem Süresi</th>
          </tr>
        </thead>
        <tbody>
          {seçili.map(t => (
            <tr key={t.dönem}>
              <td>{t.dönem}</td>
              <td>{t.açılış}</td>
              <td>{t.kapanış}</td>
              <td>{t.işlem}</td>
            </tr>
          ))}
        </tbody>
      </table>

      <div className="info-box">
        <h4>Başvuru Adımları</h4>
        <ol>
          <li>Program uygunluğunu kontrol edin</li>
          <li>Gerekli belgeleri hazırlayın</li>
          <li>Online platformda başvuru yapın</li>
          <li>Başvuru sonucunu bekleyin (2-6 ay)</li>
          <li>Destek onaylanırsa sözleşme imzalayın</li>
        </ol>
      </div>
    </section>
  );
}

Object.assign(window, {
  KosgepHesap,
  TurqualitySimu,
  TubitakTesti,
  FuarDestekHesap,
  SerbestBölgeAnaliz,
  ETicaretDestekFiltreleyici,
  ArgeVergiTeşvikiHesap,
  YatırımTeşvikUygunluğu,
  BasvuruTakvimi
});