<div id="currency-ticker">
  <div id="currency-ticker-content">
    Yükleniyor...
  </div>
</div>

<script>
async function fetchRates() {
  try {
    const forexResponse = await fetch('https://api.exchangerate.host/latest?base=TRY&symbols=USD,EUR,GBP,JPY,CHF,CAD,AUD,CNY,RUB,SAR');
    const forexData = await forexResponse.json();
    const forexRates = forexData.rates;

    const cryptoResponse = await fetch('https://api.coingecko.com/api/v3/simple/price?ids=bitcoin,ethereum&vs_currencies=try');
    const cryptoData = await cryptoResponse.json();

    let tickerItems = `
      <span class="ticker-item"><img src="https://flagcdn.com/us.svg" alt="USD">USD: ${(1 / forexRates.USD).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/eu.svg" alt="EUR">EUR: ${(1 / forexRates.EUR).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/gb.svg" alt="GBP">GBP: ${(1 / forexRates.GBP).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/jp.svg" alt="JPY">JPY: ${(1 / forexRates.JPY).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/ch.svg" alt="CHF">CHF: ${(1 / forexRates.CHF).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/ca.svg" alt="CAD">CAD: ${(1 / forexRates.CAD).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/au.svg" alt="AUD">AUD: ${(1 / forexRates.AUD).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/cn.svg" alt="CNY">CNY: ${(1 / forexRates.CNY).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/ru.svg" alt="RUB">RUB: ${(1 / forexRates.RUB).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://flagcdn.com/sa.svg" alt="SAR">SAR: ${(1 / forexRates.SAR).toFixed(4)}</span>
      <span class="ticker-item"><img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png?v=026" alt="BTC">BTC: ${cryptoData.bitcoin.try.toLocaleString('tr-TR')} TRY</span>
      <span class="ticker-item"><img src="https://cryptologos.cc/logos/ethereum-eth-logo.png?v=026" alt="ETH">ETH: ${cryptoData.ethereum.try.toLocaleString('tr-TR')} TRY</span>
    `;

    document.getElementById('currency-ticker-content').innerHTML = tickerItems.repeat(3);
  } catch (error) {
    console.error('Veriler alınamadı:', error);
    document.getElementById('currency-ticker-content').innerHTML = "Veri alınamadı.";
  }
}

fetchRates();
setInterval(fetchRates, 600000);
</script>