<?php
header('Content-Type: text/html; charset=utf-8');
$page_title = "Социальные медиа лидеров";
$factor_id = "social";
$factor_name = "Социальные медиа лидеров";
$factor_weight = "4.4%";

$api_data = null;
try {
    $api_response = file_get_contents('https://' . $_SERVER['HTTP_HOST'] . '/api/latest.php');
    $api_data = json_decode($api_response, true);
} catch (Exception $e) {
    $api_data = null;
}

$raw_level = $api_data['components'][$factor_id]['raw'] ?? null;
$current_level = is_numeric($raw_level) ? max(1, min(5, (int)$raw_level)) : 3;

function getSocialScore($level) {
    return round($level * 1.7, 1); // 1→1.7, 3→5.1, 5→8.5
}

$current_score = $api_data['components'][$factor_id]['score'] ?? getSocialScore($current_level);
$last_update = $api_data['timestamp'] ?? date('Y-m-d H:i:s');

$threat_color = match($current_level) {
    1 => '#27ae60',
    2 => '#f39c12',
    3 => '#e67e22',
    4 => '#e74c3c',
    5 => '#c0392b',
    default => '#95a5a6'
};

$leader_activity = [
    [
        'leader' => 'Биньямин Нетаньяху',
        'platform' => 'Telegram',
        'posts_24h' => 4,
        'sentiment' => 'Агрессивный',
        'key_topics' => ['Безопасность', 'Иран', 'Победа'],
        'engagement' => 'Высокое'
    ],
    [
        'leader' => 'Джо Байден', 
        'platform' => 'Twitter/X',
        'posts_24h' => 2,
        'sentiment' => 'Поддерживающий',
        'key_topics' => ['Поддержка Израиля', 'Сдерживание'],
        'engagement' => 'Среднее'
    ],
    [
        'leader' => 'Али Хаменеи',
        'platform' => 'Официальный сайт',
        'posts_24h' => 3,
        'sentiment' => 'Угрожающий',
        'key_topics' => ['Сопротивление', 'Палестина'],
        'engagement' => 'Высокое'
    ]
];

