<?php
header('Content-Type: text/html; charset=utf-8');
$config_path = __DIR__ . '/../config.php';
$api_keys = [];
if (file_exists($config_path)) {
    $config = include $config_path;
    $api_keys = $config['api_keys'] ?? [];
}

$page_title   = "Министерство иностранных дел Израиля";
$factor_id    = "mfa";
$factor_name  = "Министерство иностранных дел";
$factor_weight = "7.1%";

$api_data = null;
$api_url  = 'https://' . $_SERVER['HTTP_HOST'] . '/api/latest.php';
$context = stream_context_create(['http' => ['timeout' => 8], 'ssl' => ['verify_peer' => false]]);
$api_response = @file_get_contents($api_url, false, $context);
if ($api_response !== false) $api_data = json_decode($api_response, true);

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

function getMfaScore(int $level): float {
    return [1 => 1.8, 2 => 3.5, 3 => 5.3, 4 => 7.2, 5 => 9.0][$level] ?? 1.8;
}
$current_score = getMfaScore($current_level);

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

$last_update = $api_data['timestamp'] ?? date('Y-m-d H:i:s');

$mfa_statements = [
    ['text' => 'Мы призываем мировое сообщество осудить действия Ирана.', 'time' => '3 часа назад', 'tone' => 'Официальный'],
    ['text' => 'Дипломатические каналы остаются открытыми, но терпение на исходе.', 'time' => '1 день назад', 'tone' => 'Предупреждение'],
    ['text' => 'Израиль оставляет за собой право на самооборону.', 'time' => '2 дня назад', 'tone' => 'Жёсткий']
];

$historical_mfa = [2, 2, 2, 3, 3, 3, 4, 3, 3, $current_level];

$aal_level = match ($current_level) { 1=>5, 2=>4, 3=>3, 4=>2, 5=>1, default=>3 };
$aal_color = match ($aal_level) { 5=>'#27ae60', 4=>'#f39c12', 3=>'#e67e22', 2=>'#e74c3c', 1=>'#c0392b' };
$aal_text  = match ($aal_level) { 5=>'Минимальный риск', 4=>'Повышенное внимание', 3=>'Угроза', 2=>'Критическая ситуация', 1=>'Максимальная тревога' };
?>
<!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>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
    <style>
        <?php include __DIR__ . '/factors.css'; ?>
        .back-to-index-inline { display: inline-block; margin-top: 1rem; background: #2c3e50; color: white; padding: 0.55rem 1.1rem; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: background 0.2s; }
        .back-to-index-inline:hover { background: #34495e; }
        .statement { padding: 0.8rem; border-bottom: 1px solid rgba(255,255,255,.08); }
        .tone { font-weight: 600; }
        .tone-official { color: #3498db; }
        .tone-warning { color: #f39c12; }
        .tone-hard { color: #e74c3c; }
    </style>
</head>
<body>
<div class="container">
    <div class="main-content">
        <div class="header">
            <h1><?= $factor_name ?></h1>
            <p class="subtitle">Вклад в Avatiah Security Index: <?= $factor_weight ?></p>
            <a href="/" class="back-to-index-inline">Назад к общему индексу</a>
        </div>

        <div class="section">
            <div class="level-indicator">
                <div class="level-circle" style="background:<?= $threat_color ?>;"><?= $current_level ?></div>
                <div class="level-description">Активная дипломатия</div>
            </div>
            <p>Уровень дипломатической активности: <strong><?= $current_level ?>/5</strong></p>
            <div style="margin-top: 1rem; text-align: center;">
                <div style="display: inline-block; background: <?= $aal_color ?>; color: white; padding: 0.5rem 1rem; border-radius: 8px; font-weight: 600; font-size: 1.1rem;">
                    AAL <?= $aal_level ?>
                </div>
                <p style="margin: 0.5rem 0 0; color: #bdc3c7; font-size: 0.9rem;"><?= $aal_text ?></p>
            </div>
        </div>

        <div class="section">
            <h2>График активности (10 дней)</h2>
            <div class="chart-container">
                <canvas id="mfa-chart"></canvas>
            </div>
        </div>

        <div class="section">
            <h2>Последние заявления</h2>
            <div class="info-card">
                <?php foreach ($mfa_statements as $s): ?>
                    <div class="statement">
                        <p><strong>"<?= htmlspecialchars($s['text']) ?>"</strong></p>
                        <p><small>
                            <span class="tone tone-<?= strtolower($s['tone']) == 'официальный' ? 'official' : (strtolower($s['tone']) == 'предупреждение' ? 'warning' : 'hard') ?>">
                                Тон: <?= htmlspecialchars($s['tone']) ?>
                            </span><br>
                            <?= htmlspecialchars($s['time']) ?>
                        </small></p>
                    </div>
                <?php endforeach; ?>
            </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">Режим<br><small>Обычные</small></div></div>
                <div class="scale-item <?= $current_level==2?'active':'' ?>"><div class="scale-value">2</div><div class="scale-description">Внимание<br><small>Обращения</small></div></div>
                <div class="scale-item <?= $current_level==3?'active':'' ?>"><div class="scale-value">3</div><div class="scale-description">Риск<br><small>Предупреждения</small></div></div>
                <div class="scale-item <?= $current_level==4?'active':'' ?>"><div class="scale-value">4</div><div class="scale-description">Кризис<br><small>Ультиматумы</small></div></div>
                <div class="scale-item <?= $current_level==5?'active':'' ?>"><div class="scale-value">5</div><div class="scale-description">Война<br><small>Разрыв</small></div></div>
            </div>
        </div>
    </div>

    <div class="sidebar">
        <div class="section"><h2>Вес в индексе</h2><div class="info-card"><div style="text-align:center;"><div style="font-size:3rem;font-weight:bold;color:#e74c3c;">7.1%</div><div style="font-size:1.2rem;">Пятый по значимости</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–5</p></div></div>
        <div class="section"><h2>Статистика</h2><div class="info-card"><p><strong>Уровень:</strong> <?= $current_level ?>/5</p><p><strong>Вклад:</strong> <?= number_format($current_score,1) ?>/10</p></div></div>
        <div class="section"><h2>Источники</h2><div class="info-card"><p><a href="https://mfa.gov.il" target="_blank">MFA.gov.il</a></p><p><a href="https://www.timesofisrael.com" target="_blank">Times of Israel</a></p></div></div>
    </div>
</div>

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

<script>
document.addEventListener('DOMContentLoaded', () => {
    new Chart(document.getElementById('mfa-chart').getContext('2d'), {
        type: 'line',
        data: {
            labels: ['-10д','-9д','-8д','-7д','-6д','-5д','-4д','-3д','-2д','сегодня'],
            datasets: [{
                label: 'Дипломатическая активность',
                data: <?= json_encode($historical_mfa) ?>,
                borderColor: '#3498db',
                backgroundColor: 'rgba(52,152,219,0.1)',
                tension: 0.4,
                fill: true
            }]
        },
        options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true, max: 5, ticks: { stepSize: 1 } } } }
    });
});
</script>
</body>
</html>