// E-İhracat araçları — 10 araç

function PazaryeriAnalizoru() {
  const [fiyat, setFiyat] = useState(50);
  const [doviz, setDoviz] = useState("USD");
  const [adet, setAdet] = useState(20);
  const kur = doviz === "USD" ? 38.42 : 43.71;
  const plat = window.IH_DATA?.pazaryeri || [];
  const fmt = n => n.toLocaleString("tr-TR", {maximumFractionDigits:2});
  const hesapla = p => {
    const gelir = fiyat * adet * kur * p.komisyon / 100 * p.odeme / 100;
    return gelir;
  };
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"E-Pazaryeri Analizörü"}]} kicker="E-İHRACAT ARACI" title="E-Pazaryeri Analizörü" lede="5 platform arasında komisyon, işlem ücreti ve FX kaybını karşılaştırın." />
    <section className="section tight"><div className="container">
      <div style={{display:"flex",gap:24,marginBottom:24,flexWrap:"wrap"}}>
        <div><label className="label">Satış fiyatı ({doviz})</label><input type="number" className="input mono" value={fiyat} onChange={e=>setFiyat(+e.target.value||0)} style={{width:120}} /></div>
        <div><label className="label">Döviz</label><div className="tabs" style={{display:"flex"}}>{["USD","EUR"].map(d=><button key={d} className={"tab "+(doviz===d?"active":"")} onClick={()=>setDoviz(d)} style={{flex:1}}>{d}</button>)}</div></div>
        <div><label className="label">Aylık satış (adet)</label><input type="number" className="input mono" value={adet} onChange={e=>setAdet(+e.target.value||0)} style={{width:120}} /></div>
      </div>
      <table className="tbl" style={{fontSize:12}}>
        <thead><tr><th>Platform</th><th className="num">Komisyon</th><th className="num">İşlem Ücreti</th><th className="num">FX</th><th className="num">Toplam Ücret %</th><th className="num">Net Gelir ({doviz})</th></tr></thead>
        <tbody>
          {plat.map(p=>{const toplam = p.komisyon + (p.odeme||p.islem||0) + p.fx; return (
            <tr key={p.id}><td>{p.ad}</td><td className="num">%{p.komisyon}</td><td className="num">%{p.odeme||p.islem||0}</td><td className="num">%{p.fx}</td><td className="num" style={{fontWeight:600}}>%{toplam}</td><td className="num mono" style={{color:"var(--pos)"}}>{fmt((fiyat*adet)*(1-toplam/100))}</td></tr>
          );
          })}
        </tbody>
      </table>
    </div></section>
  </>);
}

function MikroIhracat() {
  const [deger, setDeger] = useState(25000);
  const [agirlik, setAgirlik] = useState(300);
  const uygun = deger <= 30000 && agirlik <= 600;
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"Mikro İhracat Testi"}]} kicker="E-İHRACAT ARACI" title="Mikro İhracat Testi" lede="Gönderi ≤€30.000 ve ≤600 kg limitlerini kontrol edin." />
    <section className="section tight"><div className="container">
      <div className="grid grid-12" style={{gap:32}}><div style={{gridColumn:"span 5"}}>
        <div style={{display:"flex",flexDirection:"column",gap:16}}>
          <div><label className="label">Gönderi değeri (EUR)</label><input type="number" className="input mono" value={deger} onChange={e=>setDeger(+e.target.value||0)} /></div>
          <div><label className="label">Ağırlık (kg)</label><input type="number" className="input mono" value={agirlik} onChange={e=>setAgirlik(+e.target.value||0)} /></div>
        </div>
      </div><div style={{gridColumn:"span 7"}}>
        <div className="result-band"><div className="label">Uygunluk</div><div className="value" style={{color:uygun?"var(--pos)":"var(--neg)"}}>{uygun?"✓ UYGUN":"✗ UYGUN DEĞİL"}</div><div className="sub">Limit: €30K & 600 kg</div></div>
        {uygun && <div style={{marginTop:16,padding:12,background:"var(--paper-2)",borderLeft:"3px solid var(--pos)"}}>Mikro ihracat prosedürü (ETGB) kullanabilirsiniz. Gümrük işlemleri basitleşir.</div>}
        {!uygun && <div style={{marginTop:16,padding:12,background:"var(--paper-2)",borderLeft:"3px solid var(--neg)"}}>Standart ihracat prosedürü (normal beyanname) gereklidir.</div>}
      </div></div>
    </div></section>
  </>);
}

