<?php
header('Content-Type: text/html; charset=utf-8');
$page_title = "Волатильность золота";
$factor_id = "gold";
$factor_name = "Волатильность золота";
$factor_weight = "6.2%";

$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_value = $api_data['components'][$factor_id]['raw'] ?? null;
$raw_volatility = is_numeric($raw_value) ? (float)$raw_value : 15;

if ($raw_volatility < 0 || $raw_volatility > 100) {
    $raw_volatility = 15;
}

function getThreatLevelFromVolatility($volatility_percent) {
    $vol = (float)$volatility_percent;
    if ($vol <= 5)  return 1;
    if ($vol <= 10) return 2;
    if ($vol <= 15) return 3;
    if ($vol <= 20) return 4;
    return 5;
}

function calculateGoldScore($level) {
    $scores = [1 => 1.8, 2 => 3.5, 3 => 5.3, 4 => 7.2, 5 => 9.0];
    return $scores[$level] ?? 3.5;
}

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

$gold_data = [
    'current_price' => 2185,
    'change_24h' => '+2.3%',
    'change_7d' => '+5.8%',
    'volatility_percent' => number_format($raw_volatility, 1) . '%',
    'market' => 'COMEX (Нью-Йорк)'
];

$historical_volatility = [
    ['period' => 'Июнь 2025', 'volatility' => '13.5%', 'level' => 3, 'event' => 'Война Иран-Израиль'],
    ['period' => 'Октябрь 2023', 'volatility' => '11.0%', 'level' => 3, 'event' => 'Нападение ХАМАС'],
    ['period' => 'Февраль 2022', 'volatility' => '9.5%', 'level' => 2, 'event' => 'Спецоперация на Украине'],
    ['period' => 'Норма', 'volatility' => '5–10%', 'level' => 1, 'event' => 'Стабильные рынки']
];

function getThreatColor($level) {
    $colors = [1 => '#27ae60', 2 => '#f39c12', 3 => '#e67e22', 4 => '#e74c3c', 5 => '#c0392b'];
    return $colors[$level] ?? '#95a5a6';
}

