<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8mb4" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Fiyat Teklifi</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
  <style>
    * {
      box-sizing: border-box;
    }
    body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      background: #fff;
      color: #000;
      padding: 20px;
    }
    .sayfa {
      max-width: 960px;
      margin: 20px auto;
      background: #fff;
      padding: 20px;
      border: 1px solid #ccc;
    }
    .logo img {
      width: 120px;
    }
    .baslik {
      text-align: right;
      font-size: 22px;
      font-weight: bold;
      margin-top: -40px;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
    }
    table td, table th {
      border: 1px solid #000;
      padding: 8px;
      font-size: 13px;
    }
    table th {
      background: #f5f5f5;
    }
    .alt-bilgi {
      margin-top: 20px;
      font-size: 13px;
      color: #333;
      line-height: 1.6;
    }
    .pdf-button {
      display: block;
      margin: 30px auto;
      background: #ff800a;
      border: none;
      padding: 14px 30px;
      font-size: 16px;
      font-weight: bold;
      color: white;
      border-radius: 6px;
      cursor: pointer;
    }
    .kase {
      margin-top: 40px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 20px;
    }
    .kase img {
      max-width: 100%;
      height: auto;
    }
    @media screen and (max-width: 768px) {
      .baslik {
        text-align: left;
        margin-top: 10px;
        font-size: 20px;
      }
      .logo img {
        width: 100px;
      }
      .kase {
        flex-direction: column;
        align-items: flex-start;
      }
    }
    .uyumlu-tablo {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  word-break: break-word;
  font-size: 14px;
}

.uyumlu-tablo td,
.uyumlu-tablo th {
  border: 1px solid black;
  padding: 8px;
  vertical-align: top;
}
  </style>
</head>
<body>
<?php
require_once '../veritabani.php';
$token = $_GET['token'] ?? '';
if (!$token) exit("<div style='color:red;text-align:center;margin-top:50px;font-weight:bold'>Geçersiz bağlantı.</div>");

$sorgu = $pdo->prepare("SELECT * FROM teklifler WHERE token = ?");
$sorgu->execute([$token]);
$teklif = $sorgu->fetch(PDO::FETCH_ASSOC);
if (!$teklif) exit("<div style='color:red;text-align:center;margin-top:50px;font-weight:bold'>Teklif bulunamadı.</div>");

$urun_id = $teklif['urun_id'] ?? 0;
$teklif_tarihi = new DateTime($teklif['tarih'] ?? 'now');
$gecerlilik_tarihi = clone $teklif_tarihi;
$gecerlilik_tarihi->modify('+2 days');

$entegrasyonlar = [];
if ($teklif['ebat']) $entegrasyonlar[] = ["Ebat: " . $teklif['ebat'], 0];
if ($teklif['kabin']) $entegrasyonlar[] = ["Kabin: " . $teklif['kabin'], 100000];
if ($teklif['kafa']) $entegrasyonlar[] = ["Kafa: " . $teklif['kafa'], 60000];
if ($teklif['knife']) $entegrasyonlar[] = ["Knife: " . $teklif['knife'], 75000];
if ($teklif['toz']) $entegrasyonlar[] = ["Toz: " . $teklif['toz'], 15000];
if ($teklif['freze'] && $teklif['freze'] !== 'istemiyorum') $entegrasyonlar[] = ["Freze: " . $teklif['freze'], 0];
if ($teklif['petek'] && $teklif['petek'] !== 'istemiyorum') $entegrasyonlar[] = ["Petek: " . $teklif['petek'], 0];
?>
<div class="sayfa" id="teklifDiv">
  <div class="logo">
    <img src="https://teklif.wanyweb.com/2020.png" alt="Logo">
    <div style="font-size: 13px; margin-top: 10px;"><strong>İHTİYAROĞLU CNC MAKİNE TEKNOLOJİLERİ ÜRETİM VE TEDARİK HİZMETLERİ  LİMİTED ŞİRKETİ  OLARAK TÜM MASAÜSTÜ MODÜLER MAKİNELERİMİZ İLE ONLINE OLARAK KESİNTİSİZ HİZMETİNİZDEYİZ</strong></div>
  </div>
  <div class="baslik">FİYAT TEKLİFİ</div>

  <table class="uyumlu-tablo">
  <tr><td colspan="4"><strong>TEKLİF VEREN (FİRMA):</strong>İhtiyaroğlu CNC Makine Teknolojileri , Üretim ve Tedarik Hizmetleri LTD. ŞTİ., Peyamisafa Mah. 332. Sk. No: 2 Burak Apt Kot: 2 Daire: 5/A Akdere / Mamak - Ankara, Makine Montaj Atölyemiz<strong> +90 533 161 47 53</strong> <strong>destek@zetcarve.com</strong></td></tr>
  <tr><td colspan="4"><strong>TEKLİF VERİLEN (FİRMA - ŞAHIS):</strong> <?= htmlspecialchars($teklif['adsoyad']) ?> - <?= htmlspecialchars($teklif['firma_adi']) ?></td></tr>
  <tr><td><strong>Telefon</strong></td><td><?= htmlspecialchars($teklif['telefon']) ?></td><td><strong>E-Posta</strong></td><td><?= htmlspecialchars($teklif['email']) ?></td></tr>
  <tr><td><strong>Adres</strong></td><td colspan="3"><?= htmlspecialchars($teklif['adres']) ?></td></tr>
  <tr><td><strong>Vergi No</strong></td><td><?= htmlspecialchars($teklif['vergi_no']) ?></td><td><strong>Vergi Dairesi</strong></td><td><?= htmlspecialchars($teklif['vergi_dairesi']) ?></td></tr>
  <tr><td><strong>Teklif Tarihi</strong></td><td><?= $teklif_tarihi->format('d.m.Y') ?></td><td><strong>Son Tarih</strong></td><td><?= $gecerlilik_tarihi->format('d.m.Y') ?></td></tr>
  <tr><td><strong>Satış Uzmanı</strong></td><td colspan="3">Emin Esat Turgun</td></tr>