function KargoKarsilastir() {
  const [agirlik, setAgirlik] = useState(2);
  const [bolge, setBolge] = useState("EU");
  const kargo = window.IH_DATA?.kargo || [];
  const fmt = n => n.toLocaleString("tr-TR", {maximumFractionDigits:2});
  const hesapla = k => (k.base + k.per_kg * agirlik + agirlik * k.yakit / 100).toFixed(2);
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"Kargo Ücret Karşılaştırıcı"}]} kicker="E-İHRACAT ARACI" title="Kargo Ücret Karşılaştırıcı" lede="5 uluslararası kargo şirketinin tahmini ücretlerini karşılaştırın (USD)." />
    <section className="section tight"><div className="container">
      <div style={{display:"flex",gap:24,marginBottom:24}}>
        <div><label className="label">Ağırlık (kg)</label><input type="number" className="input mono" value={agirlik} onChange={e=>setAgirlik(+e.target.value||0)} style={{width:100}} /></div>
        <div><label className="label">Varış</label><div className="tabs" style={{display:"flex"}}>{[["EU","AB"],["US","ABD"],["ME","Körfez"]].map(([v,l])=><button key={v} className={"tab "+(bolge===v?"active":"")} onClick={()=>setBolge(v)} style={{flex:1}}>{l}</button>)}</div></div>
      </div>
      <table className="tbl" style={{fontSize:12}}>
        <thead><tr><th>Şirket</th><th className="num">Tahrif (USD)</th><th className="num">Transit</th></tr></thead>
        <tbody>
          {kargo.map(k=>{const transit = bolge==="EU"?k.transit_ab:bolge==="US"?k.transit_abd:k.transit_me; return (
            <tr key={k.id}><td>{k.ad}</td><td className="num mono">${hesapla(k)}</td><td style={{fontSize:11}}>{transit}</td></tr>
          );
          })}
        </tbody>
      </table>
    </div></section>
  </>);
}

function ETGBMaliyet() {
  const [deger, setDeger] = useState(25000);
  const [agirlik, setAgirlik] = useState(300);
  const uygun = deger <= 30000 && agirlik <= 600;
  const etgb_ucret = 350;
  const normal_ucret = 850;
  const tasarruf = normal_ucret - etgb_ucret;
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"ETGB Maliyet Hesaplayıcı"}]} kicker="E-İHRACAT ARACI" title="ETGB Maliyet Hesaplayıcı" lede="Basitleştirilmiş gümrük (ETGB) vs. normal beyanname maliyetini karşılaştırın." />
    <section className="section tight"><div className="container">
      <div className="grid grid-12" style={{gap:32}}><div style={{gridColumn:"span 5"}}>
        <div style={{display:"flex",flexDirection:"column",gap:16}}>
          <div><label className="label">Gönderi değeri (EUR)</label><input type="number" className="input mono" value={deger} onChange={e=>setDeger(+e.target.value||0)} /></div>
          <div><label className="label">Ağırlık (kg)</label><input type="number" className="input mono" value={agirlik} onChange={e=>setAgirlik(+e.target.value||0)} /></div>
        </div>
      </div><div style={{gridColumn:"span 7"}}>
        {uygun && (<div style={{padding:16,background:"var(--paper-2)",borderLeft:"4px solid var(--pos)"}}>
          <div className="h-3">ETGB Kullanabilir</div>
          <table className="tbl" style={{marginTop:12,fontSize:12}}>
            <tbody>
              <tr><td>ETGB Gümrük Müşavir Ücreti</td><td className="num mono" style={{color:"var(--pos)"}}>≈₺{etgb_ucret}</td></tr>
              <tr><td>Normal İhracat Beyannamesi</td><td className="num mono" style={{color:"var(--neg)"}}>≈₺{normal_ucret}</td></tr>
              <tr style={{fontWeight:600}}><td>Tasarruf</td><td className="num mono" style={{color:"var(--pos)"}}>₺{tasarruf}</td></tr>
            </tbody>
          </table>
        </div>)}
        {!uygun && <div style={{padding:16,background:"var(--paper-2)",borderLeft:"4px solid var(--neg)"}}>Standart ihracat prosedürü gereklidir. Limit aşılmıştır.</div>}
      </div></div>
    </div></section>
  </>);
}