$threat_color = getThreatColor($current_level);
?>
<!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'; ?>
        
        .price-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
            margin: 1.5rem 0;
        }
        .price-card {
            background: white;
            border-radius: 12px;
            padding: 1.5rem;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            border-left: 5px solid <?= $threat_color ?>;
        }
        .volatility-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1rem;
            margin: 1rem 0;
        }
        .volatility-card {
            background: white;
            border-radius: 10px;
            padding: 1.2rem;
            border-left: 4px solid <?= $threat_color ?>;
        }
        .market-indicators {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 1rem;
            margin: 1rem 0;
        }
        .indicator-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);
        }
        .calculation-note {
            background: #fff8e1;
            border-left: 4px solid #ffb300;
            padding: 1rem;
            border-radius: 0 8px 8px 0;
            margin: 1rem 0;
            font-size: 0.9rem;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1><?= $page_title ?></h1>
            <p class="subtitle">Золото как индикатор геополитической напряжённости</p>
            <div style="margin-top: 1rem;">
                <a href="/" class="back-button">Назад к общему индексу</a>
            </div>
        </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 style="margin-top: 0.5rem; font-size: 0.9rem; opacity: 0.9;">
                        Волатильность: <?= $gold_data['volatility_percent'] ?> → Уровень <?= $current_level ?>
                    </div>
                </div>

                <div class="section">
                    <h2>Текущие рыночные показатели</h2>
                    
                    <div class="price-grid">
                        <div class="price-card">
                            <div style="font-size: 2rem; font-weight: bold; color: #f39c12;">$<?= number_format($gold_data['current_price']) ?></div>
                            <div>Цена за унцию</div>
                        </div>
                        <div class="price-card">
                            <div style="font-size: 2rem; font-weight: bold; color: #27ae60;"><?= $gold_data['change_24h'] ?></div>
                            <div>Изменение за 24ч</div>
                        </div>
                        <div class="price-card">
                            <div style="font-size: 2rem; font-weight: bold; color: #e74c3c;"><?= $gold_data['change_7d'] ?></div>
                            <div>Изменение за 7 дней</div>
                        </div>
                        <div class="price-card">
                            <div style="font-size: 2rem; font-weight: bold; color: <?= $threat_color ?>;">
                                <?= $gold_data['volatility_percent'] ?>
                            </div>
                            <div>Волатильность</div>
                        </div>
                    </div>
                </div>

                <div class="section">
                    <h2>Историческая волатильность (уровни угрозы)</h2>
                    
                    <div class="volatility-grid">
                        <?php foreach ($historical_volatility as $data): ?>
                        <div class="volatility-card">
                            <div style="font-weight: bold; color: #2c3e50; margin-bottom: 0.5rem;">
                                <?= $data['period'] ?>
                            </div>
                            <div style="font-size: 1.5rem; font-weight: bold; color: <?= getThreatColor($data['level']) ?>; margin-bottom: 0.5rem;">
                                Уровень <?= $data['level'] ?>/5
                            </div>
                            <div style="color: #7f8c8d; font-size: 0.9rem;">
                                <?= $data['volatility'] ?> — <?= $data['event'] ?>
                            </div>
                        </div>
                        <?php endforeach; ?>
                    </div>
                </div>

                <div class="section">
                    <h2>Рыночные индикаторы</h2>
                    
                    <div class="market-indicators">
                        <div class="indicator-card">
                            <div style="font-size: 1.5rem; font-weight: bold; color: #f39c12;">COMEX</div>
                            <div>Нью-Йорк</div>
                        </div>
                        <div class="indicator-card">
                            <div style="font-size: 1.5rem; font-weight: bold; color: #f39c12;">LBMA</div>
                            <div>Лондон</div>
                        </div>
                        <div class="indicator-card">
                            <div style="font-size: 1.5rem; font-weight: bold; color: #f39c12;">SGE</div>
                            <div>Шанхай</div>
                        </div>
                        <div class="indicator-card">
                            <div style="font-size: 1.5rem; font-weight: bold; color: #f39c12;">ETF</div>
                            <div>SPDR Gold</div>
                        </div>
                    </div>
                </div>

                <div class="section">
                    <h2>Что это такое?</h2>
                    <div class="info-card">
                        <p><strong>Волатильность золота</strong> — резкость колебаний цены. Золото — "защитный актив". Когда инвесторы ожидают войны или кризиса, они массово скупают золото, что вызывает скачки цен.</p>
                        <p style="margin-top: 1rem;">Чем выше уровень — тем сильнее рынки опасаются конфликта.</p>
                    </div>
                </div>

                <div class="section">
                    <h2>Как рассчитывается уровень угрозы?</h2>
                    <div class="metric-grid">
                        <div class="metric-item">
                            <div class="metric-value">1</div>
                            <div class="metric-label">1–5% волатильность</div>
                        </div>
                        <div class="metric-item">
                            <div class="metric-value">2</div>
                            <div class="metric-label">6–10%</div>
                        </div>
                        <div class="metric-item">
                            <div class="metric-value">3</div>
                            <div class="metric-label">11–15%</div>
                        </div>
                        <div class="metric-item">
                            <div class="metric-value">4–5</div>
                            <div class="metric-label">16–20% и выше</div>
                        </div>
                    </div>
                    
                    <div class="calculation-note">
                        <p><strong>Расчёт:</strong></p>
                        <p>Волатильность <?= $gold_data['volatility_percent'] ?> → Уровень <?= $current_level ?>/5</p>
                        <p style="margin-top: 0.5rem; font-size: 0.85rem; color: #7f8c8d;">
                            Упрощённый индикатор на основе диапазона колебаний (COMEX). Реальная волатильность — через ATR.
                        </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>1–5% — стабильные рынки</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>6–10% — напряжённость</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>11–15% — риск конфликта</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>16–20% — неминуемый кризис</small>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="section">
                    <h2>Методология сбора данных</h2>
                    <div class="info-card">
                        <p><strong>Источники данных:</strong></p>
                        <ul style="margin-left: 1.5rem; margin-top: 1rem; line-height: 1.6;">
                            <li><strong>COMEX</strong> — Чикагская товарная биржа</li>
                            <li><strong>LBMA</strong> — Лондонская ассоциация</li>
                            <li><strong>SGE</strong> — Шанхайская биржа</li>
                            <li><strong>Bloomberg Terminal</strong> — профессиональные данные</li>
                            <li><strong>Kitco</strong> — агрегатор цен</li>
                        </ul>
                    </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;">6.2%</div>
                            <div style="font-size: 1.2rem;">Восьмой по значимости фактор</div>
                        </div>
                    </div>
                </div>

                <div class="section">
                    <h2>Пороги тревоги</h2>
                    <div class="info-card warning">
                        <p><strong>AAL 5 (Норма):</strong> Уровень 1 (1–5%)</p>
                        <p><strong>AAL 4 (Повышенная):</strong> Уровень 2 (6–10%)</p>
                        <p><strong>AAL 3 (Высокая):</strong> Уровень 3 (11–15%)</p>
                        <p><strong>AAL 2 (Критическая):</strong> Уровень 4–5 (16–20%+)</p>
                    </div>
                </div>

                <div class="section">
                    <h2>Статистика</h2>
                    <div class="info-card">
                        <p><strong>Текущий уровень:</strong> <?= $current_level ?>/5</p>
                        <p><strong>Волатильность:</strong> <?= $gold_data['volatility_percent'] ?></p>
                        <p><strong>Вклад в индекс:</strong> <?= number_format($current_score, 1) ?>/10</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:s', strtotime($last_update)) ?> |
            Источники: COMEX, LBMA, Bloomberg, Kitco |
            <span style="color: #27ae60;">УРОВЕНЬ УГРОЗЫ: <?= $current_level ?>/5</span>
        </div>
    </div>
</body>
</html>