Now let me build the calculator. Since you want a standalone HTML approach, I'll create it as a public HTML file and have the Next.js page serve it via an iframe for seamless preview. Let me build the full calculator with all the algorithm logic.
Now let me create the Next.js page to serve this calculator:
E-Ticaret Kar/Zarar hesaplayiciniz hazir. Ekrandaki goruntulere birebir uygun olarak tasarlandi:
Algoritma:
- Satis Fiyati KDV Dahil = Girilen satis fiyati
- Satis Fiyati KDV Haric = Satis Fiyati / (1 + KDV%)
- Alis Fiyati KDV Haric = Alis Fiyati / (1 + KDV%)
- Komisyon Tutari = Satis Fiyati KDV Dahil x Komisyon%
- Pazarlama/Kargo = Girilen deger / (1 + KDV%) (KDV haric'e cevirir)
- Net Kar/Zarar = Satis KDV Haric - Alis KDV Haric - Komisyon - Pazarlama KDV Haric - Kargo KDV Haric
- Kar/Zarar Marji = (Net Kar / Satis KDV Haric) x 100
- Toplam KDV = max(0, Satis KDV - Alis KDV - Kargo KDV - Pazarlama KDV)
Kategori secildiginde otomatik komisyon orani dolar; KDV butonlari ile hizli secim veya "Diger" ile ozel oran girilebilir. Tamamen responsive olup mobil ve masaustunde duzgun calisir.
Now let me read the remaining part of the file:
Now I have the full context. Let me build a completely redesigned Apple + T-Soft inspired calculator with a clean, minimal, premium aesthetic.
Tasarim tamamen yeniden yapildi. Apple'in minimal, beyaz, temiz estetigi ve T-Soft'un profesyonel e-ticaret cizgileri baz alinarak Inter font ailesi, #f5f5f7 arka plan, #0071e3 mavi aksanlar, yumusak golge ve border-radius: 12px ile premium bir gorunum olusturuldu. KDV butonlari aktifken Apple mavisi, pasifken acik gri; sonuc panelinin alt kisminda #1d1d1f koyu siyah tonuyla kontrast saglandi. Kar durumunda yesil, zarar durumunda kirmizi renk kodlamasi ile net gorunum elde edildi.