(function () {
  // === Настройки ===
  const API_URL = 'https://avatiah.com/api/latest.php';
  const UPDATE_INTERVAL = 30000; // 30 сек

  // === Получаем параметры из <script> тега ===
  const script = document.currentScript;
  const containerId = script.dataset.container || 'avatiah-pizza-widget';
  const width = script.dataset.width || '100%';
  const height = script.dataset.height || 'auto';
  const theme = script.dataset.theme || 'light'; // 'light' или 'dark'

  // === Создаём контейнер, если его нет ===
  let container = document.getElementById(containerId);
  if (!container) {
    container = document.createElement('div');
    container.id = containerId;
    // Вставляем после скрипта или в конец body
    if (script.parentNode) {
      script.parentNode.insertBefore(container, script.nextSibling);
    } else {
      document.body.appendChild(container);
    }
  }

  // === Применяем стили ===
  const isDark = theme === 'dark';
  const bgColor = isDark ? '#1e293b' : '#ffffff';
  const textColor = isDark ? '#f1f5f9' : '#2c3e50';
  const borderColor = isDark ? '#334155' : '#e2e8f0';
  const accentColor = '#e74c3c';
  const warningColor = '#f39c12';

  container.style.cssText = `
    width: ${width};
    height: ${height};
    background: ${bgColor};
    color: ${textColor};
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border: 1px solid ${borderColor};
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    overflow: hidden;
  `;

  // === Функция рендеринга ===
  function render(data) {
    if (!data || !data.components || !data.components.pizza) {
      container.innerHTML = `<div style="color: ${accentColor};">❌ Нет данных</div>`;
      return;
    }

    const c = data.components.pizza;
    const raw = c.raw || 0;
    const score = c.score || 0;
    const weight = 22.1; // фиксированный вес из методологии

    const impact = (weight / 100 * score).toFixed(2);
    const trend = `📈 В ${raw.toFixed(1)} раза больше обычного`;
    const impactText = `При значении ${raw.toFixed(1)}x добавляет <strong>${impact} балла</strong> к индексу безопасности (${weight}% × ${score.toFixed(1)})<br>
      ⚠️ Порог тревоги: >3.5x = вероятность AAL 3 составляет 89%`;

    container.innerHTML = `
      <div style="display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem;">
        <span style="font-size: 1.5rem;">🍕</span>
        <div>
          <div style="font-weight: bold; font-size: 1.1rem; margin-bottom: 0.25rem;">
            Индекс ночной активности (Пентагон/Белый дом)
          </div>
          <div style="font-size: 0.85rem; opacity: 0.8;">Экстренные публикации в нерабочее время (21:00–06:00 ET)</div>
        </div>
      </div>

      <div style="margin: 1rem 0; padding: 0.75rem; background: ${isDark ? 'rgba(52, 152, 219, 0.1)' : 'rgba(52, 152, 219, 0.05)'}; border-radius: 8px; border-left: 3px solid #3498db;">
        <div style="font-weight: bold; margin-bottom: 0.25rem; color: #3498db;">📖 Простыми словами:</div>
        <div>Это не буквальный подсчёт пиццы, а OSINT-индикатор ночной активности в Белом доме и Пентагоне. Когда высокопоставленные чиновники работают допоздна над кризисами, связанными с Израилем, они публикуют экстренные пресс-релизы и проводят брифинги в нерабочее время.</div>
      </div>

      <div style="display: flex; justify-content: space-between; margin: 1rem 0; padding: 0.75rem; background: ${isDark ? 'rgba(255,255,255,0.05)' : '#f8f9fa'}; border-radius: 8px;">
        <div>
          <div style="font-size: 0.85rem; opacity: 0.7;">Текущее значение:</div>
          <div style="font-size: 1.8rem; font-weight: bold; color: ${accentColor}; margin-top: 0.25rem;">${raw.toFixed(1)}x</div>
        </div>
        <div style="text-align: right; color: ${warningColor}; font-weight: bold;">${trend}</div>
      </div>

      <div style="margin-top: 1rem; padding: 0.75rem; background: ${isDark ? 'rgba(231, 76, 60, 0.1)' : 'rgba(231, 76, 60, 0.05)'}; border-radius: 8px; border-left: 3px solid ${accentColor};">
        <div style="font-weight: bold; color: ${accentColor}; margin-bottom: 0.25rem;">💥 Что это значит для Израиля:</div>
        <div>${impactText}</div>
      </div>

      <div style="margin-top: 1rem; font-size: 0.85rem; opacity: 0.7;">
        Источники: whitehouse.gov, defense.gov, анализ времени публикаций
      </div>
    `;
  }

  // === Загрузка данных ===
  function fetchData() {
    fetch(API_URL)
      .then(res => {
        if (!res.ok) throw new Error('Network error');
        return res.json();
      })
      .then(render)
      .catch(err => {
        console.error('Avatiah Pizza Widget error:', err);
        container.innerHTML = `<div style="color: ${accentColor};">⚠️ Ошибка загрузки данных</div>`;
      });
  }

  // === Запуск ===
  fetchData();
  setInterval(fetchData, UPDATE_INTERVAL);
})();