<?php
// gov.php - Активность правительства
?>
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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>
        :root { --bg: #0a0e1a; --card: #1a2332; --border: #2d3748; --text: #e2e8f0; --accent: #f59e0b; --danger: #ef4444; --warning: #f97316; --success: #10b981; --light: #94a3b8; }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }
        body { background: var(--bg); color: var(--text); line-height: 1.6; padding: 1rem; }
        .container { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: 1fr 300px; gap: 2rem; }
        .main-content { }
        .sidebar { position: sticky; top: 2rem; height: fit-content; }
        .section { background: var(--card); border-radius: 12px; padding: 1.5rem; margin-bottom: 2rem; border: 1px solid var(--border); }
        .header { text-align: center; padding: 2rem; background: linear-gradient(135deg, #c0392b, #e74c3c); border-radius: 16px; margin-bottom: 2rem; }
        .header h1 { font-size: 2.8rem; color: white; margin-bottom: 0.5rem; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
        .header .subtitle { color: #cbd5e1; font-size: 1.2rem; }
        .level-indicator { text-align: center; margin-bottom: 2rem; }
        .level-circle { width: 120px; height: 120px; border-radius: 50%; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; font-weight: 700; color: white; box-shadow: 0 0 15px rgba(0,0,0,0.3); }
        .level-description { font-size: 1.2rem; font-weight: 500; }
        .chart-container { height: 300px; margin: 1.5rem 0; background: rgba(255,255,255,0.05); border-radius: 8px; padding: 1rem; }
        .info-card { background: rgba(255,255,255,0.05); border-radius: 8px; padding: 1rem; margin-top: 1rem; }
        .warning { border-left: 5px solid #f97316; }
        .impact-scale { display: flex; gap: 1rem; margin-top: 1rem; }
        .scale-item { flex: 1; padding: 1rem; border-radius: 8px; background: rgba(255,255,255,0.05); text-align: center; }
        .scale-item.active { border: 2px solid var(--accent); }
        .scale-value { font-weight: 700; margin-bottom: 0.5rem; }
        .scale-description { font-size: 0.9rem; }
        @media (max-width: 992px) { .container { grid-template-columns: 1fr; } .sidebar { position: static; } }
        .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; }
        .data-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
        .data-table th, .data-table td { padding: 0.75rem; text-align: left; border-bottom: 1px solid var(--border); }
        .data-table th { background: rgba(255,255,255,0.05); font-weight: 600; }
        .count-indicator { font-size: 3rem; font-weight: bold; text-align: center; margin: 1rem 0; color: #e74c3c; }
        .status-badge { display: inline-block; padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.9rem; font-weight: 600; }
        .aal-badge { display: inline-block; padding: 0.5rem 1rem; border-radius: 8px; font-weight: 600; font-size: 1.1rem; }
        .aal-1 { background: #10b981; color: white; }
        .aal-2 { background: #e67e22; color: white; }
        .aal-3 { background: #f97316; color: white; }
        .aal-4 { background: #ef4444; color: white; }
        .aal-5 { background: #dc2626; color: white; }
        .metric-highlight { background: rgba(231, 76, 60, 0.1); padding: 1rem; border-radius: 8px; border-left: 4px solid #e74c3c; margin: 1rem 0; }
        .activity-item { padding: 1rem; border-bottom: 1px solid var(--border); }
        .activity-item:last-child { border-bottom: none; }
        .activity-type { color: #e74c3c; font-weight: 600; }
        .activity-source { color: #94a3b8; font-size: 0.9rem; }
        .priority-high { color: #ef4444; }
        .priority-medium { color: #f97316; }
        .priority-low { color: #f59e0b; }
    </style>
</head>
<body>
<div class="container">

    <!-- ==================== MAIN ==================== -->
    <div class="main-content">

        <!-- Header -->
        <div class="header">
            <h1>Активность правительства</h1>
            <p class="subtitle">Вклад в Avatiah Security Index: 7.1%</p>
            <a href="/" class="back-to-index-inline">Назад к общему индексу</a>
        </div>

        <!-- Уровень + AAL -->
        <div class="section">
            <div class="level-indicator">
                <div class="level-circle" style="background:#f97316;">6.0</div>
                <div class="level-description">Повышенная активность</div>
            </div>
            
            <div class="count-indicator">
                3
                <div style="font-size: 1rem; color: #94a3b8;">
                    <span class="status-badge" style="background: #f97316; color: white;">Высокий риск</span>
                </div>
            </div>
            
            <p>Количество официальных заявлений и действий правительства: <strong>3 ключевых события</strong>. 
            Повышенная активность указывает на активизацию дипломатических и оперативных мер в ответ на кризис.</p>
            
            <div style="margin-top: 1rem; text-align: center;">
                <div class="aal-badge aal-3">AAL 3</div>
                <p style="margin: 0.5rem 0 0; color: #bdc3c7; font-size: 0.9rem;">Требует внимания</p>
            </div>
        </div>

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

        <!-- Ключевые показатели -->
        <div class="section">
            <h2>Ключевые показатели</h2>
            <div class="info-card">
                <table class="data-table">
                    <tr><th>Показатель</th><th>Значение</th><th>Статус</th><th>Уровень значимости</th></tr>
                    <tr>
                        <td><strong>Правительственные заявления</strong></td>
                        <td><strong style="color: #e74c3c;">3</strong></td>
                        <td><span style="color: #f97316;">▲ Повышен</span></td>
                        <td>Высокий приоритет</td>
                    </tr>
                    <tr>
                        <td>Уровень координации</td>
                        <td>Межведомственный</td>
                        <td><span style="color: #f97316;">▲ Интенсификация</span></td>
                        <td>Государственный уровень</td>
                    </tr>
                    <tr>
                        <td>Типы мероприятий</td>
                        <td>Заявления, брифинги, решения</td>
                        <td><span style="color: #f97316;">▲ Диверсификация</span></td>
                        <td>Многоформатный подход</td>
                    </tr>
                    <tr>
                        <td>Текущий уровень AAL</td>
                        <td>3</td>
                        <td><span style="color: #f97316;">▲ Повышен</span></td>
                        <td>Система расчета</td>
                    </tr>
                    <tr>
                        <td>Вклад в общий индекс</td>
                        <td>6.0/10 баллов</td>
                        <td><span style="color: #f97316;">▲ Высокий</span></td>
                        <td>Вес: 7.1%</td>
                    </tr>
                </table>
            </div>
        </div>

        <!-- Анализ ситуации -->
        <div class="section">
            <h2>Анализ правительственной активности</h2>
            <div class="info-card">
                <div class="metric-highlight">
                    <strong>Текущая оценка:</strong> Правительственные структуры демонстрируют повышенную активность, 
                    что свидетельствует о переходе к более активной фазе управления кризисом и координации ответных мер.
                </div>
                
                <h3 style="color: #e74c3c; margin: 1.5rem 0 1rem;">Ключевые направления работы:</h3>
                <ul style="list-style: none; padding: 0;">
                    <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border);">
                        🎯 <strong>Дипломатическое давление:</strong> Координация с международными партнерами
                    </li>
                    <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border);">
                        🛡️ <strong>Оборонные меры:</strong> Усиление готовности и присутствия
                    </li>
                    <li style="padding: 0.5rem 0; border-bottom: 1px solid var(--border);">
                        💬 <strong>Информационная политика:</strong> Формирование публичной позиции
                    </li>
                    <li style="padding: 0.5rem 0;">
                        📊 <strong>Экономическая стабильность:</strong> Меры по поддержке рынков
                    </li>
                </ul>
            </div>
        </div>

        <!-- Ключевые события -->
        <div class="section">
            <h2>Ключевые правительственные события</h2>
            <div class="info-card">
                <div class="activity-item">
                    <div class="activity-type">Заявление Белого дома <span class="priority-high">Высокий приоритет</span></div>
                    <div>Официальная позиция по ситуации с призывом к прекращению огня</div>
                    <div class="activity-source">Источник: White House Press Secretary</div>
                </div>
                <div class="activity-item">
                    <div class="activity-type">Брифинг Пентагона <span class="priority-high">Высокий приоритет</span></div>
                    <div>Обновление информации о военном развертывании и готовности</div>
                    <div class="activity-source">Источник: Department of Defense</div>
                </div>
                <div class="activity-item">
                    <div class="activity-type">Заседание Совета безопасности <span class="priority-medium">Средний приоритет</span></div>
                    <div>Координация мер по деэскалации и дипломатических усилий</div>
                    <div class="activity-source">Источник: National Security Council</div>
                </div>
            </div>
        </div>

        <!-- Уровни реагирования -->
        <div class="section">
            <h2>Уровни правительственного реагирования</h2>
            <div class="info-card">
                <table class="data-table">
                    <tr><th>Уровень</th><th>Статус</th><th>Мероприятия</th><th>Координация</th></tr>
                    <tr><td><strong>Уровень 3</strong></td><td><span style="color: #f97316;">Активный</span></td><td>Регулярные брифинги, заявления</td><td>Межведомственная</td></tr>
                    <tr><td>Уровень 2</td><td><span style="color: #10b981;">Стабильный</span></td><td>Плановые совещания</td><td>Ведомственная</td></tr>
                    <tr><td>Уровень 1</td><td><span style="color: #10b981;">Нормальный</span></td><td>Рутинная работа</td><td>Внутренняя</td></tr>
                    <tr><td>Уровень 0</td><td><span style="color: #10b981;">Отсутствует</span></td><td>Отсутствие активности</td><td>Минимальная</td></tr>
                </table>
            </div>
        </div>

        <!-- Ведомственная активность -->
        <div class="section">
            <h2>Активность по ведомствам</h2>
            <div class="info-card">
                <table class="data-table">
                    <tr><th>Ведомство</th><th>Уровень активности</th><th>Основные действия</th><th>Приоритет</th></tr>
                    <tr><td>Белый дом</td><td>Высокая</td><td>Публичные заявления, координация</td><td><span class="priority-high">Критический</span></td></tr>
                    <tr><td>Госдепартамент</td><td>Высокая</td><td>Дипломатические консультации</td><td><span class="priority-high">Критический</span></td></tr>
                    <tr><td>Пентагон</td><td>Средняя</td><td>Оперативное планирование</td><td><span class="priority-medium">Высокий</span></td></tr>
                    <tr><td>Разведка</td><td>Средняя</td><td>Сбор и анализ информации</td><td><span class="priority-medium">Высокий</span></td></tr>
                </table>
            </div>
        </div>

        <!-- Шкала воздействия -->
        <div class="section">
            <h2>Шкала правительственного воздействия</h2>
            <div class="impact-scale">
                <div class="scale-item">
                    <div class="scale-value">1</div>
                    <div class="scale-description">Низкая<br><small>0-1 | AAL 1</small></div>
                </div>
                <div class="scale-item">
                    <div class="scale-value">2</div>
                    <div class="scale-description">Повышенная<br><small>2 | AAL 2</small></div>
                </div>
                <div class="scale-item active">
                    <div class="scale-value">3</div>
                    <div class="scale-description">Высокая<br><small>3 | AAL 3</small></div>
                </div>
                <div class="scale-item">
                    <div class="scale-value">4</div>
                    <div class="scale-description">Критическая<br><small>4 | AAL 4</small></div>
                </div>
                <div class="scale-item">
                    <div class="scale-value">5</div>
                    <div class="scale-description">Экстремальная<br><small>5 | AAL 5</small></div>
                </div>
            </div>
            <div style="text-align: center; margin-top: 1rem; color: #e74c3c;">
                <strong>Текущий уровень: 3 (3 события указывают на активизацию правительственного аппарата)</strong>
            </div>
        </div>

    </div>

    <!-- ==================== SIDEBAR ==================== -->
    <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 1:</strong> 0-1 (Норма)</p>
                <p><strong>AAL 2:</strong> 2 (Внимание)</p>
                <p><strong>AAL 3:</strong> 3 (Риск)</p>
                <p><strong>AAL 4:</strong> 4 (Критично)</p>
                <p><strong>AAL 5:</strong> 5 (Максимум)</p>
            </div>
        </div>
        <div class="section">
            <h2>Статистика</h2>
            <div class="info-card">
                <p><strong>Правительственные события:</strong> 3</p>
                <p><strong>Диапазон:</strong> AAL 3 (высокий)</p>
                <p><strong>Норма:</strong> 0-1</p>
                <p><strong>Вклад в индекс:</strong> 6.0/10</p>
                <p><strong>Тренд:</strong> ↗️ Растущий</p>
            </div>
        </div>
        <div class="section">
            <h2>Ключевые ведомства</h2>
            <div class="info-card">
                <p><strong>Белый дом:</strong> Общая координация</p>
                <p><strong>Госдепартамент:</strong> Дипломатия</p>
                <p><strong>Пентагон:</strong> Оборонные меры</p>
                <p><strong>Разведка:</strong> Информация</p>
            </div>
        </div>
        <div class="section">
            <h2>Связанные факторы</h2>
            <div class="info-card">
                <p><a href="vip.php" style="color: #e74c3c;">Дипломатические рейсы</a></p>
                <p><a href="mfa.php" style="color: #e74c3c;">Активность МИД</a></p>
                <p><a href="navy.php" style="color: #e74c3c;">Активность ВМС</a></p>
            </div>
        </div>
        <div class="section">
            <h2>Обновление данных</h2>
            <div class="info-card">
                <p><strong>Частота:</strong> Каждые 4 часа</p>
                <p><strong>Источники:</strong> Официальные заявления</p>
                <p><strong>Последнее обновление:</strong> <?php echo date('H:i'); ?></p>
                <p><strong>Следующее:</strong> <?php echo date('H:i', time() + 14400); ?></p>
            </div>
        </div>
    </div>
</div>

<!-- Footer -->
<div class="global-footer">
    <div class="footer-content">
        <div class="footer-left">
            <p><strong>Avatiah Security Index</strong> — аналитическая платформа</p>
            <p style="font-size:0.9rem; color:#95a5a6; margin-top:0.5rem;">
                Мониторинг правительственной активности в реальном времени
            </p>
        </div>
        <div class="footer-right">
            <p>© 2025 Avatiah. Все права защищены.</p>
            <p style="font-size:0.85rem; color:#7f8c8d;">
                <a href="https://github.com/avatiah" target="_blank" style="color:inherit; text-decoration:none;">GitHub</a> • 
                <a href="https://t.me/avatiah" target="_blank" style="color:inherit; text-decoration:none;">Telegram</a>
            </p>
        </div>
    </div>
    <div class="footer-bottom">
        <p style="font-size:0.8rem; color:#95a5a6;">
            Анализ государственной политики • Обновлено: <?php echo date('d.m.Y H:i'); ?>
        </p>
    </div>
</div>

<style>
    .global-footer {
        background: #1a1a1a;
        color: #bdc3c7;
        padding: 2rem 1.5rem 1rem;
        margin-top: 3rem;
        border-top: 1px solid #333;
        font-family: 'Inter', sans-serif;
    }
    .footer-content {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 1.5rem;
    }
    .footer-left, .footer-right {
        flex: 1;
        min-width: 280px;
    }
    .footer-left p, .footer-right p {
        margin: 0.3rem 0;
    }
    .footer-bottom {
        text-align: center;
        margin-top: 1.5rem;
        padding-top: 1rem;
        border-top: 1px solid #333;
        font-size: 0.8rem;
    }
    @media (max-width: 768px) {
        .footer-content { flex-direction: column; text-align: center; }
        .footer-right { margin-top: 1rem; }
    }
</style>

<script>
document.addEventListener('DOMContentLoaded', () => {
    // График правительственной активности
    const ctx = document.getElementById('gov-chart').getContext('2d');
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: ['17.10', '18.10', '19.10', '20.10', '21.10', '22.10', '23.10', '24.10', '25.10', '26.10', '27.10'],
            datasets: [{
                label: 'Правительственные события',
                data: [0, 1, 0, 1, 1, 2, 1, 2, 2, 2, 3],
                borderColor: '#e74c3c',
                backgroundColor: 'rgba(231, 76, 60, 0.1)',
                tension: 0.4,
                fill: true,
                pointRadius: 4,
                pointBackgroundColor: '#e74c3c'
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            plugins: { 
                legend: { 
                    display: true,
                    labels: { color: '#e2e8f0' }
                },
                tooltip: {
                    mode: 'index',
                    intersect: false,
                    backgroundColor: 'rgba(26, 35, 50, 0.9)',
                    titleColor: '#e2e8f0',
                    bodyColor: '#e2e8f0',
                    borderColor: '#e74c3c'
                }
            },
            scales: { 
                y: { 
                    beginAtZero: true,
                    max: 5,
                    ticks: { 
                        stepSize: 1,
                        color: '#94a3b8'
                    },
                    grid: { color: 'rgba(148, 163, 184, 0.1)' }
                },
                x: {
                    ticks: { color: '#94a3b8' },
                    grid: { color: 'rgba(148, 163, 184, 0.1)' }
                }
            }
        }
    });
});
</script>
</body>
</html>