<?php
header('Content-Type: text/html; charset=utf-8');
?>
<!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">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <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; --confirmed: #10b981; --probable: #f59e0b; --unknown: #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; }
        .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, #1e3c72, #2a5298); border-radius: 16px; margin-bottom: 2rem; }
        .header h1 { font-size: 2.8rem; color: white; margin-bottom: 0.5rem; }
        .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; background: #27ae60; }
        .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; }
        .alert { background: #7f1d1d; color: #fca5a5; padding: 1rem; border-radius: 8px; border-left: 5px solid #ef4444; margin: 1rem 0; }
        .trigger { background: #7c2d12; color: #fdba74; padding: 0.8rem; border-radius: 6px; font-size: 0.9rem; margin-top: 0.5rem; }
        .reliability { font-size: 0.8rem; padding: 0.2rem 0.5rem; border-radius: 4px; display: inline-block; margin-top: 0.3rem; }
        .confirmed { background: var(--confirmed); color: white; }
        .probable { background: var(--probable); color: white; }
        .unknown { background: var(--unknown); color: white; }
        .data-quality { text-align: center; font-size: 0.9rem; color: #94a3b8; margin: 2rem 0 1rem; }
        .data-quality span { font-weight: 600; color: #27ae60; }
        #navy-map { height: 420px; border-radius: 12px; margin: 1rem 0; }
        .leaflet-popup-content { min-width: 260px; font-size: 0.9rem; line-height: 1.4; }
        .popup-title { font-weight: 700; color: #e74c3c; margin-bottom: 0.5rem; }
        .icon-carrier { background: #e74c3c; color: white; border-radius: 50%; width: 32px; height: 32px; text-align: center; line-height: 32px; font-weight: bold; }
        .icon-escort { background: #f39c12; color: white; border-radius: 50%; width: 28px; height: 28px; text-align: center; line-height: 28px; }
        .icon-sub { background: #9b59b6; color: white; border-radius: 50%; width: 28px; height: 28px; text-align: center; line-height: 28px; }
        .global-footer { margin-top: 3rem; padding: 1.5rem; background: #111827; border-top: 1px solid #2d3748; font-size: 0.85rem; color: #94a3b8; }
        .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; }
        .footer-left, .footer-right { flex: 1; min-width: 200px; }
        .footer-bottom { text-align: center; margin-top: 1rem; font-size: 0.8rem; color: #95a5a6; }
        .note { font-size: 0.85rem; color: #94a3b8; font-style: italic; margin-top: 0.5rem; }
        .methodology { font-size: 0.9rem; margin-top: 1rem; padding: 1rem; background: rgba(255,255,255,0.05); border-radius: 8px; }
        .osint-channels { font-size: 0.85rem; margin-top: 1rem; }
        .osint-channels a { color: #60a5fa; text-decoration: none; }
        .osint-channels a:hover { text-decoration: underline; }
        @media (max-width: 992px) { .container { grid-template-columns: 1fr; } }
    </style>
</head>
<body>
<div class="container">
    <!-- MAIN -->
    <div class="main-content">
        <div class="header">
            <h1>Активность ВМС США у берегов Израиля</h1>
            <p class="subtitle">Вклад в Avatiah Security Index: 10.6% | 3-й по значимости</p>
            <a href="/" style="color:white; text-decoration:none; font-size:0.9rem;">Назад к индексу</a>
        </div>

        <!-- АЛЕРТЫ -->
        <div class="section">
            <div class="alert">
                <strong>Триггер:</strong> USS Gerald R. Ford — погрузка авиагруппы в Norfolk (X: @TLVNaval, 26.10.2025). <br>
                <span class="trigger">Ожидаемое прибытие в Средиземное море: +7–10 дней → AAL ↑ до 3</span>
            </div>
        </div>

        <div class="section">
            <div class="level-indicator">
                <div class="level-circle">1</div>
                <div class="level-description">Штатное покрытие</div>
            </div>
            <p>
                <strong>0 CSG</strong> в зоне (Red Sea / Med).<br>
                <strong>2 SSGN</strong> — оценочно (Florida, Georgia).<br>
                <strong>2 эсминца</strong> — подтверждено (Carney, Stockdale).
            </p>
            <div style="text-align:center; margin-top:1rem;">
                <div style="display:inline-block; background:#27ae60; color:white; padding:0.5rem 1rem; border-radius:8px; font-weight:600;">
                    AAL 5
                </div>
                <p style="margin:0.5rem 0 0; color:#bdc3c7; font-size:0.9rem;">Вероятность эскалации: < 15%</p>
            </div>
            <p class="data-quality">
                Обновлено: <?= date('d.m.Y H:i') ?> 
                <span>(USNI + X OSINT, последние 48 ч)</span>
            </p>
            <p class="note">
                <strong>Задержка:</strong> 1–7 дней. AIS часто отключён. SSGN — засекречены.
            </p>
        </div>

        <!-- СВЯЗЬ С ИЗРАИЛЕМ -->
        <div class="section">
            <h2>Связь с безопасностью Израиля</h2>
            <div class="info-card">
                <ul>
                    <li><strong>Иран:</strong> SSGN — скрытное сдерживание. <em>Апрель 2024: Georgia → deterrence.</em></li>
                    <li><strong>Хуситы:</strong> Carney — >20 перехватов (2023–2025). Защищает Эйлат.</li>
                    <li><strong>Суэц:</strong> Эскорт → -60% трафика (UNCTAD). Израиль теряет ~$1 млрд/день.</li>
                </ul>
            </div>
        </div>

        <!-- КАРТА -->
        <div class="section">
            <h2>Расположение сил (оценочно)</h2>
            <div id="navy-map"></div>
        </div>

        <!-- ГРАФИК -->
        <div class="section">
            <h2>История активности (2023–2025)</h2>
            <div class="chart-container"><canvas id="navy-chart"></canvas></div>
            <p style="font-size:0.85rem; color:#94a3b8; text-align:center;">
                <strong>Октябрь 2023:</strong> 2 CSG (Eisenhower, Ford) — AAL 1<br>
                <strong>Апрель 2024:</strong> Georgia + Florida — AAL 3
            </p>
        </div>

        <!-- АВИАНОСЦЫ -->
        <div class="section">
            <h2>Авианосные группы (0 в зоне)</h2>
            <div class="info-card">
                <div class="ship-group">
                    <h3>USS Gerald R. Ford (CVN-78)</h3>
                    <p><strong>Статус:</strong> Norfolk, Va — погрузка авиагруппы</p>
                    <p><strong>Достоверность:</strong> <span class="reliability confirmed">Confirmed</span> (X: @TLVNaval, 26.10.2025)</p>
                    <p><strong>Прогноз:</strong> +7–10 дней → Средиземное море</p>
                </div>
                <div class="ship-group">
                    <h3>USS Carl Vinson (CVN-70)</h3>
                    <p><strong>Статус:</strong> San Diego — база</p>
                    <p><strong>Достоверность:</strong> <span class="reliability confirmed">Confirmed</span> (USNI, 27.10.2025)</p>
                </div>
            </div>
        </div>

        <!-- ЭСКОРТ -->
        <div class="section">
            <h2>Эсминцы (Красное море)</h2>
            <div class="info-card">
                <div class="ship-group">
                    <h3>USS Carney (DDG-64)</h3>
                    <p><strong>Статус:</strong> Красное море — ПВО</p>
                    <p><strong>Достоверность:</strong> <span class="reliability probable">Probable</span> (USNI 20.10.2025, AIS off)</p>
                    <p><strong>Перехваты:</strong> >20 ракет (2023–2025)</p>
                </div>
                <div class="ship-group">
                    <h3>USS Stockdale (DDG-106)</h3>
                    <p><strong>Статус:</strong> Баб-эль-Мандеб — эскорт</p>
                    <p><strong>Достоверность:</strong> <span class="reliability probable">Probable</span> (USNI 20.10.2025)</p>
                </div>
            </div>
        </div>

        <!-- SSGN -->
        <div class="section">
            <h2>Подводные лодки SSGN (2)</h2>
            <div class="info-card">
                <div class="ship-group">
                    <h3>USS Georgia (SSGN-729)</h3>
                    <p><strong>Статус:</strong> Средиземное море → Красное (оценочно)</p>
                    <p><strong>Достоверность:</strong> <span class="reliability unknown">Unknown</span> (USNI 11.09.2024, >45 дней)</p>
                    <p><strong>Обновление:</strong> Требуется X OSINT (@MenchOsint)</p>
                </div>
                <div class="ship-group">
                    <h3>USS Florida (SSGN-728)</h3>
                    <p><strong>Статус:</strong> Красное море (оценочно)</p>
                    <p><strong>Достоверность:</strong> <span class="reliability unknown">Unknown</span> (USNI 08.04.2023, >1 год)</p>
                    <p><strong>Обновление:</strong> Требуется GeoConfirmed</p>
                </div>
            </div>
        </div>

        <!-- СЦЕНАРИИ -->
        <div class="section">
            <h2>Сценарии эскалации</h2>
            <div class="info-card">
                <p><strong>Триггер 1:</strong> Ford → Средиземное море → AAL 3 (7–10 дней)</p>
                <p><strong>Триггер 2:</strong> Хуситы возобновили атаки → +1 эсминец</p>
                <p><strong>Триггер 3:</strong> Иран → баллистика → SSGN + CSG</p>
            </div>
        </div>

        <!-- МЕТОДОЛОГИЯ -->
        <div class="section">
            <h2>Методология</h2>
            <div class="methodology">
                <p><strong>Вклад 10.6%:</strong> (логистика × 0.4) + (deterrence × 0.3) + (эскорт × 0.3).</p>
                <p><strong>Достоверность:</strong> Confirmed (USNI, AIS), Probable (OSINT, 1–7 дней), Unknown (>7 дней).</p>
                <p><a href="https://avatiah.com/methodology" target="_blank">Полная методология →</a></p>
            </div>
        </div>

        <!-- OSINT КАНАЛЫ -->
        <div class="section">
            <h2>OSINT-каналы (рекомендуем)</h2>
            <div class="osint-channels">
                <p><a href="https://x.com/MenchOsint" target="_blank">@MenchOsint</a> — флот, фото</p>
                <p><a href="https://x.com/TLVNaval" target="_blank">@TLVNaval</a> — Израиль, US Navy</p>
                <p><a href="https://t.me/geoconfirmed" target="_blank">GeoConfirmed</a> — верификация</p>
            </div>
        </div>
    </div>

    <!-- SIDEBAR -->
    <div class="sidebar">
        <div class="section"><h2>Вес</h2><div style="text-align:center; font-size:3rem; color:#e74c3c;">10.6%</div></div>
        <div class="section"><h2>AAL</h2><div style="background:#1e293b; padding:1rem; border-radius:8px; color:#27ae60;">AAL 5</div></div>
        <div class="section"><h2>Достоверность</h2>
            <p><span class="reliability confirmed">Confirmed:</span> 2</p>
            <p><span class="reliability probable">Probable:</span> 2</p>
            <p><span class="reliability unknown">Unknown:</span> 2</p>
        </div>
        <div class="section"><h2>Источники</h2>
            <p><a href="https://news.usni.org" target="_blank">USNI Tracker</a></p>
            <p><a href="https://www.marinetraffic.com" target="_blank">MarineTraffic</a></p>
        </div>
    </div>
</div>

<!-- ФУТЕР -->
<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;">Автоматизированный OSINT + ручная верификация</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>USNI, X OSINT, GeoConfirmed • <?= date('d.m.Y H:i') ?></p>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
    const map = L.map('navy-map').setView([20.0, 38.0], 5);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);

    const icons = {
        carrier: L.divIcon({ className: 'icon-carrier', html: 'CVN' }),
        escort: L.divIcon({ className: 'icon-escort', html: 'DDG' }),
        sub: L.divIcon({ className: 'icon-sub', html: 'SSGN' })
    };

    // Авианосцы
    L.marker([36.94, -76.31], { icon: icons.carrier }).addTo(map).bindPopup('<strong>USS Ford</strong><br>Norfolk — погрузка');
    L.marker([32.68, -117.12], { icon: icons.carrier }).addTo(map).bindPopup('<strong>USS Vinson</strong><br>San Diego');

    // Эсминцы
    L.marker([20.0, 38.0], { icon: icons.escort }).addTo(map).bindPopup('<strong>USS Carney</strong><br>Красное море');
    L.marker([12.5, 43.5], { icon: icons.escort }).addTo(map).bindPopup('<strong>USS Stockdale</strong><br>Баб-эль-Мандеб');

    // SSGN
    L.marker([33.0, 30.0], { icon: icons.sub }).addTo(map).bindPopup('<strong>USS Georgia</strong><br>Оценочно');
    L.marker([20.0, 38.0], { icon: icons.sub }).addTo(map).bindPopup('<strong>USS Florida</strong><br>Оценочно');

    L.marker([31.5, 34.75]).addTo(map).bindPopup('Израиль');

    // График
    const ctx = document.getElementById('navy-chart').getContext('2d');
    new Chart(ctx, {
        type: 'line',
        data: {
            labels: ['Окт 23','Ноя 23','Апр 24','Окт 24','<?= date('M Y') ?>'],
            datasets: [{
                label: 'AAL',
                data: [1, 2, 3, 2, 5],
                borderColor: '#27ae60',
                backgroundColor: 'rgba(39,174,96,0.1)',
                fill: true
            }]
        },
        options: {
            responsive: true,
            plugins: { legend: { display: false } },
            scales: { y: { beginAtZero: true, max: 5, ticks: { stepSize: 1 } } }
        }
    });
});
</script>
</body>
</html>