function PlatformUygunluk() {
  const [urunTipi, setUrunTipi] = useState("handmade");
  const [hedef, setHedef] = useState("global");
  const oneriler = {
    handmade_global: ["Etsy (ideal)", "Amazon Handmade", "eBay"],
    handmade_us: ["Etsy", "Amazon Handmade", "Shopify"],
    mass_global: ["Alibaba", "Amazon FBA", "eBay"],
    mass_us: ["Amazon FBA", "eBay", "Walmart"],
    b2b_global: ["Alibaba B2B", "TradeKey", "Global Sources"],
    digital_global: ["Gumroad", "Etsy", "Shopify"],
  };
  const key = `${urunTipi}_${hedef}`;
  const oneri = oneriler[key] || [];
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"Platform Uygunluk Testi"}]} kicker="E-İHRACAT ARACI" title="Platform Uygunluk Testi" lede="Ürün türü ve hedef pazara göre en uygun platformları öneririz." />
    <section className="section tight"><div className="container">
      <div style={{display:"flex",gap:24,marginBottom:24,flexWrap:"wrap"}}>
        <div><label className="label">Ürün tipi</label><select className="select" value={urunTipi} onChange={e=>setUrunTipi(e.target.value)}><option value="handmade">Handmade/Sanat Eseri</option><option value="mass">Toplu Üretim</option><option value="b2b">B2B/Teknik</option><option value="digital">Dijital Ürün</option></select></div>
        <div><label className="label">Hedef pazar</label><select className="select" value={hedef} onChange={e=>setHedef(e.target.value)}><option value="global">Global</option><option value="us">ABD</option></select></div>
      </div>
      <div className="grid grid-3" style={{gap:16}}>
        {oneri.map((p,i)=><div key={i} style={{padding:16,background:"var(--paper-2)",borderTop:"3px solid var(--accent)"}}><div className="h-3">{i+1}. {p}</div></div>)}
      </div>
    </div></section>
  </>);
}

function DijitalVergi() {
  const [fiyat, setFiyat] = useState(100);
  const [doviz, setDoviz] = useState("USD");
  const [pazar, setPazar] = useState("EU");
  const oranlar = {EU:21, UK:20, US:8.5};
  const kur = doviz==="USD"?38.42:43.71;
  const vergi = fiyat * oranlar[pazar] / 100 * kur;
  const net = fiyat * kur - vergi;
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"Dijital Vergi Hesaplayıcı"}]} kicker="E-İHRACAT ARACI" title="EU/UK/USA Dijital Vergi Hesaplayıcı" lede="Pazara göre KDV/Vergi yükünü hesaplayın." />
    <section className="section tight"><div className="container">
      <div style={{display:"flex",gap:24,marginBottom:24}}>
        <div><label className="label">Satış fiyatı ({doviz})</label><input type="number" className="input mono" value={fiyat} onChange={e=>setFiyat(+e.target.value||0)} style={{width:100}} /></div>
        <div><label className="label">Pazar</label><select className="select" value={pazar} onChange={e=>setPazar(e.target.value)} style={{width:120}}><option value="EU">AB (OSS %21)</option><option value="UK">UK (%20)</option><option value="US">USA (~%8.5 ort.)</option></select></div>
      </div>
      <div className="grid grid-3" style={{gap:16}}>
        <div className="kpi"><div className="kpi-label">VERGİ (TL)</div><div className="kpi-value">₺{vergi.toFixed(0)}</div></div>
        <div className="kpi"><div className="kpi-label">KUR ETKISI</div><div className="kpi-value">{kur.toFixed(2)} TRY/{doviz}</div></div>
        <div className="kpi"><div className="kpi-label">NET GELİR (TL)</div><div className="kpi-value" style={{color:"var(--pos)"}}>₺{net.toFixed(0)}</div></div>
      </div>
    </div></section>
  </>);
}

function EIhracatKdv() {
  const [platform, setPlatform] = useState("etgb");
  const [deger, setDeger] = useState(20000);
  const uygun = deger <= 30000;
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"E-İhracat KDV"}]} kicker="E-İHRACAT ARACI" title="E-İhracat KDV İstisnası Kontrol" lede="Gönderi tipi ve değerine göre KDV istisnası uygunluğunu kontrol edin." />
    <section className="section tight"><div className="container">
      <div className="grid grid-12" style={{gap:24}}><div style={{gridColumn:"span 5"}}>
        <div><label className="label">Platform/Yöntem</label><select className="select" value={platform} onChange={e=>setPlatform(e.target.value)}><option value="etgb">ETGB (Basitleştirilmiş)</option><option value="kargo">Uluslararası Kargo</option><option value="acenta">Sanal Acenta (Arabulucu)</option></select></div>
        <div style={{marginTop:16}}><label className="label">Gönderi değeri (EUR)</label><input type="number" className="input mono" value={deger} onChange={e=>setDeger(+e.target.value||0)} /></div>
      </div><div style={{gridColumn:"span 7"}}>
        {uygun && <div style={{padding:16,background:"var(--paper-2)",borderLeft:"4px solid var(--pos)"}}><div className="h-3">✓ KDV İstisnaı Uygulanabilir</div><div style={{marginTop:8,fontSize:13}}>€30.000 altında olan gönderi KDV'den muaftır. Gerekli belgeler: Fatura, konşimento, gümrük belgesi.</div></div>}
        {!uygun && <div style={{padding:16,background:"var(--paper-2)",borderLeft:"4px solid var(--neg)"}}><div className="h-3">✗ KDV Geçerli</div><div style={{marginTop:8,fontSize:13}}>€30.000 üstü gönderilerde alıcı ülkenin KDV'si uygulanır (AB %20 ort., USA ~%8).</div></div>}
      </div></div>
    </div></section>
  </>);
}