$sentiment_analysis = [
    ['period' => '24 часа', 'positive' => '25%', 'negative' => '55%', 'neutral' => '20%'],
    ['period' => '7 дней', 'positive' => '30%', 'negative' => '45%', 'neutral' => '25%'],
    ['period' => '30 дней', 'positive' => '35%', 'negative' => '40%', 'neutral' => '25%']
];
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $page_title ?> - Avatiah Security Index</title>
    <style>
        <?php include 'factors.css'; ?>
        
        .leaders-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 1.5rem;
            margin: 1.5rem 0;
        }
        .leader-card {
            background: white;
            border-radius: 12px;
            padding: 1.5rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border-left: 5px solid <?= $threat_color ?>;
        }
        .leader-card.negative {
            background: linear-gradient(135deg, #fff, #ffeaea);
        }
        .leader-name {
            font-size: 1.3rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }
        .sentiment-badge {
            display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: bold;
            margin-bottom: 1rem;
            color: white;
            background: <?= $threat_color ?>;
        }
        .topics-list {
            background: #f8f9fa;
            padding: 0.8rem;
            border-radius: 6px;
            margin-top: 0.5rem;
        }
        .topic-item {
            padding: 0.2rem 0;
            font-size: 0.9rem;
        }
        .sentiment-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
            margin: 1rem 0;
        }
        .sentiment-card {
            background: white;
            padding: 1rem;
            border-radius: 8px;
            text-align: center;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
        }
        .current-value-card {
            background: linear-gradient(135deg, <?= $threat_color ?>, <?= $threat_color ?>dd);
            color: white;
            padding: 2rem;
            border-radius: 12px;
            text-align: center;
            margin: 1.5rem 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1><?= $page_title ?></h1>
            <p class="subtitle">Мониторинг социальных сетей ключевых лидеров</p>
            <a href="/" class="back-button">← Назад</a>
        </div>

        <div class="content-grid">
            <div class="main-content">
                <div class="current-value-card">
                    <div class="value-label">Уровень активности в соцсетях</div>
                    <div class="current-value" style="font-size: 4rem; margin: 1rem 0;">Уровень <?= $current_level ?>/5</div>
                    <div class="value-label">Вклад: <?= number_format($current_score, 1) ?>/10</div>
                </div>

                <div class="section">
                    <h2>Активность лидеров</h2>
                    <div class="leaders-grid">
                        <?php foreach ($leader_activity as $l): ?>
                        <div class="leader-card <?= $l['sentiment'] == 'Агрессивный' || $l['sentiment'] == 'Угрожающий' ? 'negative' : '' ?>">
                            <div class="leader-name"><?= $l['leader'] ?></div>
                            <div class="sentiment-badge <?= strtolower($l['sentiment']) ?>">
                                Сентимент: <?= $l['sentiment'] ?>
                            </div>
                            <div class="detail-item"><div class="detail-label">Платформа:</div><div><?= $l['platform'] ?></div></div>
                            <div class="detail-item"><div class="detail-label">Постов 24h:</div><div><?= $l['posts_24h'] ?></div></div>
                            <div class="detail-item"><div class="detail-label">Вовлечение:</div><div><?= $l['engagement'] ?></div></div>
                            <div class="topics-list">
                                Ключевые темы:
                                <?php foreach ($l['key_topics'] as $topic): ?>
                                <div class="topic-item">• <?= $topic ?></div>
                                <?php endforeach; ?>
                            </div>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>

                <div class="section">
                    <h2>Анализ сентимента</h2>
                    <div class="sentiment-grid">
                        <?php foreach ($sentiment_analysis as $s): ?>
                        <div class="sentiment-card">
                            <div style="font-weight: bold; color: #2c3e50; margin-bottom: 0.5rem;"><?= $s['period'] ?></div>
                            <div style="color: #27ae60;">Позитив: <?= $s['positive'] ?></div>
                            <div style="color: #e74c3c;">Негатив: <?= $s['negative'] ?></div>
                            <div style="color: #7f8c8d;">Нейтрал: <?= $s['neutral'] ?></div>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>

                <div class="section">
                    <h2>Что это такое?</h2>
                    <div class="info-card">
                        <p>Фактор отслеживает **посты и заявления** ключевых лидеров в соцсетях.</p>
                        <p style="margin-top: 1rem;">Агрессивный тон, угрозы, призывы — сигналы эскалации.</p>
                    </div>
                </div>

                <div class="section">
                    <h2>Шкала воздействия</h2>
                    <div class="impact-scale">
                        <div class="scale-item <?= $current_level == 1 ? 'active' : '' ?>">
                            <div class="scale-value">Уровень 1</div>
                            <div class="scale-description"><strong>Норма</strong><br><small>Рутинные посты</small></div>
                        </div>
                        <div class="scale-item <?= $current_level == 2 ? 'active' : '' ?>">
                            <div class="scale-value">Уровень 2</div>
                            <div class="scale-description"><strong>Повышенная</strong><br><small>Увеличение активности</small></div>
                        </div>
                        <div class="scale-item <?= $current_level == 3 ? 'active' : '' ?>">
                            <div class="scale-value">Уровень 3</div>
                            <div class="scale-description"><strong>Высокая</strong><br><small>Споры, предупреждения</small></div>
                        </div>
                        <div class="scale-item <?= $current_level >= 4 ? 'active' : '' ?>">
                            <div class="scale-value">Уровень 4–5</div>
                            <div class="scale-description"><strong>Критическая</strong><br><small>Угрозы, объявления</small></div>
                        </div>
                    </div>
                </div>

                <div class="section">
                    <h2>Методология</h2>
                    <div class="info-card">
                        <p><strong>Источники:</strong> Twitter/X, Telegram, сайты, GPT-4 анализ</p>
                    </div>
                </div>
            </div>

            <div class="sidebar">
                <div class="section">
                    <h2>Вес в индексе</h2>
                    <div class="info-card" style="text-align: center;">
                        <div style="font-size: 3rem; color: #e74c3c; font-weight: bold;">4.4%</div>
                        <div>Одинадцатый фактор</div>
                    </div>
                </div>

                <div class="section">
                    <h2>Пороги тревоги (AAL)</h2>
                    <div class="info-card warning">
                        <p><strong>AAL 5:</strong> Уровень 1</p>
                        <p><strong>AAL 4:</strong> Уровень 2</p>
                        <p><strong>AAL 3:</strong> Уровень 3</p>
                        <p><strong>AAL 2:</strong> Уровень 4</p>
                        <p><strong>AAL 1:</strong> Уровень 5</p>
                    </div>
                </div>

                <div class="section">
                    <h2>Эффективность</h2>
                    <div class="info-card">
                        <p><strong>Точность:</strong> 68%</p>
                        <p><strong>Время анализа:</strong> 15 мин</p>
                        <p><strong>Корреляция:</strong> 0.62</p>
                        <p><strong>AI точность:</strong> 89%</p>
                    </div>
                </div>

                <div class="section">
                    <h2>Связанные факторы</h2>
                    <div class="info-card">
                        <p>• Медиа-активность</p>
                        <p>• МИД Израиля</p>
                        <p>• Премьер-министр</p>
                        <p>• Кибератаки</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="data-quality">
            Обновлено: <?= date('d.m.Y H:i', strtotime($last_update)) ?> |
            Источники: Twitter/X, Telegram, сайты |
            <span style="color: <?= $threat_color ?>;">УРОВЕНЬ: <?= $current_level ?>/5</span>
        </div>
    </div>
</body>
</html>