<?php
header('Content-Type: text/html; charset=utf-8');
$page_title = "Спутниковая разведка Израиля";
$factor_id = "satellite";
$factor_name = "Спутниковая разведка";
$factor_weight = "7.0%";

$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'] ?? 3;
$current_level = is_numeric($raw_level) ? max(1, min(5, (int)$raw_level)) : 3;

function getSatelliteScore($level) {
    return round($level * 1.733, 1); // 1→1.7, 3→5.2, 5→8.7
}

$current_score = $api_data['components'][$factor_id]['score'] ?? getSatelliteScore($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'
};

$satellite_data = [
    [
        'observation' => 'Концентрация техники',
        'location' => 'Граница с Газой',
        'details' => '80+ танков, артиллерия',
        'significance' => 'Высокая',
        'timestamp' => '6 часов назад'
    ],
    [
        'observation' => 'Развертывание ПВО',
        'location' => 'Центральный Израиль',
        'details' => 'Батареи Iron Dome',
        'significance' => 'Критическая',
        'timestamp' => '3 часа назад'
    ],
    [
        'observation' => 'Активность ВМС',
        'location' => 'Хайфа',
        'details' => 'Подготовка кораблей',
        'significance' => 'Высокая',
        'timestamp' => '8 часов назад'
    ]
];
?>
<!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'; ?>
        
        .satellite-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 1.5rem;
            margin: 1.5rem 0;
        }
        .satellite-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 ?>;
        }
        .satellite-card.critical {
            background: linear-gradient(135deg, #fff, #ffeaea);
        }
        .observation-type {
            font-size: 1.2rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }
        .significance-badge {
            display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: bold;
            margin-bottom: 1rem;
            color: white;
        }
        .significance-badge.critical { background: #e74c3c; }
        .significance-badge.high { background: #f39c12; }
        .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);
        }
        .detail-item {
            margin-bottom: 0.8rem;
            line-height: 1.5;
        }
        .detail-label {
            font-weight: bold;
            color: #2c3e50;
            display: inline-block;
            width: 100px;
        }
    </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="satellite-grid">
                        <?php foreach ($satellite_data as $obs): ?>
                        <div class="satellite-card <?= $obs['significance'] == 'Критическая' ? 'critical' : '' ?>">
                            <div class="observation-type"><?= $obs['observation'] ?></div>
                            <div class="significance-badge <?= strtolower($obs['significance']) ?>">
                                <?= $obs['significance'] ?>
                            </div>
                            <div class="detail-item"><div class="detail-label">Локация:</div><div><?= $obs['location'] ?></div></div>
                            <div class="detail-item"><div class="detail-label">Детали:</div><div><?= $obs['details'] ?></div></div>
                            <div class="detail-item"><div class="detail-label">Время:</div><div><?= $obs['timestamp'] ?></div></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>

            <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;">7.0%</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>• Planet Labs</p>
                        <p>• Sentinel-2</p>
                        <p>• Maxar</p>
                        <p>• OSINT</p>
                    </div>
                </div>
            </div>
        </div>

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