function IadeMaliyet() {
  const [adet, setAdet] = useState(100);
  const [iadeOrani, setIadeOrani] = useState(5);
  const [urunDegeri, setUrunDegeri] = useState(50);
  const [iadeKargoUSD, setIadeKargoUSD] = useState(15);
  const iadeAdet = (adet * iadeOrani / 100) | 0;
  const toplamMaliyet = iadeAdet * (urunDegeri + iadeKargoUSD) * 38.42;
  const aylikMaliyet = toplamMaliyet;
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"İade Maliyet Analizi"}]} kicker="E-İHRACAT ARACI" title="İade Maliyet Analizi" lede="Aylık satışlardan kaynaklanan iade maliyetini hesaplayın." />
    <section className="section tight"><div className="container">
      <div className="grid grid-12" style={{gap:24}}>
        <div style={{gridColumn:"span 5"}}>
          <div style={{display:"flex",flexDirection:"column",gap:12}}>
            <div><label className="label">Aylık satış (adet)</label><input type="number" className="input mono" value={adet} onChange={e=>setAdet(+e.target.value||0)} /></div>
            <div><label className="label">İade oranı (%)</label><input type="number" step="0.5" className="input mono" value={iadeOrani} onChange={e=>setIadeOrani(+e.target.value||0)} /></div>
            <div><label className="label">Ürün değeri (USD/adet)</label><input type="number" className="input mono" value={urunDegeri} onChange={e=>setUrunDegeri(+e.target.value||0)} /></div>
            <div><label className="label">İade kargo (USD/adet)</label><input type="number" className="input mono" value={iadeKargoUSD} onChange={e=>setIadeKargoUSD(+e.target.value||0)} /></div>
          </div>
        </div>
        <div style={{gridColumn:"span 7"}}>
          <div className="result-band"><div className="label">Aylık toplam iade maliyeti</div><div className="value">₺{aylikMaliyet.toLocaleString("tr-TR",{maximumFractionDigits:0})}</div><div className="sub">İade sayısı: {iadeAdet} adet/ay</div></div>
          <div style={{marginTop:16,padding:12,background:"var(--paper-2)",borderLeft:"3px solid var(--warn)"}}>Impact: Kârlılığın %{adet>0?(aylikMaliyet/(adet*urunDegeri*38.42)*100).toFixed(1):0} kaybı</div>
        </div>
      </div>
    </div></section>
  </>);
}

function PlatformFX() {
  const [aylikSatis, setAylikSatis] = useState(5000);
  const [doviz, setDoviz] = useState("USD");
  const platformlar = {USD:[{p:"Amazon",oran:3.5},{p:"eBay",oran:2.7},{p:"Paypal",oran:3.5},{p:"Wise",oran:0.5}],EUR:[{p:"Etsy",oran:5.5},{p:"Wise",oran:0.6},{p:"Payoneer",oran:2}]};
  const plat = platformlar[doviz] || [];
  const kur = doviz==="USD"?38.42:43.71;
  const toplam = aylikSatis * kur;
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"Platform FX"}]} kicker="E-İHRACAT ARACI" title="Platform FX Kaybı Analizi" lede="Platform ve ödeme yöntemine göre döviz çevirme kaybını görün." />
    <section className="section tight"><div className="container">
      <div style={{display:"flex",gap:24,marginBottom:24}}>
        <div><label className="label">Aylık satış ({doviz})</label><input type="number" className="input mono" value={aylikSatis} onChange={e=>setAylikSatis(+e.target.value||0)} style={{width:120}} /></div>
        <div><label className="label">Para birimi</label><div className="tabs" style={{display:"flex"}}>{["USD","EUR"].map(d=><button key={d} className={"tab "+(doviz===d?"active":"")} onClick={()=>setDoviz(d)} style={{flex:1}}>{d}</button>)}</div></div>
      </div>
      <table className="tbl" style={{fontSize:12}}>
        <thead><tr><th>Platform</th><th className="num">FX Oranı</th><th className="num">Kayıp (TL)</th><th className="num">Net Alım (TL)</th></tr></thead>
        <tbody>
          {plat.map((plt,i)=>{const kayip=toplam*plt.oran/100; return (
            <tr key={i} style={i===plat.length-1?{fontWeight:600,background:"var(--paper-2)"}:{}}><td>{plt.p}</td><td className="num">%{plt.oran}</td><td className="num mono" style={{color:"var(--neg)"}}>₺{kayip.toFixed(0)}</td><td className="num mono" style={{color:"var(--pos)"}}>₺{(toplam-kayip).toFixed(0)}</td></tr>
          );
          })}
        </tbody>
      </table>
    </div></section>
  </>);
}

