Forex Factory Calendar API

<!-- Iran Widget Forex Calendar API — Quick Test Version -->
<div id="iranwidget-forex-demo" style="
  max-width: 800px; margin: 20px auto; padding: 25px;
  background: #fff; border-radius: 16px; box-shadow: 0 6px 20px rgba(255,140,0,0.15);
  font-family: 'Vazirmatn', sans-serif; direction: ltr;
  border: 1px solid #ffd5a6;
">
  <h3 style="color: #FF8C00; margin: 0 0 20px 0; font-weight: 700; text-align: left;">
    <img src="https://iranwidget.com/wp-content/uploads/2025/12/logo-widget.png" alt="Iran Widget" style="height: 28px; vertical-align: middle; margin-right: 8px;">
    Forex Economic Calendar
  </h3>
  <div id="iranwidget-forex-status" style="margin-bottom: 20px; color: #555; text-align: left; font-size: 1.1em;">
    Loading economic news...
  </div>
  <div id="iranwidget-forex-sample" style="
    background: #f9f9f9; padding: 15px; border-radius: 12px;
    max-height: 350px; overflow-y: auto;
  "></div>
</div>

<script>
(function() {
  const statusEl = document.getElementById('iranwidget-forex-status');
  const sampleEl = document.getElementById('iranwidget-forex-sample');

  fetch('https://iranwidget.com/api_economic/api.php')
    .then(res => {
      const contentType = res.headers.get('content-type') || '';
      if (!res.ok) throw new Error('Access not authorized');
      if (!contentType.includes('application/json')) throw new Error('Response is not valid');
      return res.json();
    })
    .then(data => {
      if (!Array.isArray(data) || data.length === 0) {
        throw new Error('No news available for display');
      }

      statusEl.innerHTML = '<span style="color:#38a169; font-weight:600;">✅ Connection successful — economic data is available.</span>';

      const sampleNews = data.slice(0, 4);
      let html = '<div style="font-size:0.95em; color:#333;">';

      sampleNews.forEach((item, i) => {
        const title = item.title || item.title_fa || 'No title';
        const date = new Date(item.date);
        const time = date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' });
        const impact = item.impact || '—';

        html += `
          <div style="padding:12px 0; border-bottom:1px dashed #eee; ${i === sampleNews.length - 1 ? 'border:0;' : ''}">
            <strong>${title}</strong><br>
            <small style="color:#666;">
              ${time} — ${item.country} — Impact: <span style="color:${
                impact === 'High' ? '#e53e3e' : 
                impact === 'Medium' ? '#dd6b20' : '#38a169'
              }">${impact}</span>
            </small>
          </div>
        `;
      });

      html += '</div>';
      sampleEl.innerHTML = html;
      sampleEl.style.direction = 'ltr';
    })
    .catch(err => {
      statusEl.innerHTML = `<span style="color:#e53e3e;">❌ Error: ${err.message}</span>`;
      sampleEl.innerHTML = '';
    });
})();
</script>