<!doctype html>
<html lang="tr">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  <title>Kredi Hesaplama 2025: İhtiyaç, Konut ve Taşıt Kredisi | Kredim Hazır</title>
  <meta name="description" content="2025 güncel faiz oranlarıyla ihtiyaç, konut, taşıt ve ticari kredi hesaplama aracı. BSMV ve KKDF dahil net ödeme planı ve taksit tutarlarını hemen öğrenin.">
  <meta name="keywords" content="kredi hesaplama, kredi taksit hesaplama, konut kredisi hesaplama, ihtiyaç kredisi faiz oranları, taşıt kredisi, kredi ödeme planı, 2025 kredi faizleri">
  <meta name="robots" content="index, follow">
  <meta name="author" content="Kredim Hazır">
  <meta http-equiv="content-language" content="tr">
  <link rel="canonical" href="https://www.kredimhazir.com">
  
  <meta property="og:locale" content="tr_TR">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.kredimhazir.com/">
  <meta property="og:title" content="Kredi Hesaplama 2025: En Uygun Kredi Seçenekleri">
  <meta property="og:description" content="Güncel banka faiz oranlarıyla anında kredi hesaplaması yapın. Vergiler dahil net sonuçlar.">
  
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://www.kredimhazir.com/">
  <meta property="twitter:title" content="Kredi Hesaplama Aracı - Kredim Hazır">
  <meta property="twitter:description" content="Tüm kredi türleri için detaylı taksit ve faiz hesaplama aracı.">

  <link rel="icon" type="image/png" href="/favicon.png">

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FinancialProduct",
    "name": "Kredim Hazır Hesaplama Aracı",
    "description": "Bireysel ve ticari krediler için faiz, vergi ve taksit hesaplama yazılımı.",
    "brand": {
      "@type": "Brand",
      "name": "Kredim Hazır"
    },
    "offers": {
      "@type": "Offer",
      "price": "0",
      "priceCurrency": "TRY"
    },
    "audience": {
      "@type": "Audience",
      "audienceType": "Kredi Kullanıcıları"
    },
    "inLanguage": "tr-TR"
  }
  </script>

  <script src="/_sdk/element_sdk.js"></script>
  
  <style>
        /* --- TEMEL AYARLAR --- */
        :root {
            --primary: #1e3c72;
            --secondary: #667eea;
            --accent: #764ba2;
            --text-dark: #2c3e50;
            --text-light: #ffffff;
            --bg-light: #f8f9fa;
        }

        body {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
            background-color: #fff;
        }

        * { box-sizing: border-box; }
        
        a { text-decoration: none; color: inherit; }

        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* --- HEADER --- */
        header {
            width: 100%;
            background: linear-gradient(135deg, var(--primary) 0%, #2a5298 100%);
            color: var(--text-light);
            padding: 20px 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .site-title {
            text-align: center;
            font-size: 1.8em;
            font-weight: 700;
            margin: 0;
            letter-spacing: 1px;
        }

        /* --- HERO SECTION --- */
        .hero {
            width: 100%;
            background: linear-gradient(135deg, var(--secondary) 0%, var(--accent) 100%);
            color: var(--text-light);
            padding: 50px 0;
            text-align: center;
        }

        .hero h1 {
            font-size: 2.2em;
            margin: 0 0 10px 0;
            font-weight: 700;
        }

        .hero p {
            font-size: 1.1em;
            margin: 0;
            opacity: 0.95;
            max-width: 800px;
            margin: 0 auto;
        }

        /* --- HESAPLAMA ALANI --- */
        .calculator-section {
            width: 100%;
            background: var(--bg-light);
            padding: 50px 0;
        }

        .calculator-container {
            max-width: 700px;
            margin: 0 auto;
            background: white;
            border-radius: 15px;
            padding: 40px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.15);
            border-top: 5px solid var(--primary);
        }

        .calculator-title {
            text-align: center;
            color: var(--primary);
            font-size: 1.6em;
            margin-bottom: 25px;
            font-weight: 700;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        .input-group { margin-bottom: 15px; }
        .input-group.full-width { grid-column: span 2; }

        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: var(--text-dark);
            font-size: 0.95em;
        }

        select, input[type="number"] {
            width: 100%;
            padding: 14px;
            border: 2px solid #e9ecef;
            border-radius: 8px;
            font-size: 1em;
            background: #f8f9fa;
            color: var(--text-dark);
            transition: all 0.3s ease;
        }

        select:focus, input[type="number"]:focus {
            outline: none;
            border-color: var(--secondary);
            background: white;
            box-shadow: 0 0 0 3px rgba(102,126,234,0.1);
        }

        .calculate-btn {
            width: 100%;
            padding: 16px;
            background: linear-gradient(135deg, var(--primary) 0%, #2a5298 100%);
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 1.1em;
            font-weight: 700;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            margin-top: 10px;
            grid-column: span 2;
        }

        .calculate-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(30,60,114,0.2);
        }

        /* --- SIFIRLA BUTONU --- */
        .reset-btn {
            width: 100%;
            padding: 12px;
            margin-top: 20px;
            background: white;
            border: 2px solid #e9ecef;
            color: #6c757d;
            border-radius: 8px;
            font-size: 1em;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .reset-btn:hover {
            background: var(--bg-light);
            border-color: var(--primary);
            color: var(--primary);
        }

        /* --- SONUÇ ALANI --- */
        .result-container {
            margin-top: 30px;
            display: none;
            animation: slideIn 0.4s ease;
        }
        
        .result-container.show { display: block; }

        .main-result {
            background: linear-gradient(135deg, var(--secondary) 0%, var(--accent) 100%);
            color: white;
            padding: 25px;
            border-radius: 12px;
            text-align: center;
            margin-bottom: 20px;
        }

        .result-details {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .detail-card {
            background: var(--bg-light);
            padding: 15px;
            border-radius: 8px;
            text-align: center;
            border: 1px solid #e9ecef;
        }

        .detail-label { font-size: 0.85em; color: #6c757d; margin-bottom: 5px; }
        .detail-value { font-size: 1.1em; font-weight: 700; color: var(--text-dark); }
        .main-result .label { font-size: 1em; opacity: 0.9; margin-bottom: 5px; }
        .main-result .value { font-size: 2.5em; font-weight: 800; line-height: 1.2; }

        /* --- ÖDEME PLANI TABLOSU CSS (YENİ) --- */
        .payment-plan-wrapper {
            margin-top: 30px;
            border: 1px solid #e9ecef;
            border-radius: 12px;
            overflow: hidden;
            background: white;
        }
        
        .payment-plan-title {
            background: #f1f3f9;
            padding: 15px;
            text-align: center;
            font-weight: 700;
            color: var(--primary);
            border-bottom: 1px solid #e9ecef;
            font-size: 1.2em;
        }

        .table-responsive {
            width: 100%;
            overflow-x: auto;
        }

        .payment-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.95em;
            text-align: center;
        }

        .payment-table th, .payment-table td {
            padding: 12px 10px;
            border-bottom: 1px solid #eee;
        }

        .payment-table th {
            background: #f8f9fa;
            color: #6c757d;
            font-weight: 600;
            white-space: nowrap;
        }

        .payment-table tr:last-child td {
            border-bottom: none;
        }

        .payment-table tr:hover {
            background-color: #fcfcfc;
        }
        /* -------------------------------------- */

        @keyframes slideIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* --- SEO İÇERİK & BLOG ALANI --- */
        .seo-content-section {
            padding: 60px 0;
            background: #fff;
        }
        .seo-article {
            max-width: 800px;
            margin: 0 auto;
        }
        .seo-article h2 { color: var(--primary); font-size: 1.8em; margin-bottom: 20px; }
        .seo-article h3 { color: var(--accent); font-size: 1.4em; margin-top: 30px; margin-bottom: 15px; }
        .seo-article p { margin-bottom: 15px; color: #444; line-height: 1.7; }
        .seo-article ul { margin-bottom: 20px; padding-left: 20px; }
        .seo-article li { margin-bottom: 10px; color: #444; }

        .blog-section {
            background: #f1f3f9; 
            padding: 60px 0;
            border-top: 1px solid #e9ecef;
        }
        .blog-header {
            text-align: center;
            margin-bottom: 40px;
        }
        .blog-header h2 {
            font-size: 2em;
            color: var(--primary);
            margin-bottom: 10px;
        }
        .blog-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
            padding: 30px;
            max-width: 900px;
            margin: 0 auto;
            border-left: 5px solid var(--secondary);
        }
        .blog-meta {
            font-size: 0.9em;
            color: #6c757d;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .blog-tag {
            background: #eef2ff;
            color: var(--secondary);
            padding: 4px 10px;
            border-radius: 15px;
            font-weight: 600;
            font-size: 0.8em;
        }
        .blog-content-body h3 {
            color: var(--primary);
            font-size: 1.3em;
            margin-top: 25px;
            margin-bottom: 10px;
        }
        .blog-content-body p {
            margin-bottom: 15px;
            line-height: 1.8;
            color: #555;
        }
        .blog-highlight {
            background: #fff8e1;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #ffc107;
            margin: 20px 0;
            font-style: italic;
        }

        /* --- FOOTER --- */
        footer {
            width: 100%;
            background: var(--primary);
            color: white;
            padding: 50px 0 20px 0;
            margin-top: auto;
        }

        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 30px;
        }
        
        .footer-section h3 { font-size: 1.2em; margin-bottom: 20px; font-weight: 700; color: white; border-bottom: 2px solid rgba(255,255,255,0.1); padding-bottom: 10px; display: inline-block; }
        .footer-section p { margin-bottom: 10px; opacity: 0.9; font-size: 0.95em; }

        .footer-section ul { list-style: none; padding: 0; margin: 0; }
        .footer-section a { color: rgba(255, 255, 255, 0.85); text-decoration: none; display: block; margin-bottom: 8px; transition: color 0.2s ease, padding-left 0.2s ease; }
        .footer-section a:hover { color: white; padding-left: 5px; }

        .footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); opacity: 0.8; font-size: 0.9em; }

        /* --- RESPONSIVE --- */
        @media (max-width: 768px) {
            .form-grid { grid-template-columns: 1fr; }
            .input-group.full-width { grid-column: span 1; }
            .calculate-btn { grid-column: span 1; }
            .hero h1 { font-size: 1.8em; }
            .calculator-container { padding: 25px 20px; margin: 0 10px; }
            .main-result .value { font-size: 2em; }
            .seo-article { padding: 0 15px; }
            .blog-card { padding: 20px; }
        }
    </style>
  <style>@view-transition { navigation: auto; }</style>
 </head>
 <body>
  <header>
   <div class="container">
    <div style="display: flex; align-items: center; justify-content: center;">
     <h1 class="site-title" id="siteTitle">www.kredimhazir.com</h1>
    </div>
   </div>
  </header>
  
  <main>
      <section class="hero">
       <div class="container">
        <h1 id="heroTitle">Kredi Hesaplama 2025</h1>
        <p id="heroSubtitle">Güncel faiz oranları ve vergiler dahil en doğru kredi hesaplama aracı.</p>
       </div>
      </section>

      <section class="calculator-section" id="hesaplama-araci">
       <div class="container">
        <div class="calculator-container">
         <h2 class="calculator-title" id="calculatorTitle">Kredi Hesaplama Aracı</h2>
         
         <form id="loanForm" class="form-grid">
            <div class="input-group full-width">
                <label for="loanType">Kredi Türü Seçiniz</label>
                <select id="loanType" aria-label="Kredi Türü">
                    <option value="ihtiyac">İhtiyaç Kredisi </option>
                    <option value="konut">Konut Kredisi </option>
                    <option value="tasit">Taşıt Kredisi</option>
                    <option value="ticari">Ticari Kredi</option>
                </select>
            </div>

            <div class="input-group">
                <label for="amount">Kredi Tutarı (TL)</label> 
                <input type="number" id="amount" min="1000" step="500" value="100000" required aria-label="Kredi Tutarı">
            </div>
            
            <div class="input-group">
                <label for="months">Vade Süresi (Ay)</label> 
                <input type="number" id="months" min="1" max="360" value="24" required aria-label="Vade Sayısı">
            </div>
            
            <div class="input-group full-width">
                <label for="rate">Aylık Faiz Oranı (%)</label> 
                <input type="number" id="rate" min="0.01" step="0.01" value="3.50" required aria-label="Faiz Oranı">
                <small style="color:#666; display:block; margin-top:5px; font-size:0.85em;">* Bankanın ilan ettiği aylık akdi faiz oranını giriniz.</small>
            </div>

            <button type="submit" class="calculate-btn">HESAPLA</button>
         </form>

         <div class="result-container" id="resultContainer">
            <div class="main-result">
                <div class="label">Aylık Taksit Tutarı</div>
                <div class="value" id="monthlyResult">0 TL</div>
            </div>
            
            <div class="result-details">
                <div class="detail-card">
                    <div class="detail-label">Toplam Geri Ödeme</div>
                    <div class="detail-value" id="totalResult" style="color:#1e3c72;">0 TL</div>
                </div>
                <div class="detail-card">
                    <div class="detail-label">Toplam Faiz Tutarı</div>
                    <div class="detail-value" id="interestResult" style="color:#e74c3c;">0 TL</div>
                </div>
            </div>

            <div class="payment-plan-wrapper" id="paymentPlan">
                <div class="payment-plan-title">Ödeme Planı (Taksit Tablosu)</div>
                <div class="table-responsive">
                    <table class="payment-table">
                        <thead>
                            <tr>
                                <th>Taksit No</th>
                                <th>Taksit Tutarı</th>
                                <th>Anapara</th>
                                <th>Faiz + Vergi</th>
                                <th>Kalan Anapara</th>
                            </tr>
                        </thead>
                        <tbody id="paymentTableBody">
                            </tbody>
                    </table>
                </div>
            </div>
            <button id="resetBtn" class="reset-btn" type="button">
                <span>↺</span> YENİ HESAPLAMA YAP
            </button>
         </div>

        </div>
       </div>
      </section>

      <section class="seo-content-section">
          <div class="container">
              <article class="seo-article">
                  <h2>Kredi Hesaplama Nasıl Yapılır?</h2>
                  <p>Bankalardan kredi çekerken karşılaşacağınız maliyetleri önceden bilmek bütçe planlaması için hayati önem taşır. <strong>Kredim Hazır hesaplama aracı</strong>, 2025 yılı bankacılık mevzuatına uygun olarak <strong>BSMV (Banka ve Sigorta Muameleleri Vergisi)</strong> ve <strong>KKDF (Kaynak Kullanımını Destekleme Fonu)</strong> oranlarını otomatik hesaplar.</p>
                  
                  <h3>Kredi Türüne Göre Hesaplama Detayları</h3>
                  <ul>
                      <li><strong>İhtiyaç Kredisi:</strong> Genellikle %15 KKDF ve %15 BSMV vergilerine tabidir. Hesaplama aracımız bu oranları faiz oranına ekleyerek net taksidi bulur.</li>
                      <li><strong>Konut Kredisi:</strong> Ev sahibi olmak isteyenler için devlet teşviki kapsamında konut kredileri vergiden (BSMV ve KKDF) muaftır. Bu sayede faiz oranı doğrudan maliyeti yansıtır.</li>
                      <li><strong>Taşıt Kredisi:</strong> Araç alımlarında kullanılan bu kredi türü de ihtiyaç kredisi gibi yasal vergilere tabidir.</li>
                  </ul>
              </article>
          </div>
      </section>

      <section class="blog-section" id="blog">
        <div class="container">
            <div class="blog-header">
                <h2>Finans Blog & Haberler</h2>
                <p>Kredi piyasasındaki son gelişmeler, uzman analizleri ve 2025 öngörüleri.</p>
            </div>

            <article class="blog-card">
                <div class="blog-meta">
                    <span class="blog-tag">Konut Kredisi</span>
                    <span>📅 1 Ocak 2025</span>
                    <span>✍️ Kredim Hazır Editör Masası</span>
                </div>
                
                <h2 style="margin-top:0; color:#1e3c72;">2025 Yılı için Türkiye'deki Konut Kredisi Şartları Neler Olacak?</h2>
                
                <div class="blog-content-body">
                    <p>2024 yılında yaşanan sıkı para politikaları ve yüksek faiz ortamı, konut sektöründe ciddi bir daralmaya neden olmuştu. Peki, <strong>2025 yılında konut kredisi şartları nasıl olacak?</strong> Ev sahibi olmak isteyenleri neler bekliyor? İşte güncel BDDK düzenlemeleri ve piyasa beklentileri ışığında detaylı bir analiz.</p>

                    <h3>1. İkinci Eve Kredi Kısıtlaması Devam Ediyor</h3>
                    <p>BDDK'nın finansal istikrarı korumak amacıyla getirdiği düzenlemeye göre, kendisinin veya eşinin üzerine kayıtlı bir konutu bulunan vatandaşlar, ikinci bir konut almak istediklerinde evin değerinin sadece <strong>%22.5'ine kadar</strong> kredi kullanabiliyorlar. İlk kez ev alacaklar için ise evin enerji sınıfına ve değerine göre %90'a varan kredi imkanı devam ediyor.</p>

                    <div class="blog-highlight">
                        <strong>Önemli Not:</strong> İlk kez ev sahibi olacaklar için devlet destekli ve düşük faizli (örneğin %1.20 bandında) bir kampanya beklentisi 2025 yılı için hala masada. Ancak henüz resmi bir tarih açıklanmadı.
                    </div>

                    <h3>2. Faiz Oranları Düşecek mi?</h3>
                    <p>Merkez Bankası'nın enflasyonla mücadele kapsamında uyguladığı politikalar neticesinde, 2025'in ilk çeyreğinde faiz oranlarının yüksek seyrini koruması bekleniyor. Ancak yılın ikinci yarısından itibaren (Enflasyonun baz etkisiyle düşmesiyle birlikte) kredi faizlerinde kademeli bir gevşeme öngörülüyor. Şu anki piyasa ortalamasında konut kredisi faiz oranları aylık %2.80 ile %3.50 arasında değişmektedir.</p>

                    <h3>3. Enerji Kimlik Belgesi (EKB) Sınıfı Önem Kazanıyor</h3>
                    <p>Yeni dönemde "Yeşil Finansman" kapsamında, alacağınız evin Enerji Kimlik Belgesi sınıfı kredi limitinizi etkiliyor:</p>
                    <ul>
                        <li><strong>A Sınıfı Konutlar:</strong> Ekspertiz değerinin %90'ına kadar kredi.</li>
                        <li><strong>B Sınıfı Konutlar:</strong> Ekspertiz değerinin %85'ine kadar kredi.</li>
                        <li><strong>Diğer Sınıflar:</strong> Kredi kullanım oranları kademeli olarak düşmektedir.</li>
                    </ul>
                </div>
            </article>

        </div>
      </section>

  </main>

  <footer>
   <div class="container">
    <div class="footer-content">
     <div class="footer-section">
      <h3 id="aboutTitle">Hakkımızda</h3>
      <p>Kredimhazır, güncel faiz oranları ve yasal vergi kesintilerini (BSMV/KKDF) dikkate alarak size en doğru ödeme planını sunar. Şeffaf, hızlı ve güvenilir hesaplama.</p>
     </div>
     <div class="footer-section">
      <h3 id="contactTitle">İletişim</h3>
      <p> E-posta: mozipek@yahoo.com</p>
      <p> Telefon: 0 543 768 14 74</p>
      <p> Adres: İstanbul, Türkiye</p>
     </div>
     
     <div class="footer-section">
      <h3>İlgili Hesaplamalar</h3>
      <ul>
        <li><a href="#hesaplama-araci" onclick="selectLoan('ihtiyac')" title="İhtiyaç Kredisi Hesapla">İhtiyaç Kredisi Hesaplama</a></li>
        <li><a href="#hesaplama-araci" onclick="selectLoan('konut')" title="Konut Kredisi Hesapla">Konut Kredisi Hesaplama</a></li>
        <li><a href="#hesaplama-araci" onclick="selectLoan('tasit')" title="Araç Kredisi Hesapla">Taşıt Kredisi Hesaplama</a></li>
        <li><a href="#hesaplama-araci" onclick="selectLoan('ticari')" title="Ticari Kredi Hesapla">Ticari Kredi Hesaplama</a></li>
        <li><a href="#hesaplama-araci" title="Kredi Taksitleri">Kredi Ödeme Planı</a></li>
      </ul>
     </div>

     <div class="footer-section">
      <h3 id="termsTitle">Yasal Uyarı</h3>
      <p>Sitemizde yapılan hesaplamalar bilgilendirme amaçlıdır. Kesin sonuçlar, kredi notunuza ve bankanızın güncel politikalarına göre değişiklik gösterebilir.</p>
      
      <div style="display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.1); padding: 8px 16px; border-radius: 20px; font-size: 0.85em; margin-top: 15px;">
        <span style="font-size: 1.2em;">🔒</span> <span style="font-weight: 600;">Güvenli Bağlantı (SSL)</span>
      </div>
     </div>
    </div>
    <div class="footer-bottom">
     <p>© 2025 Kredim Hazır. Tüm Hakları Saklıdır. | <a href="/sitemap.xml" style="color:rgba(255,255,255,0.6); display:inline;">Site Haritası</a></p>
    </div>
   </div>
  </footer>

  <script>
        // Varsayılan Element SDK Konfigürasyonu
        const defaultConfig = {
            site_title: "www.kredimhazir.com",
            hero_title: "En Uygun Krediyi Bulun",
            hero_subtitle: "Tüm banka oranları ve vergiler dahil net hesaplama.",
            calculator_title: "Kredi Hesaplama Aracı",
            primary_color: "#1e3c72",
            secondary_color: "#667eea",
            accent_color: "#764ba2"
        };
        
        // --- KREDİ HESAPLAMA MOTORU ---
        
        const TAX_RATES = {
            ihtiyac: { bsmv: 0.15, kkdf: 0.15 }, 
            tasit:   { bsmv: 0.15, kkdf: 0.15 }, 
            konut:   { bsmv: 0,    kkdf: 0    }, 
            ticari:  { bsmv: 0.05, kkdf: 0    }
        };

        function formatMoney(amount) {
            return amount.toLocaleString('tr-TR', { 
                minimumFractionDigits: 2, 
                maximumFractionDigits: 2 
            }) + ' TL';
        }

        // TABLO OLUŞTURMA FONKSİYONU
        function createPaymentPlan(amount, months, grossRate, monthlyPayment) {
            const tableBody = document.getElementById('paymentTableBody');
            tableBody.innerHTML = ''; // Önce temizle
            
            let remainingPrincipal = amount;
            let rowsHtml = '';

            for (let i = 1; i <= months; i++) {
                // Aylık Faiz (Vergi Dahil)
                let interestPayment = remainingPrincipal * grossRate;
                
                // Aylık Anapara
                let principalPayment = monthlyPayment - interestPayment;
                
                // Son taksitte ufak kuruş farklarını düzeltmek için
                if (i === months) {
                    principalPayment = remainingPrincipal;
                    monthlyPayment = principalPayment + interestPayment;
                    remainingPrincipal = 0;
                } else {
                    remainingPrincipal -= principalPayment;
                }
                
                // Negatif kontrolü (Güvenlik)
                if (remainingPrincipal < 0) remainingPrincipal = 0;

                rowsHtml += `
                    <tr>
                        <td>${i}</td>
                        <td><strong>${formatMoney(monthlyPayment)}</strong></td>
                        <td>${formatMoney(principalPayment)}</td>
                        <td>${formatMoney(interestPayment)}</td>
                        <td>${formatMoney(remainingPrincipal)}</td>
                    </tr>
                `;
            }
            
            tableBody.innerHTML = rowsHtml;
        }

        document.getElementById('loanForm').addEventListener('submit', function(e) {
            e.preventDefault();
            
            const amount = parseFloat(document.getElementById('amount').value);
            const months = parseInt(document.getElementById('months').value);
            const rawRatePercent = parseFloat(document.getElementById('rate').value);
            const loanType = document.getElementById('loanType').value;

            const taxes = TAX_RATES[loanType] || { bsmv: 0, kkdf: 0 };
            
            const rawRate = rawRatePercent / 100;
            const grossRate = rawRate * (1 + taxes.bsmv + taxes.kkdf);

            let monthlyPayment;
            if (grossRate === 0) {
                monthlyPayment = amount / months;
            } else {
                monthlyPayment = amount * (grossRate * Math.pow(1 + grossRate, months)) / 
                                (Math.pow(1 + grossRate, months) - 1);
            }

            const totalPayment = monthlyPayment * months;
            const totalInterest = totalPayment - amount;

            document.getElementById('monthlyResult').textContent = formatMoney(monthlyPayment);
            document.getElementById('totalResult').textContent = formatMoney(totalPayment);
            document.getElementById('interestResult').textContent = formatMoney(totalInterest);
            
            // Ödeme Planı Tablosunu Oluştur
            createPaymentPlan(amount, months, grossRate, monthlyPayment);

            document.getElementById('resultContainer').classList.add('show');
            
            if(window.innerWidth < 768) {
                document.getElementById('resultContainer').scrollIntoView({ behavior: 'smooth' });
            }
        });

        // --- SIFIRLA VE YENİDEN HESAPLA ---
        document.getElementById('resetBtn').addEventListener('click', function() {
            document.getElementById('resultContainer').classList.remove('show');
            document.getElementById('loanForm').reset();
            document.getElementById('paymentTableBody').innerHTML = ''; // Tabloyu da temizle
            document.querySelector('.calculator-container').scrollIntoView({ behavior: 'smooth', block: 'center' });
        });

        // --- FOOTER LİNKLERİ ---
        function selectLoan(type) {
            const select = document.getElementById('loanType');
            select.value = type;
            select.style.borderColor = "#e74c3c";
            setTimeout(() => { select.style.borderColor = "#e9ecef"; }, 1000);
        }

        // SDK Entegrasyonu
        async function onConfigChange(config) {
            const rootColors = {
                primary: config.primary_color || defaultConfig.primary_color,
                secondary: config.secondary_color || defaultConfig.secondary_color,
                accent: config.accent_color || defaultConfig.accent_color
            };

            document.querySelector('header').style.background = `linear-gradient(135deg, ${rootColors.primary} 0%, ${rootColors.secondary} 100%)`;
            document.querySelector('.hero').style.background = `linear-gradient(135deg, ${rootColors.secondary} 0%, ${rootColors.accent} 100%)`;
            document.querySelector('.calculator-container').style.borderTopColor = rootColors.primary;
            document.querySelector('.calculator-title').style.color = rootColors.primary;
            
            const btn = document.querySelector('.calculate-btn');
            btn.style.background = `linear-gradient(135deg, ${rootColors.primary} 0%, ${rootColors.secondary} 100%)`;
            
            document.querySelector('.main-result').style.background = `linear-gradient(135deg, ${rootColors.secondary} 0%, ${rootColors.accent} 100%)`;
            
            if(config.site_title) document.getElementById('siteTitle').textContent = config.site_title;
            if(config.hero_title) document.getElementById('heroTitle').textContent = config.hero_title;
        }

        if (window.elementSdk) {
            window.elementSdk.init({
                defaultConfig: defaultConfig,
                onConfigChange: onConfigChange,
                mapToCapabilities: (config) => ({
                    recolorables: [
                        { get: () => config.primary_color, set: (v) => { config.primary_color = v; window.elementSdk.setConfig({primary_color:v}) } }
                    ]
                })
            });
        }
    </script>
 </body>
</html>