</table>

  <h3 style="margin-top:30px; color:#000;">ÜRÜN BİLGİLERİ</h3>
  <table>
    <thead>
      <tr>
        <th>Miktar</th>
        <th>Açıklama</th>
        <th>Birim Fiyat</th>
        <th>Toplam</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>1</strong></td>
        <td class="urun-adi" data-urunid="<?= $urun_id ?>">(Yükleniyor...)</td>
        <td><?= number_format($teklif['teklif_tutari'], 2, ',', '.') ?> TL</td>
        <td><?= number_format($teklif['teklif_tutari'], 2, ',', '.') ?> TL</td>
      </tr>
      <?php foreach ($entegrasyonlar as [$aciklama, $fiyat]): ?>
      <tr>
        <td><strong>1</strong></td>
        <td><?= htmlspecialchars($aciklama) ?></td>
        <td><strong><?= number_format($fiyat, 2, ',', '.') ?> TL</strong></td>
        <td><strong><?= number_format($fiyat, 2, ',', '.') ?> TL</strong></td>
      </tr>
      <?php endforeach; ?>
    </tbody>
  </table>
  <p>
      
      
  </p>
<span style="color: green;"><strong>OTOMATİK GÜNCEL KUR</strong></span>
<button onclick="kurYenile()" style="
  background-color: green;
  color: white;
  border: none;
  padding: 6px 14px;
  border-radius: 12px;
  margin-left: 10px;
  cursor: pointer;
  font-weight: bold;
">Yenile</button>

<p id="dolarKarsilik" style="font-size:16px; font-weight:bold; margin-top:15px;">Kur yükleniyor...</p>
<span style="color: red;"><strong>Teklife onay verilecek olduğu ve ödemenin gerçekleştirilecek olduğu an kuru üstteki butona basarak yenileyiniz.</strong></span>
  <div class="alt-bilgi" style="margin-top:40px;">
    <table>
      <tr>
        <td style="text-align:right;" colspan="3"><strong>Ara Toplam (KDV Hariç)</strong></td>
        <td id="araToplam">0,00 TL</td>
      </tr>
      <tr>
        <td style="text-align:right;" colspan="3"><strong>KDV (%20)</strong></td>
        <td id="kdvTutari">0,00 TL</td>
      </tr>
      <tr>
        <td style="text-align:right;" colspan="3"><strong>Genel Toplam (KDV Dahil)</strong></td>
        <td id="genelToplam">0,00 TL</td>
      </tr>
    </table>
  </div>

  

 <div class="kase" style="display: flex; justify-content: space-between; margin-top: 60px;">
  <div style="text-align: left;">
    <strong>Alıcı Kaşe / İmza:</strong><br>
    <div style="width: 280px; height: 180px; border: 1px dashed #999; margin-top: 10px;"></div>
  </div>

  <div style="text-align: right;">
    <strong>Satıcı Kaşe / İmza:</strong><br>
    <img src="https://teklif.wanyweb.com/kases.png" alt="Kaşe" style="height: 300px;">
  </div>