function EIhracatKarlilik() {
  const [maliyet, setMaliyet] = useState(15);
  const [fiyat, setFiyat] = useState(50);
  const [platform, setPlatform] = useState("etsy");
  const platformUcretleri = {amazon:15+3.22, etsy:6.5+0.2+3, ebay:12.9+0.3+2.7, trendyol:12+2, alibaba:5+3};
  const ucret = platformUcretleri[platform] || 12;
  const kargo = 10;
  const iade = (ucret + kargo) * 0.05;
  const toplamUcret = ucret + kargo + iade;
  const kar = fiyat - maliyet - (toplamUcret * fiyat / 100);
  const marj = fiyat > 0 ? (kar / fiyat) * 100 : 0;
  return (<>
    <PageHeader crumbs={[{label:"ihracathub",to:""},{label:"Araçlar",to:"araclar"},{label:"E-İhracat Kârlılık"}]} kicker="E-İHRACAT ARACI" title="E-İhracat Kârlılık Simülatörü" lede="Tüm maliyetleri (komisyon, kargo, iade, FX) dikkate alarak net marjı hesaplayın." />
    <section className="section tight"><div className="container">
      <div className="grid grid-12" style={{gap:24}}>
        <div style={{gridColumn:"span 5"}}>
          <div style={{display:"flex",flexDirection:"column",gap:12}}>
            <div><label className="label">Birim üretim maliyeti (USD)</label><input type="number" className="input mono" value={maliyet} onChange={e=>setMaliyet(+e.target.value||0)} /></div>
            <div><label className="label">Satış fiyatı (USD)</label><input type="number" className="input mono" value={fiyat} onChange={e=>setFiyat(+e.target.value||0)} /></div>
            <div><label className="label">Platform</label><select className="select" value={platform} onChange={e=>setPlatform(e.target.value)}><option value="amazon">Amazon FBA</option><option value="etsy">Etsy</option><option value="ebay">eBay</option><option value="trendyol">Trendyol Int.</option><option value="alibaba">Alibaba</option></select></div>
          </div>
        </div>
        <div style={{gridColumn:"span 7"}}>
          <div className="result-band"><div className="label">Net kâr (USD/adet)</div><div className="value" style={{color:kar>0?"var(--pos)":"var(--neg)"}}>${kar.toFixed(2)}</div><div className="sub">Net marj: {marj.toFixed(1)}%</div></div>
          <table className="tbl" style={{marginTop:16,fontSize:12}}>
            <tbody>
              <tr><td>Satış fiyatı</td><td className="num mono">USD ${fiyat}</td></tr>
              <tr><td>Birim maliyet</td><td className="num mono" style={{color:"var(--neg)"}}>−${maliyet}</td></tr>
              <tr><td>Platform ücret (%)</td><td className="num mono" style={{color:"var(--neg)"}}>−${(fiyat*ucret/100).toFixed(2)}</td></tr>
              <tr><td>Kargo</td><td className="num mono" style={{color:"var(--neg)"}}>−${kargo}</td></tr>
              <tr><td>İade riski</td><td className="num mono" style={{color:"var(--neg)"}}>−${iade.toFixed(2)}</td></tr>
              <tr style={{fontWeight:600}}><td>Net kâr</td><td className="num mono" style={{color:kar>0?"var(--pos)":"var(--neg)"}}>USD ${kar.toFixed(2)}</td></tr>
            </tbody>
          </table>
        </div>
      </div>
    </div></section>
  </>);
}

Object.assign(window, { PazaryeriAnalizoru, MikroIhracat, KargoKarsilastir, ETGBMaliyet, PlatformUygunluk, DijitalVergi, EIhracatKdv, IadeMaliyet, PlatformFX, EIhracatKarlilik });