(function () {
    // Найти все контейнеры с классом avatiah-security-index
    const containers = document.querySelectorAll('.avatiah-security-index');
    if (containers.length === 0) return;

    // Загрузить стили (если ещё не загружены)
    if (!document.getElementById('avatiah-embed-styles')) {
        const style = document.createElement('style');
        style.id = 'avatiah-embed-styles';
        style.textContent = `
            .avatiah-widget {
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
                background: #0f172a;
                color: #f1f5f9;
                border-radius: 12px;
                padding: 1.2rem;
                box-shadow: 0 4px 20px rgba(0,0,0,0.4);
                max-width: 400px;
                margin: 0 auto;
            }
            .avatiah-header {
                text-align: center;
                margin-bottom: 1rem;
            }
            .avatiah-title {
                font-size: 1.1rem;
                font-weight: 600;
                margin: 0;
                color: #94a3b8;
            }
            .avatiah-value {
                font-size: 2.8rem;
                font-weight: bold;
                text-align: center;
                margin: 0.5rem 0;
                background: linear-gradient(135deg, #ffffff, #e2e8f0);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
            .avatiah-status {
                text-align: center;
                font-weight: bold;
                font-size: 1rem;
                margin-top: 0.5rem;
            }
            .avatiah-status.aal-5 { color: #10b981; }
            .avatiah-status.aal-4 { color: #f59e0b; }
            .avatiah-status.aal-3 { color: #f97316; }
            .avatiah-status.aal-2 { color: #ef4444; }
            .avatiah-status.aal-1 { color: #8b5cf6; }
            .avatiah-footer {
                text-align: center;
                font-size: 0.8rem;
                margin-top: 1rem;
                color: #64748b;
            }
            .avatiah-footer a {
                color: #3b82f6;
                text-decoration: none;
            }
            .avatiah-footer a:hover {
                text-decoration: underline;
            }
            .avatiah-loading {
                text-align: center;
                color: #94a3b8;
                font-style: italic;
            }
        `;
        document.head.appendChild(style);
    }

    // Функция обновления виджета
    async function updateWidget(container) {
        try {
            const res = await fetch('https://avatiah.com/api/latest.php');
            if (!res.ok) throw new Error('API error');
            const data = await res.json();

            const index = parseFloat(data.security_index).toFixed(1);
            const aal = data.aal_level;

            let statusText = "МАКСИМАЛЬНАЯ УГРОЗА (AAL 1)";
            let statusClass = "aal-1";
            if (aal === 5) { statusText = "НОРМА (AAL 5)"; statusClass = "aal-5"; }
            else if (aal === 4) { statusText = "ПОВЫШЕННАЯ (AAL 4)"; statusClass = "aal-4"; }
            else if (aal === 3) { statusText = "ВЫСОКАЯ (AAL 3)"; statusClass = "aal-3"; }
            else if (aal === 2) { statusText = "КРИТИЧЕСКАЯ (AAL 2)"; statusClass = "aal-2"; }

            container.innerHTML = `
                <div class="avatiah-widget">
                    <div class="avatiah-header">
                        <p class="avatiah-title">Avatiah Security Index: Израиль</p>
                    </div>
                    <div class="avatiah-value">${index} / 10</div>
                    <div class="avatiah-status ${statusClass}">${statusText}</div>
                    <div class="avatiah-footer">
                        Обновляется каждые 30 сек • 
                        <a href="https://avatiah.com" target="_blank" rel="noopener">Подробнее</a>
                    </div>
                </div>
            `;
        } catch (e) {
            container.innerHTML = `<div class="avatiah-widget"><div class="avatiah-loading">⚠️ Не удалось загрузить данные</div></div>`;
            console.warn('Avatiah Embed Error:', e);
        }
    }

    // Инициализация всех виджетов
    containers.forEach(container => {
        updateWidget(container);
        // Автообновление каждые 30 секунд
        setInterval(() => updateWidget(container), 30000);
    });
})();