</div>
<div class="sayfa" style="page-break-before: always; background:#fff; color:#000; padding:40px;" id="sozlesmeDiv">
  <h2 style="color:#000; text-align:center; margin-bottom:30px;">
    İHTİYAROĞLU CNC YEDEK PARÇA & HİZMET POLİTİKALARI<br>
    <small style="color:#444;">(FİYAT TEKLİFİNE AİT ÖNEMLİ NOTLAR)</small>
  </h2>

  <ol style="font-size:14px; line-height:1.8;">
    <li>
      <strong>GARANTİ KAPSAMI:</strong><br>
      Yerli üretim CNC yedek parçalarına, kurulum tarihinden itibaren 6 ay ücretsiz garanti uygulanır.<br>
      <em>Kapsam:</em> İmalat hatası, malzeme kusuru veya montaj kaynaklı arızalar.<br>
      <em>Hariçler:</em> Yanlış kullanım, yetkisiz müdahale, doğal afet.
    </li>

    <li>
      <strong>FİYATLANDIRMA VE ÖDEME:</strong><br>
      <u>A) PARA BİRİMİ SEÇENEKLERİ</u><br>
      <table style="width:100%; margin:10px 0; border-collapse:collapse; color:#000;">
        <tr>
          <th style="border:1px solid #000; padding:6px;">Seçenek</th>
          <th style="border:1px solid #000; padding:6px;">Koşullar</th>
        </tr>
        <tr>
          <td style="border:1px solid #000; padding:6px;">USD</td>
          <td style="border:1px solid #000; padding:6px;">
            - Fatura tutarı, kesim anındaki TCMB Efektif Satış Kuru ile TL'ye çevrilir.<br>
            - Kur riski müşteriye aittir.
          </td>
        </tr>
        <tr>
          <td style="border:1px solid #000; padding:6px;">TL (Sabit)</td>
          <td style="border:1px solid #000; padding:6px;">
            - USD tutar, teklif tarihindeki TCMB kuru ile sabitlenir <strong>(2 iş günü geçerli).</strong><br>
            - Süre sonunda kur farkı faturalandırılır.
          </td>
        </tr>
      </table>

      <u>B) ÖDEME KOŞULLARI</u><br>
      Avans: Sipariş onayı için %50 ön ödeme (USD/TL).<br><br>
      <strong>Kabul Edilen Yöntemler:</strong><br>
      USD: SWIFT/LC<br>
      TL: EFT/Havale (Yalnızca Türkiye'deki resmi hesaplarımıza)<br>
      <strong>Gecikme Faizi:</strong> Vadesinde ödenmeyen tutarlar için aylık %5.
    </li>

    <li>
      <strong>STANDART İMALAT SÜRESİ (20 İŞ GÜNÜ):</strong><br>
      Taahhüt: Sipariş onayı + avans sonrası teklifte belirtilen iş günü itibari ile imalata başlanılmaktadır.<br>
      Hariç Tutulanlar: Nakliye, gümrükleme, müşteri onay süreçleri.
    </li>

    <li>
      <strong>OLAĞANÜSTÜ DURUMLAR:</strong><br>
      Kapsam: Tedarik zinciri krizi, doğal afet, enerji kesintisi, devlet müdahalesi.<br>
      Sorumluluk: Firmamız gecikmelerden sorumlu tutulamaz; yazılı bilgilendirme yapılır.
    </li>

    <li>
      <strong>KALİTE BELGELERİ:</strong><br>
      Tüm parçalar ISO 9001 ve TSE standartlarında üretilir.<br>
      
    </li>

    <li>
      <strong>İADE / DEĞİŞİM:</strong><br>
      Koşullar: Tüm Makine modellerimiz sipariş üzerine imal edilmekte olduğundan hiç bir şekilde iadesi yoktur.<br>
      
    </li>

    <li>
      <strong>SORUMLULUK SINIRI:</strong><br>
      Dolaylı zararlar (üretim kaybı, iş gücü kaybı vb.) kapsam dışıdır.
    </li>

    <li>
      <strong>REVİZYON HAKKI:</strong><br>
      Firmamız bu şartları bildirimsiz güncelleme hakkını saklı tutar.
    </li>
  </ol>
</div>
<button class="pdf-button" onclick="indiriHTML()">PDF Olarak İndir</button>

<script>
const tumUrunler = {
  router: [
    { id: 101, ad: "E-Sat M5 Masaüstü CNC Router 50x50" },
    { id: 102, ad: "E-Sat M7 Masaüstü CNC Router 50x50" },
    { id: 103, ad: "ZTC Mill Model 50X50 Masaüstü CNC Router" }
  ],
  lazer: [
    { id: 201, ad: "E-Sat M5 Masaüstü CNC Lazer 50x50" },
    { id: 202, ad: "E-Sat M8 Model 50X50 Masaüstü CNC Lazer" },
    { id: 203, ad: "ZTC M9 Model 50X50 Masaüstü CNC Lazer" }
  ]
};

function urunBul(id) {
  for (const grup of Object.values(tumUrunler)) {
    const urun = grup.find(u => u.id == id);
    if (urun) return urun.ad;
  }
  return "Tanımsız Ürün";
}

function tlToNumber(tlStr) {
  return parseFloat(tlStr.replace(/\./g, '').replace(',', '.').replace(/[^\d.-]/g, '')) || 0;
}

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

function numberToUSD(n, kur) {
  const usd = n / kur;
  return '$' + usd.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
}

document.addEventListener('DOMContentLoaded', () => {
  // Ürün adlarını yerleştir
  document.querySelectorAll('.urun-adi').forEach(el => {
    const id = el.getAttribute('data-urunid');
    el.textContent = urunBul(id);
  });

  // SADECE ikinci tablo olan ürün tablosunun toplamını hesapla
  const urunTablosu = document.querySelectorAll('.sayfa table')[1];
  const fiyatHucres = urunTablosu.querySelectorAll('tbody td:nth-child(4)');

  let toplam = 0;
  fiyatHucres.forEach(el => toplam += tlToNumber(el.textContent));

  const kdv = toplam * 0.20;
  const genel = toplam + kdv;

  document.getElementById('araToplam').textContent = numberToTL(toplam);
  document.getElementById('kdvTutari').textContent = numberToTL(kdv);
  document.getElementById('genelToplam').textContent = numberToTL(genel);

  // KUR VERİSİ ÇEK - Dolar karşılığı göster
  fetch('https://teklif.wanyweb.com/doviz-kuru.php')
    .then(res => res.text())
    .then(kurStr => {
      const kur = parseFloat(kurStr);
      if (!isNaN(kur) && kur > 0) {
        const toplamTL = tlToNumber(document.getElementById('genelToplam').textContent);
        const usdText = numberToUSD(toplamTL, kur);
        document.getElementById('dolarKarsilik').textContent = usdText + ' (' + kur.toFixed(2) + ' ₺/USD)';
      } else {
        document.getElementById('dolarKarsilik').textContent = 'Kur alınamadı';
      }
    })
    .catch(() => {
      document.getElementById('dolarKarsilik').textContent = 'Kur alınamadı';
    });
});


function indiriHTML() {
  const element = document.getElementById('teklifDiv');
  const htmlContent = `
  <!DOCTYPE html>
  <html lang="tr">
  <head>
    <meta charset="UTF-8" />
    <title>Teklif Belgesi</title>
    <style>
      body { font-family: Inter, sans-serif; padding: 20px; color: #000; background: #fff; }
      table { width: 100%; border-collapse: collapse; }
      table, th, td { border: 1px solid #000; padding: 8px; font-size: 13px; }
      .baslik { font-weight: bold; font-size: 22px; text-align: right; }
    </style>
  </head>
  <body>${element.outerHTML}</body>
  </html>
  `;

  const blob = new Blob([htmlContent], { type: 'text/html' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url;
  a.download = 'Teklif-Belgesi.html';
  a.click();
  URL.revokeObjectURL(url);
}


function kurYenile() {
  fetch('https://teklif.wanyweb.com/doviz-kuru.php')
    .then(res => res.text())
    .then(kurStr => {
      const kur = parseFloat(kurStr);
      if (!isNaN(kur) && kur > 0) {
        const toplamTL = tlToNumber(document.getElementById('genelToplam')?.textContent || "0");
        const usdText = numberToUSD(toplamTL, kur);
        document.getElementById('dolarKarsilik').textContent = usdText + ' (' + kur.toFixed(2) + ' ₺/USD)';
      } else {
        document.getElementById('dolarKarsilik').textContent = 'Kur alınamadı';
      }
    })
    .catch(() => {
      document.getElementById('dolarKarsilik').textContent = 'Kur alınamadı';
    });
}

// Sayfa yüklendiğinde kur otomatik yüklensin
window.addEventListener('load', kurYenile);
</script>
</script>
</body>
</html>
