<?php
// components.php
$page_title = "Компоненты индекса";
require_once 'includes/config.php';
require_once 'includes/functions.php';
?>

<?php include 'includes/header.php'; ?>
<?php include 'includes/navigation.php'; ?>

<div class="components-section">
    <h2 class="component-title">🔍 Все компоненты индекса безопасности</h2>
    <p style="margin-bottom: 2rem; color: #555; font-size: 1.1rem;">
        Детальное описание всех 10 факторов, которые составляют индекс безопасности. Каждый компонент имеет свой вес и методологию расчета.
    </p>
    
    <div class="components-grid">
        <!-- Компонент 1: Индекс ночной активности -->
        <div class="component-card weight-critical" data-id="pizza">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">🍕</span>
                    Индекс ночной активности (Пентагон/Белый дом)
                </div>
                <div class="component-weight">22.1%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Это не буквальный подсчёт пиццы, а OSINT-индикатор ночной активности в Белом доме и Пентагоне. 
                    Когда высокопоставленные чиновники работают допоздна над кризисами, связанными с Израилем, 
                    они публикуют экстренные пресс-релизы и проводят брифинги в нерабочее время. 
                    Чем больше таких событий — тем выше напряжённость.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Что отслеживаем:</strong> Экстренные публикации в Белом доме и Пентагоне с 21:00 до 6:00 (восточное время США)
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="pizza-value">--x</div>
                </div>
                <div class="current-trend" id="pizza-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="pizza-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: whitehouse.gov, defense.gov, анализ времени публикаций
            </div>
        </div>

        <!-- Компонент 2: Волатильность нефти -->
        <div class="component-card weight-high" data-id="oil">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">🛢️</span>
                    Волатильность нефти Brent
                </div>
                <div class="component-weight">17.7%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Когда цена на нефть резко меняется (скачет вверх-вниз), это значит, что рынки ожидают проблем на Ближнем Востоке. Ближний Восток — это основной поставщик нефти в мир, и любой конфликт рядом с Израилем влияет на цены. Чем сильнее скачки цен — тем выше напряжение.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Что отслеживаем:</strong> Колебания цен на нефть марки Brent в течение суток
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="oil-value">--%</div>
                </div>
                <div class="current-trend" id="oil-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="oil-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: Bloomberg, Reuters, ICE Futures
            </div>
        </div>

        <!-- Компонент 3: Медиа-активность -->
        <div class="component-card weight-high" data-id="media">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">📰</span>
                    Медиа-активность об Израиле
                </div>
                <div class="component-weight">13.3%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Подсчитываем, сколько раз мировые СМИ упоминают конфликты с участием Израиля за последний час. Чем больше новостей о напряженности вокруг Израиля — тем выше риск эскалации. Это как барометр общественного внимания к региону.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Что отслеживаем:</strong> Упоминания Израиля в контексте конфликтов в 2,300+ новостных источниках
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="media-value">--/час</div>
                </div>
                <div class="current-trend" id="media-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="media-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: GDELT Project, News API, RSS-агрегаторы, AI-анализ тональности
            </div>
        </div>

        <!-- Остальные 7 компонентов (сокращенно, чтобы не занимать много места) -->
        <!-- Компонент 4: Активность ВМС США -->
        <div class="component-card weight-high" data-id="navy">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">🚢</span>
                    Активность ВМС США у берегов Израиля
                </div>
                <div class="component-weight">10.6%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Отслеживаем количество американских авианосных групп рядом с Израилем. Каждая группа — это огромная военная сила с авианосцем, крейсерами и подводными лодками. Чем больше кораблей США в регионе — тем серьезнее ситуация и тем выше готовность защищать Израиля.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Зоны мониторинга:</strong> Средиземное море, Красное море, Персидский залив (рядом с Израилем)
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="navy-value">-- группы</div>
                </div>
                <div class="current-trend" id="navy-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="navy-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: AIS-данные кораблей, navy.mil, USNI News, спутниковые снимки
            </div>
        </div>

        <!-- Компонент 5: Дипломатические рейсы -->
        <div class="component-card weight-medium" data-id="vip">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">✈️</span>
                    Дипломатические рейсы в Израиль
                </div>
                <div class="component-weight">8.8%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Следим за полетами правительственных самолетов между США, Европой и Израилем. Когда высокопоставленные чиновники срочно летят в Тель-Авив или оттуда — значит идут важные переговоры. Чем больше таких рейсов — тем серьезнее обсуждаемые вопросы.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Маршруты:</strong> Вашингтон ↔ Тель-Авив, Брюссель ↔ Тель-Авив, Париж ↔ Тель-Авив
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="vip-value">-- рейсов</div>
                </div>
                <div class="current-trend" id="vip-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="vip-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: FlightRadar24, ADS-B Exchange, государственные календари
            </div>
        </div>

        <!-- Компонент 6: Активность правительства США -->
        <div class="component-card weight-medium" data-id="gov">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">🏛️</span>
                    Активность правительства США по Израилю
                </div>
                <div class="component-weight">7.1%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Считаем количество срочных заседаний в Белом доме, Пентагоне и Конгрессе США по вопросам Израиля и Ближнего Востока. Чем больше закрытых совещаний о ситуации в Израиле — тем серьезнее американские власти относятся к угрозам.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Что отслеживаем:</strong> Заседания по Израилю в Белом доме, Капитолии, Пентагоне
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="gov-value">-- события</div>
                </div>
                <div class="current-trend" id="gov-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="gov-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: WhiteHouse.gov, Congress.gov, State.gov, пресс-релизы
            </div>
        </div>

        <!-- Компонент 7: Волатильность золота -->
        <div class="component-card weight-medium" data-id="gold">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">💎</span>
                    Волатильность золота
                </div>
                <div class="component-weight">6.2%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Золото — это "защитный актив". Когда люди боятся войны рядом с Израилем, они покупают золото, и цена резко растет. Чем сильнее скачет цена на золото — тем больше инвесторы по всему миру ожидают конфликта в регионе.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Рынки:</strong> COMEX (Нью-Йорк), LBMA (Лондон), Shanghai Gold Exchange
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="gold-value">--%</div>
                </div>
                <div class="current-trend" id="gold-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="gold-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: Bloomberg, Kitco, World Gold Council, CME Group
            </div>
        </div>

        <!-- Компонент 8: Кибератаки -->
        <div class="component-card weight-low" data-id="cyber">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">🔒</span>
                    Кибератаки на Израиль и союзников
                </div>
                <div class="component-weight">4.4%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Отслеживаем количество хакерских атак на критическую инфраструктуру Израиля, США и союзников — банки, энергосистемы, правительственные сайты. Кибервойна часто предшествует настоящей войне. Чем больше атак — тем ближе реальный конфликт.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Цели:</strong> Израиль, США, страны ЕС, Великобритания
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="cyber-value">Уровень --/5</div>
                </div>
                <div class="current-trend" id="cyber-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="cyber-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: US-CERT, ENISA, Threat Intelligence платформы, honeypot сети
            </div>
        </div>

        <!-- Компонент 9: Энергетические рынки -->
        <div class="component-card weight-medium" data-id="energy">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">⚡</span>
                    Энергетические рынки (газ)
                </div>
                <div class="component-weight">5.3%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Ближний Восток — критически важный регион для энергопоставок в мир. Конфликты рядом с Израилем моментально отражаются на ценах газа и электричества. Чем сильнее колебания цен — тем больше рынки ожидают проблем с поставками из-за войны.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Рынки:</strong> TTF (Нидерланды), Henry Hub (США), европейские биржи электроэнергии
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="energy-value">--%</div>
                </div>
                <div class="current-trend" id="energy-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="energy-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: ICE, EEX, Bloomberg Energy, ENTSOG
            </div>
        </div>

        <!-- Компонент 10: Социальные медиа -->
        <div class="component-card weight-medium" data-id="social">
            <div class="component-header">
                <div class="component-name">
                    <span class="component-icon">📱</span>
                    Социальные медиа лидеров
                </div>
                <div class="component-weight">4.4%</div>
            </div>
            <div class="simple-explanation">
                <div class="simple-explanation-title">📖 Простыми словами:</div>
                <div class="simple-explanation-text">
                    Анализируем посты и твиты президентов, премьер-министров, министров обороны Израиля, США, Ирана и других стран региона. Частота постов, тональность (агрессия/примирение), время публикаций — все это показывает уровень напряженности между лидерами.
                </div>
            </div>
            <div class="component-region">
                📍 <strong>Мониторинг:</strong> Нетаньяху, Байден, Хаменеи, Асад, лидеры ХАМАС и Хезболлы
            </div>
            <div class="component-current">
                <div>
                    <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">Текущее значение:</div>
                    <div class="current-value" id="social-value">Уровень --/5</div>
                </div>
                <div class="current-trend" id="social-trend">--</div>
            </div>
            <div class="component-impact">
                <div class="impact-title">💥 Что это значит для Израиля:</div>
                <span id="social-impact">Загрузка...</span>
            </div>
            <div class="component-sources">
                Источники: Twitter/X API, Telegram, sentiment analysis AI
            </div>
        </div>
    </div>
</div>

<?php include 'includes/footer.php'; ?>