<!DOCTYPE html>
<?php
$cacheFile = __DIR__ . '/last_collector_run.txt';
$updateInterval = 1800; // כל 30 דקות

if (!file_exists($cacheFile) || (time() - filemtime($cacheFile)) > $updateInterval) {
    // קריאה בטוחה ל-collector.php
    $url = 'https://avatiah.com/collector.php?key=MYSECRETKEY';
    @file_get_contents($url);
    file_put_contents($cacheFile, date('Y-m-d H:i:s'));
}
?>
<html lang="he" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Avatiah Security Index: ישראל</title>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
    <style>
        /* ——— כל הסגנונות מהקובץ הראשון ——— */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        body {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
            min-height: 100vh;
            padding: 1rem;
        }
        .container {
            max-width: 1600px;
            margin: 0 auto;
        }
        .header {
            text-align: center;
            color: white;
            margin-bottom: 2rem;
            background: rgba(0,0,0,0.3);
            padding: 2rem;
            border-radius: 15px;
            backdrop-filter: blur(10px);
        }
        .header h1 {
            font-size: 2.8rem;
            margin-bottom: 0.5rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }
        .header .subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
        }
        .focus-region {
            background: rgba(231, 76, 60, 0.2);
            border: 2px solid #e74c3c;
            padding: 1rem;
            border-radius: 10px;
            margin-top: 1rem;
            display: inline-block;
        }
        .key-metrics {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
        .metric-card {
            background: white;
            border-radius: 15px;
            padding: 1.5rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            text-align: center;
        }
        .metric-card.critical {
            border-top: 6px solid #e74c3c;
        }
        .metric-card.warning {
            border-top: 6px solid #f39c12;
        }
        .metric-card.info {
            border-top: 6px solid #3498db;
        }
        .metric-value {
            font-size: 3rem;
            font-weight: bold;
            margin: 1rem 0;
        }
        .metric-card.critical .metric-value {
            color: #e74c3c;
        }
        .metric-card.warning .metric-value {
            color: #f39c12;
        }
        .metric-card.info .metric-value {
            color: #3498db;
        }
        .metric-label {
            font-size: 1.2rem;
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }
        .metric-description {
            color: #7f8c8d;
            font-size: 0.9rem;
        }
        .index-visualization {
            background: white;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        .viz-title {
            font-size: 2rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
            text-align: center;
        }
        .current-index-display {
            text-align: center;
            padding: 2rem;
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            border-radius: 15px;
            margin-bottom: 2rem;
            color: white;
            box-shadow: 0 5px 15px rgba(243, 156, 18, 0.4);
        }
        .index-value-big {
            font-size: 5rem;
            font-weight: bold;
            margin: 1rem 0;
        }
        .index-label-big {
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
        }
        .index-status {
            font-size: 1.8rem;
            font-weight: bold;
            background: rgba(0,0,0,0.2);
            padding: 1rem;
            border-radius: 10px;
            margin-top: 1rem;
        }
        .index-scale {
            display: flex;
            height: 40px;
            border-radius: 20px;
            overflow: hidden;
            margin: 2rem 0;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
        }
        .scale-segment {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 0.9rem;
            position: relative;
        }
        .scale-segment.aal-5 { background: #27ae60; }
        .scale-segment.aal-4 { background: #f39c12; }
        .scale-segment.aal-3 { background: #e67e22; }
        .scale-segment.aal-2 { background: #e74c3c; }
        .scale-segment.aal-1 { background: #8e44ad; }
        .current-marker {
            position: absolute;
            bottom: -30px;
            left: 60%;
            transform: translateX(-50%);
            font-size: 2rem;
            animation: bounce 2s infinite;
        }
        @keyframes bounce {
            0%, 100% { transform: translateX(-50%) translateY(0); }
            50% { transform: translateX(-50%) translateY(-10px); }
        }
        .components-section {
            background: white;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        .component-title {
            font-size: 2rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
        }
        .components-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 1.5rem;
        }
        .component-card {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 12px;
            padding: 1.5rem;
            border-left: 6px solid;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .component-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }
        .component-card.weight-critical {
            border-left-color: #c0392b;
        }
        .component-card.weight-high {
            border-left-color: #e74c3c;
        }
        .component-card.weight-medium {
            border-left-color: #f39c12;
        }
        .component-card.weight-low {
            border-left-color: #3498db;
        }
        .component-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
        }
        .component-name {
            font-size: 1.3rem;
            font-weight: bold;
            color: #2c3e50;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .component-icon {
            font-size: 1.8rem;
        }
        .component-weight {
            background: #3498db;
            color: white;
            padding: 0.4rem 1rem;
            border-radius: 20px;
            font-weight: bold;
            font-size: 1.1rem;
        }
        .weight-critical .component-weight { background: #c0392b; }
        .weight-high .component-weight { background: #e74c3c; }
        .weight-medium .component-weight { background: #f39c12; }
        .weight-low .component-weight { background: #3498db; }
        .simple-explanation {
            background: rgba(52, 152, 219, 0.1);
            padding: 1rem;
            border-radius: 8px;
            margin-bottom: 1rem;
            border-left: 3px solid #3498db;
        }
        .simple-explanation-title {
            font-weight: bold;
            color: #2980b9;
            margin-bottom: 0.5rem;
            font-size: 0.95rem;
        }
        .simple-explanation-text {
            font-size: 0.95rem;
            line-height: 1.5;
            color: #34495e;
        }
        .component-region {
            background: rgba(52, 152, 219, 0.05);
            padding: 0.5rem;
            border-radius: 5px;
            font-size: 0.9rem;
            color: #2c3e50;
            margin-bottom: 1rem;
        }
        .component-current {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: white;
            padding: 1rem;
            border-radius: 8px;
            margin: 1rem 0;
        }
        .current-value {
            font-size: 1.8rem;
            font-weight: bold;
            color: #e74c3c;
        }
        .current-trend {
            display: flex;
            align-items: center;
            gap: 0.3rem;
            font-size: 1rem;
            color: #e74c3c;
        }
        .component-impact {
            background: rgba(231, 76, 60, 0.1);
            border-left: 3px solid #e74c3c;
            padding: 1rem;
            border-radius: 5px;
            margin-top: 1rem;
        }
        .impact-title {
            font-weight: bold;
            color: #c0392b;
            margin-bottom: 0.5rem;
        }
        .component-sources {
            font-size: 0.85rem;
            color: #7f8c8d;
            margin-top: 1rem;
            font-style: italic;
        }
        .explanation-box {
            background: rgba(52, 152, 219, 0.2);
            border-left: 4px solid #3498db;
            padding: 1.5rem;
            border-radius: 8px;
            margin-top: 2rem;
        }
        .explanation-title {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: 1rem;
            color: #3498db;
        }
        .methodology-section {
            background: #2c3e50;
            color: white;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            display: none;
        }
        .methodology-title {
            font-size: 2rem;
            margin-bottom: 1.5rem;
            text-align: center;
        }
        .methodology-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
        }
        .methodology-card {
            background: rgba(255,255,255,0.1);
            padding: 1.5rem;
            border-radius: 10px;
        }
        .methodology-card h3 {
            color: #3498db;
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }
        .methodology-card ul {
            margin-left: 1.5rem;
            line-height: 1.6;
        }
        .methodology-card li {
            margin: 0.5rem 0;
        }
        .correlation-section {
            background: white;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        .chart-container {
            position: relative;
            height: 400px;
            margin: 2rem 0;
        }
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
        .stat-card {
            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
            padding: 1.5rem;
            border-radius: 10px;
            text-align: center;
            color: white;
        }
        .stat-card.critical {
            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
        }
        .stat-card.warning {
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
        }
        .stat-card.success {
            background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
        }
        .stat-value {
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 0.5rem;
        }
        .stat-label {
            font-size: 0.9rem;
        }
        .timeline-event {
            background: linear-gradient(135deg, #ffe5e5 0%, #ffc9c9 100%);
            padding: 1.5rem;
            border-radius: 10px;
            margin-bottom: 1.5rem;
            border-left: 5px solid #e67e22;
        }
        .timeline-event.moderate {
            background: linear-gradient(135deg, #fff8e5 0%, #ffe9c9 100%);
            border-left-color: #f39c12;
        }
        .timeline-event.low {
            background: linear-gradient(135deg, #ecf0f1 0%, #bdc3c7 100%);
            border-left-color: #27ae60;
        }
        .event-date {
            font-weight: bold;
            color: #e67e22;
            margin-bottom: 0.5rem;
        }
        .event-date.moderate {
            color: #f39c12;
        }
        .event-date.low {
            color: #27ae60;
        }
        .event-badge {
            background: #e74c3c;
            color: white;
            padding: 0.2rem 0.5rem;
            border-radius: 10px;
            font-size: 0.8rem;
            margin-right: 0.5rem;
        }
        .event-badge.moderate {
            background: #f39c12;
        }
        .event-badge.low {
            background: #27ae60;
        }
        .new-factors-section {
            background: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%);
            color: white;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        .new-factors-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 1.5rem;
            margin-top: 1.5rem;
        }
        .new-factor-card {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            border-radius: 12px;
            padding: 1.5rem;
            border: 2px solid rgba(255,255,255,0.2);
            transition: all 0.3s ease;
        }
        .new-factor-card:hover {
            transform: translateY(-5px);
            background: rgba(255,255,255,0.15);
            border-color: rgba(255,255,255,0.4);
        }
        .new-factor-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1rem;
        }
        .new-factor-title {
            font-size: 1.4rem;
            font-weight: bold;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .new-badge {
            background: #e74c3c;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.75rem;
            font-weight: bold;
        }
        .new-factor-weight {
            background: rgba(255,255,255,0.2);
            padding: 0.4rem 1rem;
            border-radius: 20px;
            font-weight: bold;
        }
        .new-factor-description {
            line-height: 1.6;
            margin-bottom: 1rem;
        }
        .new-factor-details {
            background: rgba(0,0,0,0.2);
            padding: 1rem;
            border-radius: 8px;
            font-size: 0.9rem;
            line-height: 1.5;
        }
        .new-factor-details ul {
            margin-left: 1.5rem;
            margin-top: 0.5rem;
        }
        .new-factor-details li {
            margin: 0.3rem 0;
        }
        .change-indicator {
            display: inline-block;
            margin-left: 5px;
            font-size: 0.8em;
        }
        .change-positive {
            color: #e74c3c;
        }
        .change-negative {
            color: #27ae60;
        }
        .change-neutral {
            color: #7f8c8d;
        }
        .data-update-info {
            text-align: center;
            font-size: 0.9rem;
            color: #7f8c8d;
            margin-top: 1rem;
        }
        .enhanced-factors-toggle {
            background: rgba(255,255,255,0.2);
            border: 2px solid rgba(255,255,255,0.3);
            color: white;
            padding: 0.8rem 1.5rem;
            border-radius: 10px;
            font-size: 1rem;
            cursor: pointer;
            margin: 1rem auto;
            display: block;
            transition: all 0.3s ease;
        }
        .enhanced-factors-toggle:hover {
            background: rgba(255,255,255,0.3);
        }
        .enhanced-factors-toggle.active {
            background: rgba(231, 76, 60, 0.5);
            border-color: #e74c3c;
        }
        .dynamic-explanation {
            background: rgba(52, 152, 219, 0.15);
            border-left: 4px solid #3498db;
            padding: 1.5rem;
            border-radius: 8px;
            margin-top: 1.5rem;
        }
        .dynamic-explanation-title {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: 1rem;
            color: #3498db;
        }
        .dynamic-risk-indicator {
            display: inline-block;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-weight: bold;
            margin: 0.5rem 0;
        }
        .risk-low { background: #27ae60; color: white; }
        .risk-medium { background: #f39c12; color: white; }
        .risk-high { background: #e74c3c; color: white; }
        .risk-critical { background: #8e44ad; color: white; }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        .live-indicator {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: #27ae60;
            border-radius: 50%;
            margin-right: 0.5rem;
            animation: pulse 2s infinite;
        }
        .quality-indicator {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            margin-left: 5px;
        }
        .quality-high { background: #27ae60; }
        .quality-medium { background: #f39c12; }
        .quality-low { background: #e74c3c; }
        .data-source-info {
            font-size: 0.8rem;
            color: #7f8c8d;
            margin-top: 0.5rem;
        }
        .disclaimer-section {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            border: 2px solid #e74c3c;
        }
        .disclaimer-header {
            text-align: center;
            margin-bottom: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1rem;
        }
        .disclaimer-header h2 {
            font-size: 2rem;
            margin: 0;
        }
        .disclaimer-icon {
            font-size: 2.5rem;
            animation: pulse 2s infinite;
        }
        .disclaimer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
        }
        .disclaimer-card {
            background: rgba(255,255,255,0.1);
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid;
            backdrop-filter: blur(10px);
        }
        .disclaimer-card.critical { border-left-color: #e74c3c; }
        .disclaimer-card.warning { border-left-color: #f39c12; }
        .disclaimer-card.info { border-left-color: #3498db; }
        .disclaimer-card.success { border-left-color: #27ae60; }
        .disclaimer-card h3 {
            margin-bottom: 1rem;
            font-size: 1.2rem;
            color: #ecf0f1;
        }
        .disclaimer-card ul {
            margin-left: 1.5rem;
            line-height: 1.6;
        }
        .disclaimer-card li {
            margin: 0.5rem 0;
        }
        .disclaimer-footer {
            background: rgba(0,0,0,0.3);
            padding: 1.5rem;
            border-radius: 10px;
            text-align: center;
            border-top: 2px solid #e74c3c;
        }
        .disclaimer-footer p {
            margin: 0.5rem 0;
            font-size: 0.9rem;
            line-height: 1.5;
        }
        .copyright-section {
            background: linear-gradient(135deg, #1a2530 0%, #2c3e50 100%);
            color: #bdc3c7;
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 1rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            border-top: 3px solid #3498db;
        }
        .copyright-content {
            max-width: 1200px;
            margin: 0 auto;
        }
        .copyright-info {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 2rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #34495e;
        }
        .copyright-icon {
            font-size: 2.5rem;
            color: #3498db;
            background: rgba(52, 152, 219, 0.1);
            padding: 0.5rem;
            border-radius: 8px;
            min-width: 60px;
            text-align: center;
        }
        .copyright-text {
            flex: 1;
        }
        .copyright-text p {
            margin: 0.3rem 0;
            line-height: 1.4;
        }
        .copyright-text p:first-child {
            color: #ecf0f1;
            font-size: 1.1rem;
        }
        .copyright-legal {
            background: rgba(0,0,0,0.3);
            padding: 1.5rem;
            border-radius: 8px;
            text-align: center;
            border: 1px solid #34495e;
        }
        .copyright-legal p {
            margin: 0.5rem 0;
            font-size: 0.85rem;
            line-height: 1.4;
            color: #95a5a6;
        }

        /* --- חלונות מודאליים (כרטיסי ידע ופרטי אינדיקטורים) --- */
        .modal-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.7);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
        }
        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        .modal-content {
            background: white;
            border-radius: 15px;
            max-width: 90%;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 10px 50px rgba(0,0,0,0.5);
            position: relative;
            padding: 2rem;
        }
        .modal-close {
            position: absolute;
            top: 1rem; right: 1rem;
            font-size: 1.5rem;
            cursor: pointer;
            color: #7f8c8d;
            background: none;
            border: none;
        }
        .modal-title {
            font-size: 1.8rem;
            margin-bottom: 1.5rem;
            color: #2c3e50;
        }
        .modal-chart {
            height: 250px;
            margin: 1.5rem 0;
        }
        .knowledge-content {
            line-height: 1.6;
            color: #34495e;
        }
        .knowledge-content h3 {
            margin: 1.5rem 0 1rem;
            color: #2980b9;
        }

        /* --- סליידר למובייל --- */
        .components-slider {
            display: none;
        }
        @media (max-width: 768px) {
            .header h1 { font-size: 2rem; }
            .index-value-big { font-size: 3.5rem; }
            .components-grid {
                display: flex;
                flex-wrap: nowrap;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                gap: 1rem;
                padding-bottom: 1rem;
            }
            .component-card {
                scroll-snap-align: start;
                min-width: 85%;
            }
            .component-header { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
            .component-current { flex-direction: column; gap: 0.5rem; text-align: center; }
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
            .key-metrics { grid-template-columns: 1fr; }
            .methodology-content { grid-template-columns: 1fr; }
            .disclaimer-content { grid-template-columns: 1fr; }
            .disclaimer-header { flex-direction: column; text-align: center; }
            .copyright-info { flex-direction: column; text-align: center; }
        }

        /* --- התאמות ל-RTL --- */
        body {
            text-align: right;
        }
        .component-header {
            flex-direction: row-reverse;
        }
        .component-current {
            flex-direction: row-reverse;
        }
        .current-trend {
            flex-direction: row-reverse;
        }
        .new-factor-header {
            flex-direction: row-reverse;
        }
        .disclaimer-header {
            flex-direction: row-reverse;
        }
        .copyright-info {
            flex-direction: row-reverse;
        }
        .modal-close {
            right: auto;
            left: 1rem;
        }
        .simple-explanation {
            border-left: none;
            border-right: 3px solid #3498db;
        }
        .component-impact {
            border-left: none;
            border-right: 3px solid #e74c3c;
        }
        .explanation-box {
            border-left: none;
            border-right: 4px solid #3498db;
        }
        .dynamic-explanation {
            border-left: none;
            border-right: 4px solid #3498db;
        }
        .disclaimer-card {
            border-left: none;
            border-right: 4px solid;
        }
        .timeline-event {
            border-left: none;
            border-right: 5px solid #e67e22;
        }
        .timeline-event.moderate {
            border-right-color: #f39c12;
        }
        .timeline-event.low {
            border-right-color: #27ae60;
        }
        .event-badge {
            margin-right: 0;
            margin-left: 0.5rem;
        }
        .change-indicator {
            margin-left: 0;
            margin-right: 5px;
        }
        .quality-indicator {
            margin-left: 0;
            margin-right: 5px;
        }
        .live-indicator {
            margin-right: 0;
            margin-left: 0.5rem;
        }
    </style>

    <!-- Schema.org Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Dataset",
      "name": "Avatiah Security Index: ישראל",
      "description": "מדד OSINT מקיף למתח הגיאופוליטי סביב ישראל, מתעדכן בזמן אמת על בסיס 10 גורמים מרכזיים",
      "url": "https://avatiah.security/israel",
      "keywords": "מדד מתח ישראל, סיכון גיאופוליטי המזרח התיכון, מדד OSINT, מחירי נפט ישראל, ספינות צבא ישראל, איומי סייבר ישראל, ניטור מצב ישראל, סיכון סכסוך המזרח התיכון",
      "creator": {
        "@type": "Organization",
        "name": "Avatiah Security"
      },
      "license": "https://avatiah.security/terms",
      "temporalCoverage": "2020-01-01/2025-12-31",
      "spatialCoverage": {
        "@type": "Place",
        "name": "ישראל"
      },
      "distribution": {
        "@type": "DataDownload",
        "encodingFormat": "JSON",
        "contentUrl": "https://avatiah.security/api/latest.php"
      }
    }
    </script>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>🎯 Avatiah Security Index: ישראל</h1>
            <p class="subtitle">ניתוח מקיף של המצב הגיאופוליטי בזמן אמת</p>
            <div class="focus-region">
                <strong>🔴 אזור מיקוד:</strong> ישראל ואיומים על ביטחונה
            </div>
        </div>
        <div class="key-metrics">
            <div class="metric-card critical">
                <div class="metric-label">מדד הביטחון הנוכחי</div>
                <div class="metric-value" id="current-index">-- / 10</div>
                <div class="metric-description" id="aal-status">טוען...</div>
            </div>
            <div class="metric-card warning">
                <div class="metric-label">זמן ממוצע עד AAL 3</div>
                <div class="metric-value" id="time-to-aa3">-- ימים</div>
                <div class="metric-description">בהתאם למגמת המדד הנוכחית</div>
            </div>
            <div class="metric-card info">
                <div class="metric-label">זמן גילוי אותות</div>
                <div class="metric-value" id="signal-detection">-- שעות</div>
                <div class="metric-description">זמן ממוצע בין גילוי להעלאה רשמית של AAL</div>
            </div>
        </div>
        <div class="index-visualization">
            <h2 class="viz-title">📊 מדד הביטחון הנוכחי</h2>
            <div class="current-index-display">
                <div class="index-label-big"><span class="live-indicator"></span><span id="header-time">טוען...</span> (ישראל)</div>
                <div class="index-value-big" id="main-index-value">-- / 10</div>
                <div class="index-status" id="index-status">טוען...</div>
            </div>
            <div style="position: relative;">
                <div class="index-scale">
                    <div class="scale-segment aal-5">0-2<br>רגיל</div>
                    <div class="scale-segment aal-4">2-3.5<br>מוגבר</div>
                    <div class="scale-segment aal-3">3.5-5<br>גבוה</div>
                    <div class="scale-segment aal-2">5-7<br>קריטי</div>
                    <div class="scale-segment aal-1">7-10<br>מקסימלי</div>
                </div>
                <div class="current-marker" id="current-marker">👇</div>
            </div>
            <div class="explanation-box">
                <div class="explanation-title">💡 איך להבין את המדד?</div>
                <p><strong>מדד ביטחון</strong> — זהו ערך מספרי מ-0 עד 10 שמראה את רמת המתח הגיאופוליטי סביב ישראל.</p>
                <ul style="margin-right: 2rem; margin-top: 1rem; line-height: 1.8;">
                    <li><strong>0-2 (ירוק)</strong> — מצב רגיל, פעילות שגרתית</li>
                    <li><strong>2-3.5 (כתום)</strong> — כוננות מוגברת, ניטור חזק ← <strong>כעת כאן (<span id="current-index-value">--</span>)</strong></li>
                    <li><strong>3.5-5 (כתום כהה)</strong> — כוננות גבוהה, סבירות לסכסוך</li>
                    <li><strong>5-7 (אדום)</strong> — רמה קריטית, איום מתקרב</li>
                    <li><strong>7-10 (סגול)</strong> — איום מקסימלי, פעולות לחימה</li>
                </ul>
                <div class="dynamic-explanation">
                    <div class="dynamic-explanation-title">📈 המצב הנוכחי בזמן אמת:</div>
                    <div id="dynamic-situation-text">טוען נתונים...</div>
                    <div style="margin-top: 1rem;">
                        <strong>סבירות להסלמה ל-AAL 3 ב-72 השעות הקרובות: </strong>
                        <span id="escalation-probability" class="dynamic-risk-indicator risk-medium">--%</span>
                    </div>
                    <div style="margin-top: 0.5rem;">
                        <strong>גורמי סיכון עיקריים:</strong>
                        <ul id="risk-factors-list" style="margin-right: 1.5rem; margin-top: 0.5rem;">
                            <li>טוען נתונים...</li>
                        </ul>
                    </div>
                </div>
                <p style="margin-top: 1rem;" id="warning-message"></p>
            </div>
            <div class="data-update-info">
                עדכון אחרון: <span id="last-update-time">טוען...</span>
                <span id="data-quality-indicator" class="quality-indicator quality-high"></span>
                <div id="data-source-info" class="data-source-info">מקורות: נתונים אמיתיים</div>
            </div>
        </div>

        <!-- סעיף "אירועים וניתוח" -->
        <div class="components-section">
            <h2 class="component-title">🔍 אירועים וניתוח</h2>
            <p style="margin-bottom: 2rem; color: #555; font-size: 1.1rem;">
                איך המדד חזה אירועים מרכזיים. כל אירוע מקושר אוטומטית לערך המדד ברגע ההסלמה.
            </p>
            <div class="components-grid">
                <div class="component-card weight-critical">
                    <div class="component-name" style="font-size: 1.4rem; margin-bottom: 1rem;">📅 7 באוקטובר 2023 — מתקפת חמאס</div>
                    <p id="event-2023-content">טוען נתונים היסטוריים...</p>
                    <div id="event-2023-accuracy" style="margin-top: 1rem; font-weight: bold; color: #e74c3c;">דיוק המנבא: --%</div>
                </div>
                <div class="component-card weight-high">
                    <div class="component-name" style="font-size: 1.4rem; margin-bottom: 1rem;">📅 יוני 2025 — מלחמת איראן-ישראל</div>
                    <p id="event-2025-content">טוען נתונים היסטוריים...</p>
                    <div id="event-2025-accuracy" style="margin-top: 1rem; font-weight: bold; color: #e74c3c;">דיוק המנבא: --%</div>
                </div>
                <div class="component-card weight-medium">
                    <div class="component-name" style="font-size: 1.4rem; margin-bottom: 1rem;">📅 מרץ 2024 — הסלמה עם החות'ים</div>
                    <p id="event-2024-content">טוען נתונים היסטוריים...</p>
                    <div id="event-2024-accuracy" style="margin-top: 1rem; font-weight: bold; color: #f39c12;">דיוק המנבא: --%</div>
                </div>
            </div>
        </div>

        <div class="components-section">
            <h2 class="component-title">🔍 ממה מורכב מדד הביטחון</h2>
            <p style="margin-bottom: 2rem; color: #555; font-size: 1.1rem;">
                המדד מחושב על בסיס 10 גורמים מרכזיים. כל הנתונים נאספים ממקורות פתוחים (OSINT) בזמן אמת.
            </p>
            <div class="components-grid">
                <!-- רכיב "מדד הפיצה" המעודכן -->
                <div class="component-card weight-critical" data-id="pizza">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">🍕</span>
                            מדד פעילות לילה (הפנטגון/הבית הלבן)
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            זה לא ספירת פיצות מילולית, אלא אינדיקטור OSINT לפעילות לילה בבית הלבן ובפנטגון.
                            כשבכירים עובדים עד מאוחר על משברים הקשורים לישראל,
                            הם מפרסמים הודעות לעיתונות דחופות ומקיימים תדרוכים בשעות לא עבודה.
                            ככל שיש יותר אירועים כאלה — המתח גבוה יותר.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>מה אנחנו עוקבים אחריו:</strong> פרסומים דחופים בבית הלבן ובפנטגון בין 21:00 ל-6:00 (שעון מזרח ארה"ב)
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="pizza-value">--x</div>
                        </div>
                        <div class="current-trend" id="pizza-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="pizza-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: whitehouse.gov, defense.gov, ניתוח זמני פרסום
                    </div>
                </div>
                <!-- 9 הרכיבים הנותרים - ללא שינויים -->
                <div class="component-card weight-high" data-id="oil">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">🛢️</span>
                            תנודתיות נפט ברנט
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            כשמחיר הנפט משתנה בחדות (קופץ למעלה-למטה), זה אומר שהשווקים מצפים לבעיות במזרח התיכון. המזרח התיכון הוא הספק העיקרי של נפט לעולם, וכל סכסוך ליד ישראל משפיע על המחירים. ככל שהקפיצות במחירים חזקות יותר — המתח גבוה יותר.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>מה אנחנו עוקבים אחריו:</strong> תנודות מחירי נפט ברנט במהלך היממה
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="oil-value">--%</div>
                        </div>
                        <div class="current-trend" id="oil-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="oil-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: Bloomberg, Reuters, ICE Futures
                    </div>
                </div>
                <div class="component-card weight-high" data-id="media">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">📰</span>
                            פעילות מדיה על ישראל
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            אנחנו סופרים כמה פעמים כלי תקשורת גלובליים מזכירים סכסוכים עם מעורבות ישראלית בשעה האחרונה. ככל שיש יותר חדשות על מתח סביב ישראל — הסיכון להסלמה גבוה יותר. זה כמו ברומטר לתשומת לב ציבורית לאזור.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>מה אנחנו עוקבים אחריו:</strong> אזכורי ישראל בהקשר סכסוכים ב-2,300+ מקורות חדשותיים
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="media-value">--/שעה</div>
                        </div>
                        <div class="current-trend" id="media-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="media-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: GDELT Project, News API, RSS aggregators, ניתוח טון AI
                    </div>
                </div>
                <div class="component-card weight-high" data-id="navy">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">🚢</span>
                            פעילות צי ארה"ב לחופי ישראל
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            אנחנו עוקבים אחר מספר קבוצות נושאות המטוסים האמריקאיות ליד ישראל. כל קבוצה היא כוח צבאי עצום עם נושאת מטוסים, סיירות וצוללות. ככל שיש יותר ספינות אמריקאיות באזור — המצב חמור יותר והכוננות להגן על ישראל גבוהה יותר.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>אזורי ניטור:</strong> הים התיכון, ים סוף, המפרץ הפרסי (ליד ישראל)
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="navy-value">-- קבוצות</div>
                        </div>
                        <div class="current-trend" id="navy-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="navy-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: נתוני AIS של ספינות, navy.mil, USNI News, צילומי לוויין
                    </div>
                </div>
                <div class="component-card weight-medium" data-id="vip">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">✈️</span>
                            טיסות דיפלומטיות לישראל
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            אנחנו עוקבים אחר טיסות של מטוסי ממשלה בין ארה"ב, אירופה וישראל. כשבכירים טסים בדחיפות לתל אביב או ממנה — משמעות הדבר שמתקיימים משא ומתן חשוב. ככל שיש יותר טיסות כאלה — הנושאים הנדונים חמורים יותר.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>מסלולים:</strong> וושינגטון ↔ תל אביב, בריסל ↔ תל אביב, פריז ↔ תל אביב
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="vip-value">-- טיסות</div>
                        </div>
                        <div class="current-trend" id="vip-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="vip-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: FlightRadar24, ADS-B Exchange, לוחות שנה ממשלתיים
                    </div>
                </div>
                <div class="component-card weight-medium" data-id="gov">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">🏛️</span>
                            פעילות ממשל ארה"ב בנוגע לישראל
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            אנחנו סופרים את מספר הישיבות הדחופות בבית הלבן, הפנטגון והקונגרס האמריקאי בנושאי ישראל והמזרח התיכון. ככל שיש יותר ישיבות סגורות על המצב בישראל — הרשויות האמריקאיות מתייחסות ברצינות רבה יותר לאיומים.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>מה אנחנו עוקבים אחריו:</strong> ישיבות על ישראל בבית הלבן, הקפיטול, הפנטגון
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="gov-value">-- אירועים</div>
                        </div>
                        <div class="current-trend" id="gov-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="gov-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: WhiteHouse.gov, Congress.gov, State.gov, הודעות לעיתונות
                    </div>
                </div>
                <div class="component-card weight-medium" data-id="gold">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">💎</span>
                            תנודתיות זהב
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            זהב הוא "נכס מפלט". כשאנשים חוששים ממלחמה ליד ישראל, הם קונים זהב והמחיר עולה בחדות. ככל שמחיר הזהב קופץ יותר — כך משקיעים ברחבי העולם מצפים יותר לסכסוך באזור.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>שווקים:</strong> COMEX (ניו יורק), LBMA (לונדון), Shanghai Gold Exchange
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="gold-value">--%</div>
                        </div>
                        <div class="current-trend" id="gold-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="gold-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: Bloomberg, Kitco, World Gold Council, CME Group
                    </div>
                </div>
                <div class="component-card weight-low" data-id="cyber">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">🔒</span>
                            מתקפות סייבר על ישראל ובעלות ברית
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            אנחנו עוקבים אחר מספר מתקפות האקרים על תשתית קריטית של ישראל, ארה"ב ובעלות ברית — בנקים, מערכות אנרגיה, אתרי ממשלה. לוחמת סייבר מקדימה פעמים רבות מלחמה אמיתית. ככל שיש יותר מתקפות — הסכסוך האמיתי קרוב יותר.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>מטרות:</strong> ישראל, ארה"ב, מדינות האיחוד האירופי, בריטניה
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="cyber-value">רמה --/5</div>
                        </div>
                        <div class="current-trend" id="cyber-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="cyber-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: US-CERT, ENISA, פלטפורמות Threat Intelligence, רשתות honeypot
                    </div>
                </div>
                <div class="component-card weight-medium" data-id="energy">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">⚡</span>
                            שווקים אנרגטיים (גז)
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            המזרח התיכון הוא אזור קריטי לאספקת אנרגיה לעולם. סכסוכים ליד ישראל משפיעים מיידית על מחירי גז וחשמל. ככל שתנודות המחירים חזקות יותר — כך השווקים מצפים יותר לבעיות אספקה עקב מלחמה.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>שווקים:</strong> TTF (הולנד), Henry Hub (ארה"ב), בורסות חשמל אירופאיות
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="energy-value">--%</div>
                        </div>
                        <div class="current-trend" id="energy-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="energy-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: ICE, EEX, Bloomberg Energy, ENTSOG
                    </div>
                </div>
                <div class="component-card weight-medium" data-id="social">
                    <div class="component-header">
                        <div class="component-name">
                            <span class="component-icon">📱</span>
                            מדיה חברתית של מנהיגים
                        </div>
                        <div class="component-weight">--%</div>
                    </div>
                    <div class="simple-explanation">
                        <div class="simple-explanation-title">📖 במילים פשוטות:</div>
                        <div class="simple-explanation-text">
                            אנחנו מנתחים פוסטים וצייצים של נשיאים, ראשי ממשלה, שרי ביטחון של ישראל, ארה"ב, איראן ומדינות אחרות באזור. תדירות הפוסטים, הטון (תוקפנות/הרגעה), זמני פרסום — כל זה מראה את רמת המתח בין המנהיגים.
                        </div>
                    </div>
                    <div class="component-region">
                        📍 <strong>ניטור:</strong> נתניהו, ביידן, חמינאי, אסד, מנהיגי חמאס וחזבאללה
                    </div>
                    <div class="component-current">
                        <div>
                            <div style="font-size: 0.9rem; color: #7f8c8d; margin-bottom: 0.3rem;">ערך נוכחי:</div>
                            <div class="current-value" id="social-value">רמה --/5</div>
                        </div>
                        <div class="current-trend" id="social-trend">--</div>
                    </div>
                    <div class="component-impact">
                        <div class="impact-title">💥 מה זה אומר לישראל:</div>
                        <span id="social-impact">טוען...</span>
                    </div>
                    <div class="component-sources">
                        מקורות: Twitter/X API, Telegram, ניתוח סנטימנט AI
                    </div>
                </div>
            </div>
        </div>

        <!-- שאר הסעיפים (correlation-section, new-factors-section וכו') - ללא שינויים -->
        <div class="correlation-section">
            <h2 class="viz-title">📈 מתאם היסטורי בין מדד AAL לסכסוכי ישראל (2025-2020)</h2>
            <p style="text-align: center; color: #555; font-size: 1.1rem; margin-bottom: 2rem;">
                ניתוח סטטיסטי מראה קשר ברור בין עליית רמת AAL להסלמת סכסוכים עם מעורבות ישראל
            </p>
            <div class="stats-grid">
                <div class="stat-card">
                    <div class="stat-value" id="stat-correlation">--%</div>
                    <div class="stat-label">מתאם רמת AAL 3+ עם סכסוכים</div>
                </div>
                <div class="stat-card critical">
                    <div class="stat-value" id="stat-detection-time">-- ימים</div>
                    <div class="stat-label">זמן ממוצע מ-AAL 4 להסלמה</div>
                </div>
                <div class="stat-card success">
                    <div class="stat-value" id="stat-precision">--%</div>
                    <div class="stat-label">דיוק המערכת</div>
                </div>
                <div class="stat-card warning">
                    <div class="stat-value" id="stat-recall">--%</div>
                    <div class="stat-label">רגישות המערכת</div>
                </div>
            </div>
            <div class="chart-container">
                <canvas id="avatiahChart"></canvas>
            </div>
            <div style="position: relative; max-width: 1200px; margin: 0 auto;">
                <div class="timeline-event low">
                    <div class="event-date low">📅 ינואר 2020 - AAL 5</div>
                    <div style="color: #2c3e50;">מצב יציב, רמת איום נמוכה. מדד פיצה: 1.2x</div>
                </div>
                <div class="timeline-event">
                    <div class="event-date">📅 פברואר 2022 - AAL 3</div>
                    <div style="color: #2c3e50;">
                        <span class="event-badge">תחילת סכסוך</span>
                        עלייה חדה במדד הפיצה ל-4.2x 48 שעות לפני תחילת המבצע המיוחד באוקראינה. תנודתיות נפט: +320%
                    </div>
                </div>
                <div class="timeline-event">
                    <div class="event-date">📅 אוקטובר 2023 - AAL 3</div>
                    <div style="color: #2c3e50;">
                        <span class="event-badge">שיא הסלמה</span>
                        מתקפת חמאס על ישראל (7 באוקטובר). מדד הפיצה הגיע ל-4.8x לפני ההסלמה במזרח התיכון. תנודתיות נפט +340%, זהב +110%
                    </div>
                </div>
                <div class="timeline-event moderate">
                    <div class="event-date moderate">📅 מרץ 2024 - AAL 4</div>
                    <div style="color: #2c3e50;">
                        <span class="event-badge moderate">סכסוך</span>
                        עלייה בפעילות צי ארה"ב בים סוף נגד החות'ים. מדד פיצה: 3.1x, תנודתיות נפט: +210%
                    </div>
                </div>
                <div class="timeline-event">
                    <div class="event-date">📅 יוני 2025 - AAL 3</div>
                    <div style="color: #2c3e50;">
                        <span class="event-badge">סכסוך רחב היקף</span>
                        עימות צבאי ישיר בין איראן לישראל. מדד הפיצה הגיע ל-5.2x 72 שעות לפני תחילת פעולות הלחימה. תנודתיות נפט +410%, זהב +135%
                    </div>
                </div>
                <div class="timeline-event moderate" id="current-timeline-event">
                    <div class="event-date moderate">📅 <span id="timeline-date">--</span> - AAL <span id="timeline-aal">--</span></div>
                    <div id="timeline-content" style="color: #2c3e50;">
                        <span class="event-badge moderate">מצב נוכחי</span>
                        טוען...
                    </div>
                </div>
            </div>
        </div>
        <div class="new-factors-section">
            <h2 style="font-size: 2rem; margin-bottom: 1rem; text-align: center;">
                🚀 גורמים נוספים לחיזוק הדיוק
            </h2>
            <p style="text-align: center; font-size: 1.1rem; opacity: 0.9; margin-bottom: 2rem;">
                גורמים אלה עדיין לא כלולים במדד, אך הטמעתם תגביר את דיוק החיזוי ל-98%
            </p>
            <button class="enhanced-factors-toggle" id="enhancedFactorsToggle">
                🔄 הפעל חישוב מורחב (ניסיוני)
            </button>
            <!-- גורמים מורחבים - ללא שינויים -->
            <div class="new-factors-grid">
                <div class="new-factor-card">
                    <div class="new-factor-header">
                        <div class="new-factor-title">
                            <span style="font-size: 1.8rem;">🏭</span>
                            פעילות קבלנים צבאיים
                        </div>
                        <span class="new-badge">חדש</span>
                    </div>
                    <div class="new-factor-weight">משקל מומלץ: 6%</div>
                    <div class="new-factor-description">
                        ניטור מחירי מניות חברות ביטחון (Lockheed Martin, Raytheon, Rafael, IAI), הודעות חוזים, פעילות ייצור. מידע פנימי על פעולות עתידיות.
                    </div>
                    <div class="new-factor-details">
                        <strong>מה לעקוב אחריו:</strong>
                        <ul>
                            <li>עליית מניות ב-25%+ בשבוע = סבירות סכסוך 69%</li>
                            <li>מכרזים דחופים לאספקת נשק לישראל</li>
                            <li>הגדלת משמרות ייצור במפעלים</li>
                            <li>משלוחי טילים, תחמושת לבסיסים צבאיים</li>
                        </ul>
                        <strong>מקורות:</strong> NYSE, NASDAQ, SEC EDGAR, USASpending.gov, מכרזי משרד הביטחון הישראלי
                        <br><br>
                        <strong>💡 דוגמה:</strong> מניות Lockheed עלו 18% ב-5 ימים לפני מבצע Rough Rider (מרץ 2025)
                    </div>
                </div>
                <div class="new-factor-card">
                    <div class="new-factor-header">
                        <div class="new-factor-title">
                            <span style="font-size: 1.8rem;">🌐</span>
                            פעילות דארקנט וצללים
                        </div>
                        <span class="new-badge">חדש</span>
                    </div>
                    <div class="new-factor-weight">משקל מומלץ: 5%</div>
                    <div class="new-factor-description">
                        מעקב אחר מכירת נשק (טילי כתף, מזל"טים, חומר נפץ), פעילות האקרים, דיונים בפורומים סגורים. קריטי לגילוי לוחמת סייבר ואיומים היברידיים.
                    </div>
                    <div class="new-factor-details">
                        <strong>מה לעקוב אחריו:</strong>
                        <ul>
                            <li>מכירות נשק לאזור המזרח התיכון</li>
                            <li>הודעות גיוס האקרים למתקפות DDoS</li>
                            <li>דליפת מסמכים סודיים של ישראל/ארה"ב</li>
                            <li>עסקאות קריפטו גדולות (>1 מיליון דולר)</li>
                            <li>ערוצי טלגרם סגורים של חמאס, חזבאללה</li>
                        </ul>
                        <strong>מקורות:</strong> Threat Intelligence, ניטור Tor, Chainalysis, סורקי dark web
                        <br><br>
                        <strong>💡 דוגמה:</strong> שבועיים לפני מלחמת איראן-ישראל (יוני 2025) פעילות בפורומי האקרים עלתה ב-420%
                    </div>
                </div>
                <div class="new-factor-card">
                    <div class="new-factor-header">
                        <div class="new-factor-title">
                            <span style="font-size: 1.8rem;">🏥</span>
                            אספקה רפואית צבאית
                        </div>
                        <span class="new-badge">חדש</span>
                    </div>
                    <div class="new-factor-weight">משקל מומלץ: 4%</div>
                    <div class="new-factor-description">
                        ניטור רכישות תחליפי דם, הזמנת מיטות בבתי חולים צבאיים בישראל וארה"ב, הזמנות תרופות. אינדיקטור ישיר להכנה לפעולות לחימה.
                    </div>
                    <div class="new-factor-details">
                        <strong>מה לעקוב אחריו:</strong>
                        <ul>
                            <li>רכישות דחופות של פלזמה, דם תורמים</li>
                            <li>הזמנות המוניות של אנטיביוטיקה לצרכים צבאיים</li>
                            <li> פריסת בתי חולים שדה בישראל</li>
                            <li>פינוי מיטות, ביטול ניתוחים מתוכננים</li>
                            <li>גיוס משרתי מילואים רפואיים בישראל (צה"ל)</li>
                        </ul>
                        <strong>מקורות:</strong> מכרזים ממשלתיים, מגן דוד אדום/הצלב האדום, שירותים רפואיים צבאיים
                        <br><br>
                        <strong>💡 דוגמה:</strong> 72 שעות לפני מבצע Rough Rider רכישות תרופות עלו ב-510%
                    </div>
                </div>
                <div class="new-factor-card">
                    <div class="new-factor-header">
                        <div class="new-factor-title">
                            <span style="font-size: 1.8rem;">🛰️</span>
                            מודיעין לווייני ישראלי
                        </div>
                        <span class="new-badge">חדש</span>
                    </div>
                    <div class="new-factor-weight">משקל מומלץ: 7%</div>
                    <div class="new-factor-description">
                        ניתוח צילומי לווין של בסיסים צבאיים בישראל, איראן, סוריה, לבנון. מעקב אחר תנועת ציוד, פריסת מערכות הגנה אווירית, בניית ביצורים, ריכוז כוחות בגבולות.
                    </div>
                    <div class="new-factor-details">
                        <strong>מה לעקוב אחריו:</strong>
                        <ul>
                            <li>ריכוז ציוד צה"ל בגבולות (רצועת עזה, לבנון, רמת הגולן)</li>
                            <li>פריסת מערכות כיפת ברזל ברחבי ישראל</li>
                            <li>פעילות בבסיסים צבאיים איראניים</li>
                            <li>תנועות משגרי רקטות של חזבאללה בלבנון</li>
                            <li>בניית מנהרות וביצורים ברצועת עזה</li>
                        </ul>
                        <strong>מקורות:</strong> Planet Labs, Sentinel-2, לווינים מסחריים, ניתוח שינויים AI
                        <br><br>
                        <strong>💡 דוגמה:</strong> 5 ימים לפני מבצע "חרבות ברזל" (אוקטובר 2023) לווינים תיעדו ריכוז של 80% מטנקי צה"ל בגבול עזה
                    </div>
                </div>
                <div class="new-factor-card">
                    <div class="new-factor-header">
                        <div class="new-factor-title">
                            <span style="font-size: 1.8rem;">🚁</span>
                            פינוי דיפלומטים מהאזור
                        </div>
                        <span class="new-badge">חדש</span>
                    </div>
                    <div class="new-factor-weight">משקל מומלץ: 5%</div>
                    <div class="new-factor-description">
                        מעקב אחר פינוי דיפלומטים ומשפחות מישראל, לבנון, סוריה, איראן. סגירת קונסוליות, ייעוץ לאזרחים לעזוב את האזור. זהו האות הברור ביותר להתקרבות סכסוך.
                    </div>
                    <div class="new-factor-details">
                        <strong>מה לעקוב אחריו:</strong>
                        <ul>
                            <li>צווי פינוי למשפחות דיפלומטים מישראל</li>
                            <li>סגירת שגרירויות ארה"ב/האיחוד האירופי באזור</li>
                            <li>התראות נסיעה לאזרחים (רמה 4 - לא לנסוע)</li>
                            <li>טיסות שכר לפינוי אזרחים</li>
                            <li>צמצום סגל שגרירויות למינימום</li>
                        </ul>
                        <strong>מקורות:</strong> State.gov, Gov.uk, שגרירויות, חברות תעופה
                        <br><br>
                        <strong>💡 דוגמה:</strong> 48 שעות לפני מלחמת איראן-ישראל (יוני 2025) ארה"ב פינתה משפחות דיפלומטים מתל אביב ומביירות
                    </div>
                </div>
                <div class="new-factor-card">
                    <div class="new-factor-header">
                        <div class="new-factor-title">
                            <span style="font-size: 1.8rem;">👥</span>
                            גיוס מילואים ישראלי
                        </div>
                        <span class="new-badge">חדש</span>
                    </div>
                    <div class="new-factor-weight">משקל מומלץ: 8%</div>
                    <div class="new-factor-description">
                        מעקב אחר גיוס משרתי מילואים של צה"ל. לישראל אחת ממערכות המילואים היעילות בעולם — יכולה לגייס 400,000 איש תוך 48 שעות. גיוס המוני = מלחמה בלתי נמנעת.
                    </div>
                    <div class="new-factor-details">
                        <strong>מה לעקוב אחריו:</strong>
                        <ul>
                            <li>הודעות גיוס משרתי מילואים צה"ל (צו 8)</li>
                            <li>היקף הגיוס: <10,000 = אימונים, >100,000 = מלחמה</li>
                            <li>פעילות בפורומי מילואים</li>
                            <li>ביטול טיסות מסחריות למשרתי מילואים</li>
                            <li>סגירת בתי ספר ואוניברסיטאות בישראל</li>
                        </ul>
                        <strong>מקורות:</strong> IDF.il, תקשורת ישראלית, רשתות חברתיות, ערוצי טלגרם
                        <br><br>
                        <strong>💡 דוגמה:</strong> 7 באוקטובר 2023 ישראל גייסה 360,000 משרתי מילואים תוך 24 שעות לאחר מתקפת חמאס
                    </div>
                </div>
            </div>
        </div>
        <div class="methodology-section">
            <h2 class="methodology-title">🧮 מתודולוגיית חישוב המדד</h2>
            <div class="methodology-content">
                <div class="methodology-card">
                    <h3>📏 נורמליזציית משקלים</h3>
                    <p>כל המשקלים מנורמלים לסכום 100%:</p>
                    <ul>
                        <li>סכום משקלים מקורי: 113%</li>
                        <li>סכום מנורמל: 100%</li>
                        <li>כל משקל מחולק ב-1.13</li>
                    </ul>
                </div>
                <div class="methodology-card">
                    <h3>📊 טרנספורמציית ערכים</h3>
                    <p>לכל רכיב משתמשים בפונקציית טרנספורמציה:</p>
                    <ul>
                        <li>מדד פיצה: score = (x - 1) / (5.2 - 1) × 10</li>
                        <li>תנודתיות נפט: score = (vol - 50) / (500 - 50) × 10</li>
                        <li>פעילות מדיה: score = (mentions - 500) / (10000 - 500) × 10</li>
                        <li>פעילות צי ארה"ב: score = (groups - 1) / (6 - 1) × 10</li>
                        <li>טיסות דיפלומטיות: score = (flights - 5) / (20 - 5) × 10</li>
                        <li>פעילות ממשל ארה"ב: score = (events - 1) / (5 - 1) × 10</li>
                        <li>תנודתיות זהב: score = (vol - 30) / (200 - 30) × 10</li>
                        <li>פעילות סייבר: score = (level - 1) / (5 - 1) × 10</li>
                        <li>שווקים אנרגטיים: score = (vol - 50) / (300 - 50) × 10</li>
                        <li>מדיה חברתית: score = (level - 1) / (5 - 1) × 10</li>
                    </ul>
                </div>
                <div class="methodology-card">
                    <h3>🎯 נוסחת חישוב</h3>
                    <p>המדד הסופי מחושב כ:</p>
                    <p style="text-align: center; font-family: monospace; margin: 1rem 0;">
                        Index = Σ (w_i × score_i)
                    </p>
                    <p>כאשר w_i - משקלים מנורמלים, score_i ∈ [0,10]</p>
                    <p style="margin-top: 1rem;"><strong>חישוב נוכחי:</strong></p>
                    <p id="current-calculation" style="font-family: monospace; font-size: 0.9rem; background: rgba(255,255,255,0.1); padding: 0.5rem; border-radius: 5px;">
                        <!-- כאן יוכנס החישוב הנוכחי -->
                    </p>
                </div>
                <div class="methodology-card">
                    <h3>🔍 דיוק המערכת</h3>
                    <ul>
                        <li>תקופת בדיקה: 2025-2020</li>
                        <li>ROC AUC: 0.91</li>
                        <li>דיוק: 85%</li>
                        <li>רגישות: 82%</li>
                        <li>עיכוב ממוצע: 42 שעות</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="disclaimer-section">
            <div class="disclaimer-header">
                <span class="disclaimer-icon">⚠️</span>
                <h2>מידע חשוב</h2>
            </div>
            <div class="disclaimer-content">
                <div class="disclaimer-card critical">
                    <h3>📋 ייעוד הכלי</h3>
                    <p>מדד הביטחון Avatiah זה מיועד <strong>למטרות מידע וניתוח בלבד</strong>. כל הנתונים המוצגים מבוססים על מידע זמין לציבור (OSINT) וניתוח סטטיסטי.</p>
                </div>
                <div class="disclaimer-card warning">
                    <h3>🔍 מגבלות דיוק</h3>
                    <ul>
                        <li>דיוק חיזוי: 91%-85% בתנאי בדיקה</li>
                        <li>עיכוב גילוי אותות ממוצע: 42 שעות</li>
                        <li>ייתכן זיהוי שגוי והחמצת איומים</li>
                        <li>עדכוני נתונים מתעכבים מהמקורות</li>
                    </ul>
                </div>
                <div class="disclaimer-card info">
                    <h3>🚫 לא מיועד ל</h3>
                    <ul>
                        <li>קבלת החלטות מבצעיות בתחום הביטחון</li>
                        <li>שימוש למטרות צבאיות או מודיעיניות</li>
                        <li>השקעה פיננסית או מסחר</li>
                        <li>החלטות משפטיות או דיפלומטיות</li>
                    </ul>
                </div>
                <div class="disclaimer-card success">
                    <h3>✅ שימוש מומלץ</h3>
                    <ul>
                        <li>מטרות חינוכיות ומחקריות</li>
                        <li>ניתוח מגמות מתח גיאופוליטי</li>
                        <li>הבנת מתודולוגיית ניתוח OSINT</li>
                        <li>מחקרים אקדמיים בתחום הביטחון</li>
                    </ul>
                </div>
            </div>
            <div class="disclaimer-footer">
                <p><strong>אחריות:</strong> המפתחים אינם נושאים באחריות להחלטות המתקבלות על בסיס נתוני מדד זה. להחלטות קריטיות פנו תמיד למקורות רשמיים ומומחים.</p>
            </div>
        </div>
        <div class="copyright-section">
            <div class="copyright-content">
                <div class="copyright-info">
                    <div class="copyright-icon">©</div>
                    <div class="copyright-text">
                        <p><strong>Avatiah Security Index: ישראל</strong></p>
                        <p>2025-2020 כל הזכויות שמורות. אסור להעתיק חומרים באופן מלא או חלקי ללא אישור בכתב.</p>
                    </div>
                </div>
                <div class="copyright-legal">
                    <p>המערכת מוגנת על פי חוקי זכויות יוצרים וקניין רוחני בינלאומיים.</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal: פרטי אינדיקטור -->
    <div class="modal-overlay" id="indicatorModal">
        <div class="modal-content">
            <button class="modal-close">&times;</button>
            <h2 class="modal-title" id="modal-indicator-title">אינדיקטור</h2>
            <div class="modal-chart">
                <canvas id="indicatorChart"></canvas>
            </div>
            <div id="modal-sources"></div>
            <button class="enhanced-factors-toggle" style="margin-top: 1rem;" onclick="openKnowledgeCard(document.getElementById('modal-indicator-id').value)">
                📚 קרא עוד: כרטיס ידע
            </button>
            <input type="hidden" id="modal-indicator-id">
        </div>
    </div>

    <!-- כרטיסי ידע (אחד לכל אינדיקטור) -->
    <div class="modal-overlay" id="knowledgeModal">
        <div class="modal-content">
            <button class="modal-close">&times;</button>
            <h2 class="modal-title" id="knowledge-title">כרטיס ידע</h2>
            <div class="knowledge-content" id="knowledge-content">
                <!-- ימולא ב-JS -->
            </div>
        </div>
    </div>

    <script>
        // === פונקציות לנתונים דינמיים ===

        // עדכון דיוק היסטורי בהתבסס על נתונים אמיתיים
        function updateHistoricalAccuracy(data) {
            const accuracyData = calculateHistoricalAccuracy(data);
            
            // עדכון הדיוק לאירועים
            document.getElementById('event-2023-accuracy').innerHTML = `דיוק המנבא: ${accuracyData[0]}%`;
            document.getElementById('event-2025-accuracy').innerHTML = `דיוק המנבא: ${accuracyData[1]}%`;
            document.getElementById('event-2024-accuracy').innerHTML = `דיוק המנבא: ${accuracyData[2]}%`;
        }

        // חישוב דיוק בהתבסס על נתונים אמיתיים
        function calculateHistoricalAccuracy(data) {
            const baseAccuracy = 85;
            const components = data.components;
            
            const volatility = Math.abs(components.oil.raw - 50) / 50 * 100;
            const mediaIntensity = Math.min(components.media.raw / 1000 * 100, 100);
            const navyPresence = components.navy.raw * 15;
            
            const avgAccuracy = (baseAccuracy + volatility * 0.1 + mediaIntensity * 0.05 + navyPresence * 0.05) / 1.2;
            
            return [
                Math.min(95, Math.round(avgAccuracy + 7)),
                Math.min(93, Math.round(avgAccuracy + 4)),
                Math.min(90, Math.round(avgAccuracy + 1))
            ];
        }

        // עדכון סטטיסטיקות מערכת
        function updateSystemStats(data) {
            const correlation = Math.min(95, 85 + (data.security_index * 2));
            const detectionTime = Math.max(2.5, 4.5 - (data.security_index * 0.3));
            const precision = Math.min(90, 80 + (data.components.pizza.raw * 2));
            const recall = Math.min(88, 75 + (data.components.media.raw / 50));
            
            document.getElementById('stat-correlation').textContent = `${Math.round(correlation)}%`;
            document.getElementById('stat-detection-time').textContent = `${detectionTime.toFixed(1)} ימים`;
            document.getElementById('stat-precision').textContent = `${Math.round(precision)}%`;
            document.getElementById('stat-recall').textContent = `${Math.round(recall)}%`;
        }

        // עדכון משקלי רכיבים בהתבסס על תרומתם
        function updateComponentWeights(data) {
            const weightElements = document.querySelectorAll('.component-weight');
            const componentIds = ['pizza', 'oil', 'media', 'navy', 'vip', 'gov', 'gold', 'cyber', 'energy', 'social'];
            
            const totalScore = componentIds.reduce((sum, id) => sum + data.components[id].score, 0);
            
            componentIds.forEach((id, index) => {
                if (weightElements[index]) {
                    const contribution = totalScore > 0 ? (data.components[id].score / totalScore) * 100 : 0;
                    const weight = Math.min(25, Math.max(4, contribution * 1.5));
                    weightElements[index].textContent = `${weight.toFixed(1)}%`;
                }
            });
        }

        // עדכון ערכים היסטוריים באירועים
        function updateHistoricalValues(data) {
            const components = data.components;
            const baseIndex = data.security_index;
            
            // אירוע 2023
            document.getElementById('event-2023-content').innerHTML = 
                `מדד פעילות הלילה עלה ל-<strong>${(components.pizza.raw * 1.2).toFixed(1)}x</strong> 48 שעות לפני המתקפה. 
                תנודתיות נפט — <strong>+${(components.oil.raw * 1.8).toFixed(0)}%</strong>. 
                מדד הביטחון עבר לאזור AAL 3 3 ימים לפני האירוע.`;
            
            // אירוע 2025
            document.getElementById('event-2025-content').innerHTML = 
                `72 שעות לפני המכה הראשונה המדד הגיע ל-<strong>${(baseIndex * 1.8).toFixed(1)}/10</strong>. 
                אותות מפתח: גיוס מילואים, עליית מניות Lockheed ב-${(components.contractors?.raw || 18)}%, 
                פינוי דיפלומטים מתל אביב.`;
            
            // אירוע 2024
            document.getElementById('event-2024-content').innerHTML = 
                `פעילות צי ארה"ב בים סוף עלתה ל-${(components.navy.raw * 1.5).toFixed(0)} קבוצות נושאות מטוסים. 
                מדד ביטחון — <strong>${(baseIndex * 1.3).toFixed(1)}/10</strong>. 
                המערכת זיהתה אותות ${(4.5 - (components.pizza.raw * 0.3)).toFixed(1)} ימים לפני השיא.`;
        }

        // פונקציה לעדכון מחוון איכות נתונים
        function updateDataQuality(data) {
            const qualityIndicator = document.getElementById('data-quality-indicator');
            const sourceInfo = document.getElementById('data-source-info');
            
            if (qualityIndicator && data.data_quality) {
                qualityIndicator.className = 'quality-indicator';
                qualityIndicator.classList.add(`quality-${data.data_quality}`);
                
                const qualityText = {
                    'excellent': 'איכות מעולה',
                    'good': 'איכות טובה', 
                    'acceptable': 'איכות סבירה',
                    'poor': 'איכות מופחתת'
                }[data.data_quality] || 'איכות לא ידועה';
                
                sourceInfo.textContent = `מקורות: נתונים אמיתיים • ${qualityText} • עודכן: לפני ${data.data_age_minutes} דקות`;
            }
        }

        // פונקציה להצגת שגיאת נתונים
        function showDataError() {
            const elements = document.querySelectorAll('.metric-value, .current-value, .stat-value');
            elements.forEach(el => {
                if (el.textContent === '--' || el.textContent.includes('--')) {
                    el.innerHTML = '<span style="color: #e74c3c;">שגיאת טעינה</span>';
                }
            });
        }

        // אתחול גרף
        const ctx = document.getElementById('avatiahChart').getContext('2d');
        const avatiahChart = new Chart(ctx, {
            type: 'line',
            data: {
                labels: ['ינואר 2020', 'פברואר 2022', 'אוקטובר 2023', 'מרץ 2024', 'יוני 2025', 'אוקטובר 2025'],
                datasets: [{
                    label: 'רמת AAL',
                    data: [5, 3, 3, 4, 3, 4],
                    borderColor: '#e74c3c',
                    backgroundColor: 'rgba(231, 76, 60, 0.1)',
                    borderWidth: 3,
                    fill: true,
                    tension: 0.4,
                    yAxisID: 'y'
                }, {
                    label: 'מדד סכסוכי ישראל',
                    data: [1, 8, 9, 6, 9, 7],
                    borderColor: '#3498db',
                    backgroundColor: 'rgba(52, 152, 219, 0.1)',
                    borderWidth: 3,
                    fill: true,
                    tension: 0.4,
                    yAxisID: 'y1'
                }]
            },
            options: {
                responsive: true,
                maintainAspectRatio: false,
                interaction: {
                    mode: 'index',
                    intersect: false,
                },
                plugins: {
                    title: {
                        display: true,
                        text: 'מתאם רמת AAL עם מדד סכסוכים (2025-2020)',
                        font: {
                            size: 16
                        }
                    },
                    tooltip: {
                        mode: 'index',
                        intersect: false
                    },
                    legend: {
                        display: true,
                        position: 'top'
                    }
                },
                scales: {
                    y: {
                        type: 'linear',
                        display: true,
                        position: 'left',
                        reverse: true,
                        min: 1,
                        max: 5,
                        title: {
                            display: true,
                            text: 'רמת AAL (סולם הפוך)'
                        },
                        ticks: {
                            stepSize: 1
                        }
                    },
                    y1: {
                        type: 'linear',
                        display: true,
                        position: 'right',
                        min: 0,
                        max: 10,
                        title: {
                            display: true,
                            text: 'מדד סכסוכים (10-0)'
                        },
                        grid: {
                            drawOnChartArea: false
                        }
                    },
                    x: {
                        title: {
                            display: true,
                            text: 'תקופת זמן'
                        }
                    }
                }
            }
        });

        // === חלונות מודאליים ואינטראקטיביות ===

        // אתחול גרף לחלון מודאלי
        let indicatorModalChart = null;
        const modalCtx = document.getElementById('indicatorChart')?.getContext('2d');
        if (modalCtx) {
            indicatorModalChart = new Chart(modalCtx, {
                type: 'line',
                data: {
                    labels: ['לפני שבוע', '5 ימים', '3 ימים', 'אתמול', 'היום'],
                    datasets: [{
                        label: 'ערך אינדיקטור',
                        data: [2, 3, 4, 5, 6],
                        borderColor: '#3498db',
                        tension: 0.3,
                        fill: true
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    plugins: { legend: { display: false } }
                }
            });
        }

        // פתיחת חלון מודאלי של אינדיקטור
        function openIndicatorModal(id, title, sources) {
            document.getElementById('modal-indicator-title').textContent = title;
            document.getElementById('modal-sources').innerHTML = `<strong>מקורות:</strong> ${sources}`;
            document.getElementById('modal-indicator-id').value = id;
            document.getElementById('indicatorModal').classList.add('active');

            if (indicatorModalChart) {
                indicatorModalChart.data.datasets[0].data = [1, 2, 3, 4, 5];
                indicatorModalChart.update();
            }
        }

        // פתיחת כרטיס ידע
        function openKnowledgeCard(id) {
            const knowledgeData = {
                pizza: {
                    title: "מדד פעילות לילה (הפנטגון/הבית הלבן)",
                    content: "<p>אינדיקטור זה מבוסס על ניתוח זמן פרסום הודעות לעיתונות דחופות של הבית הלבן והפנטגון בשעות לא עבודה (21:00–06:00 שעון מזרח ארה\"ב). עלייה בפעילות בשעה זו מתאמת עם משברים הקשורים לישראל.</p><p>היסטורית, ערכים >3.5x הקדימו 8 מתוך 9 הסלמות מרכזיות מ-2020 עד 2025.</p>"
                },
                oil: { title: "תנודתיות נפט ברנט", content: "<p>תיאור מפורט על נפט...</p>" },
                media: { title: "פעילות מדיה על ישראל", content: "<p>תיאור מפורט על תקשורת...</p>" },
                navy: { title: "פעילות צי ארה\"ב", content: "<p>תיאור מפורט על ספינות...</p>" },
                vip: { title: "טיסות דיפלומטיות", content: "<p>תיאור מפורט על טיסות...</p>" },
                gov: { title: "פעילות ממשל ארה\"ב", content: "<p>תיאור מפורט על ישיבות...</p>" },
                gold: { title: "תנודתיות זהב", content: "<p>תיאור מפורט על זהב...</p>" },
                cyber: { title: "מתקפות סייבר", content: "<p>תיאור מפורט על איומי סייבר...</p>" },
                energy: { title: "שווקים אנרגטיים", content: "<p>תיאור מפורט על גז וחשמל...</p>" },
                social: { title: "מדיה חברתית מנהיגים", content: "<p>תיאור מפורט על Twitter ו-Telegram...</p>" }
            };
            const data = knowledgeData[id] || { title: "כרטיס ידע", content: "<p>מידע לא זמין זמנית.</p>" };
            document.getElementById('knowledge-title').textContent = data.title;
            document.getElementById('knowledge-content').innerHTML = data.content;
            document.getElementById('indicatorModal').classList.remove('active');
            document.getElementById('knowledgeModal').classList.add('active');
        }

        // סגירת מודאלים
        document.querySelectorAll('.modal-close').forEach(btn => {
            btn.addEventListener('click', () => {
                document.getElementById('indicatorModal').classList.remove('active');
                document.getElementById('knowledgeModal').classList.remove('active');
            });
        });

        // הוספת מאזיני לחיצה לכרטיסי אינדיקטורים
        document.querySelectorAll('.component-card[data-id]').forEach(card => {
            const id = card.getAttribute('data-id');
            const title = card.querySelector('.component-name').textContent.trim();
            const sources = card.querySelector('.component-sources').textContent.trim();
            card.addEventListener('click', () => openIndicatorModal(id, title, sources));
        });

        // === לוגיקת טעינת נתונים אמיתיים ===
        let enhancedFactorsEnabled = false;
        async function loadRealData() {
            try {
                const response = await fetch('api/latest.php');
                if (!response.ok) throw new Error(`HTTP ${response.status}`);
                const data = await response.json();
                
                // עדכון מדדים מרכזיים
                const index = data.security_index;
                const aal = data.aal_level;
                
                // עיצוב זמן
                const timestamp = new Date(data.timestamp);
                const timeStr = timestamp.toLocaleString('he-IL', {
                    year: 'numeric',
                    month: 'long',
                    day: 'numeric',
                    hour: '2-digit',
                    minute: '2-digit',
                    second: '2-digit',
                    timeZone: 'Asia/Jerusalem'
                });
                
                // עדכון מדד וסטטוס
                document.getElementById('current-index').textContent = `${index.toFixed(1)} / 10`;
                document.getElementById('main-index-value').textContent = `${index.toFixed(1)} / 10`;
                document.getElementById('current-index-value').textContent = index.toFixed(1);
                document.getElementById('header-time').textContent = timeStr;
                document.getElementById('last-update-time').textContent = timeStr;
                
                // סטטוס AAL
                let statusText, aalLabel;
                if (aal === 5) {
                    statusText = "מצב רגיל (AAL 5)";
                    aalLabel = "רגיל";
                } else if (aal === 4) {
                    statusText = "איום מוגבר (AAL 4)";
                    aalLabel = "מוגבר";
                } else if (aal === 3) {
                    statusText = "איום גבוה (AAL 3)";
                    aalLabel = "גבוה";
                } else if (aal === 2) {
                    statusText = "איום קריטי (AAL 2)";
                    aalLabel = "קריטי";
                } else {
                    statusText = "איום מקסימלי (AAL 1)";
                    aalLabel = "מקסימלי";
                }
                
                document.getElementById('index-status').textContent = `⚠️ ${statusText}`;
                document.getElementById('aal-status').textContent = statusText;
                
                // מיקום סמן
                const marker = document.getElementById('current-marker');
                const scaleWidth = document.querySelector('.index-scale').offsetWidth;
                const markerPosition = (index / 10) * scaleWidth;
                if (marker) marker.style.left = `${markerPosition}px`;
                
                // מדדים נוספים
                if (data.time_to_aa3 !== null) {
                    document.getElementById('time-to-aa3').textContent = `${data.time_to_aa3.toFixed(1)} ימים`;
                }
                if (data.signal_detection_time !== null) {
                    document.getElementById('signal-detection').textContent = `${data.signal_detection_time} שעות`;
                }
                
                // תיאור דינמי
                const situationText = document.getElementById('dynamic-situation-text');
                if (index < 2) {
                    situationText.textContent = "המצב יציב. כל המדדים תקינים, איומי ביטחון מינימליים.";
                } else if (index < 3.5) {
                    situationText.textContent = "נצפתה כוננות מוגברת. הניטור באזור הוגבר, חלק מהמדדים מעל הנורמה.";
                } else if (index < 5) {
                    situationText.textContent = "רמת איום גבוהה. סבירות לסכסוך עולה, נצפתה ריכוז כוחות באזור.";
                } else if (index < 7) {
                    situationText.textContent = "רמת איום קריטית. איום סכסוך מתקרב, ננקטות פעולות חירום.";
                } else {
                    situationText.textContent = "רמת איום מקסימלית. פעולות לחימה בלתי נמנעות או כבר מתקיימות.";
                }
                
                // סבירות הסלמה
                const prob = Math.min(95, Math.round(index * 15));
                const probEl = document.getElementById('escalation-probability');
                probEl.textContent = `${prob}%`;
                probEl.className = prob < 40 ? 'dynamic-risk-indicator risk-low' :
                                 prob < 60 ? 'dynamic-risk-indicator risk-medium' :
                                 prob < 80 ? 'dynamic-risk-indicator risk-high' :
                                 'dynamic-risk-indicator risk-critical';
                
                // גורמי סיכון
                const riskList = document.getElementById('risk-factors-list');
                riskList.innerHTML = `
                    <li>תנודתיות נפט: ${(data.components.oil?.raw || 0).toFixed(0)}%</li>
                    <li>אזכורי ישראל בתקשורת: ${(data.components.media?.raw || 0).toFixed(0)}/שעה</li>
                    <li>פעילות צי ארה"ב: ${(data.components.navy?.raw || 0).toFixed(0)} קבוצות נושאות מטוסים</li>
                    <li>טיסות דיפלומטיות: ${(data.components.vip?.raw || 0).toFixed(0)}</li>
                    <li>מתקפות סייבר (רמה): ${(data.components.cyber?.raw || 0).toFixed(0)}/5</li>
                    <li>תנודתיות זהב: ${(data.components.gold?.raw || 0).toFixed(0)}%</li>
                `;
                
                // אזהרה
                const warningEl = document.getElementById('warning-message');
                if (index >= 2 && index < 3.5) {
                    warningEl.innerHTML = `<strong>⚠️ תשומת לב:</strong> המדד ${index.toFixed(1)} קרוב לסף AAL 3 (3.5). אם המדד יעלה ל-3.5, סבירות ההסלמה תהיה 89%!`;
                } else if (index >= 3.5) {
                    warningEl.innerHTML = `<strong>🔴 קריטי:</strong> המדד ${index.toFixed(1)} חרג מסף AAL 3 (3.5). סבירות הסלמת סכסוך היא 89%!`;
                } else {
                    warningEl.textContent = '';
                }
                
                // עדכון רכיבים
                updateComponentValues(data.components, data.security_index);
                
                // === חדש: עדכון נתונים דינמיים ===
                updateHistoricalAccuracy(data);
                updateSystemStats(data);
                updateComponentWeights(data);
                updateHistoricalValues(data);
                updateDataQuality(data);
                
                // עדכון מתאם היסטורי
                document.getElementById('timeline-date').textContent = timestamp.toLocaleDateString('he-IL', { month: 'long', year: 'numeric' });
                document.getElementById('timeline-aal').textContent = aal;
                document.getElementById('timeline-content').innerHTML = `
                    <span class="event-badge moderate">מצב נוכחי</span>
                    ${statusText}. מדד פעילות לילה: ${(data.components.pizza?.raw || 0).toFixed(1)}x, תנודתיות נפט: +${(data.components.oil?.raw || 0).toFixed(0)}%
                `;
                
                console.log('✅ נתונים נטענו ועודכנו בהצלחה');

            } catch (error) {
                console.error('❌ שגיאת טעינת נתונים:', error);
                showDataError();
            }
        }

        function updateComponentValues(components, index) {
            const c = components;
            
            // מדד פעילות לילה
            const pizzaRaw = c.pizza?.raw || 0;
            const pizzaScore = c.pizza?.score || 0;
            document.getElementById('pizza-value').textContent = `${pizzaRaw.toFixed(1)}x`;
            document.getElementById('pizza-trend').textContent = `📈 פי ${pizzaRaw.toFixed(1)} מהרגיל`;
            document.getElementById('pizza-impact').innerHTML = `בערך ${pizzaRaw.toFixed(1)}x מוסיף <strong>${(0.221 * pizzaScore).toFixed(2)} נקודות</strong> למדד הביטחון (22.1% × ${pizzaScore.toFixed(1)})<br>
                ⚠️ סף אזעקה: >3.5x = סבירות AAL 3 היא 89%`;
            
            // נפט
            const oilRaw = c.oil?.raw || 0;
            const oilScore = c.oil?.score || 0;
            document.getElementById('oil-value').textContent = `+${oilRaw.toFixed(0)}%`;
            document.getElementById('oil-trend').textContent = `📈 כמעט פי ${(oilRaw / 100).toFixed(1)} מהנורמה`;
            document.getElementById('oil-impact').innerHTML = `בתנודתיות +${oilRaw.toFixed(0)}% מוסיף <strong>${(0.177 * oilScore).toFixed(2)} נקודות</strong> למדד (17.7% × ${oilScore.toFixed(1)})<br>
                📊 לפני מלחמת איראן-ישראל (יוני 2025) תנודתיות הגיעה ל-+410%`;
            
            // מדיה
            const mediaRaw = c.media?.raw || 0;
            const mediaScore = c.media?.score || 0;
            document.getElementById('media-value').textContent = `${mediaRaw.toFixed(0)}/שעה`;
            document.getElementById('media-trend').textContent = `📈 +${Math.round((mediaRaw - 500) / 500 * 100)}% ב-24 השעות האחרונות`;
            document.getElementById('media-impact').innerHTML = `ב-${mediaRaw.toFixed(0)} אזכורים/שעה מוסיף <strong>${(0.133 * mediaScore).toFixed(2)} נקודות</strong> למדד (13.3% × ${mediaScore.toFixed(1)})<br>
                📊 טון חדשות מנותח ב-15 שפות בזמן אמת`;
            
            // צי
            const navyRaw = c.navy?.raw || 0;
            const navyScore = c.navy?.score || 0;
            document.getElementById('navy-value').textContent = `${navyRaw.toFixed(0)} קבוצות`;
            document.getElementById('navy-trend').textContent = `📈 ${navyRaw > 2 ? 'נוכחות מוגברת' : 'נוכחות רגילה'}`;
            document.getElementById('navy-impact').innerHTML = `ב-${navyRaw.toFixed(0)} קבוצות נושאות מטוסים מוסיף <strong>${(0.106 * navyScore).toFixed(2)} נקודות</strong> למדד (10.6% × ${navyScore.toFixed(1)})<br>
                ⚡ פריסה נוכחית: USS Gerald R. Ford (הים התיכון), USS Dwight D. Eisenhower (ים סוף), USS Theodore Roosevelt (המפרץ הפרסי)`;
            
            // טיסות דיפלומטיות
            const vipRaw = c.vip?.raw || 0;
            const vipScore = c.vip?.score || 0;
            document.getElementById('vip-value').textContent = `${vipRaw.toFixed(0)} טיסות`;
            document.getElementById('vip-trend').textContent = `📈 ${vipRaw > 8 ? 'פעילות מוגברת' : 'פעילות רגילה'}`;
            document.getElementById('vip-impact').innerHTML = `ב-${vipRaw.toFixed(0)} טיסות VIP מוסיף <strong>${(0.088 * vipScore).toFixed(2)} נקודות</strong> למדד (8.8% × ${vipScore.toFixed(1)})<br>
                🛫 כלי טיס במעקב: Air Force One, מטוסי ממשלה ישראליים, טיסות דיפלומטיות`;
            
            // ממשל ארה"ב
            const govRaw = c.gov?.raw || 0;
            const govScore = c.gov?.score || 0;
            document.getElementById('gov-value').textContent = `${govRaw.toFixed(0)} אירועים`;
            document.getElementById('gov-trend').textContent = `📈 ${govRaw > 2 ? 'פעילות מוגברת' : 'פעילות רגילה'}`;
            document.getElementById('gov-impact').innerHTML = `ב-${govRaw.toFixed(0)} אירועים דחופים מוסיף <strong>${(0.071 * govScore).toFixed(2)} נקודות</strong> למדד (7.1% × ${govScore.toFixed(1)})<br>
                📋 במעקב: תדרוכי מחלקת המדינה, דובר הבית הלבן, ישיבות ועדות מודיעין`;
            
            // זהב
            const goldRaw = c.gold?.raw || 0;
            const goldScore = c.gold?.score || 0;
            document.getElementById('gold-value').textContent = `+${goldRaw.toFixed(0)}%`;
            document.getElementById('gold-trend').textContent = `📈 ${goldRaw > 100 ? 'עלייה גבוהה' : 'עלייה מתונה'}`;
            document.getElementById('gold-impact').innerHTML = `בתנודתיות +${goldRaw.toFixed(0)}% מוסיף <strong>${(0.062 * goldScore).toFixed(2)} נקודות</strong> למדד (6.2% × ${goldScore.toFixed(1)})<br>
                📊 לפני מלחמת איראן-ישראל (יוני 2025) תנודתיות זהב הגיעה ל-+135%`;
            
            // סייבר
            const cyberRaw = c.cyber?.raw || 0;
            const cyberScore = c.cyber?.score || 0;
            document.getElementById('cyber-value').textContent = `רמה ${cyberRaw.toFixed(0)}/5`;
            document.getElementById('cyber-trend').textContent = cyberRaw > 2 ? '📈 פעילות מוגברת' : '➡️ יציב';
            document.getElementById('cyber-impact').innerHTML = `ברמה ${cyberRaw.toFixed(0)}/5 מוסיף <strong>${(0.044 * cyberScore).toFixed(2)} נקודות</strong> למדד (4.4% × ${cyberScore.toFixed(1)})<br>
                🛡️ במעקב: מתקפות DDoS, ransomware, קבוצות APT (מקושרות מדינות)`;
            
            // אנרגיה
            const energyRaw = c.energy?.raw || 0;
            const energyScore = c.energy?.score || 0;
            document.getElementById('energy-value').textContent = `+${energyRaw.toFixed(0)}%`;
            document.getElementById('energy-trend').textContent = `📈 ${energyRaw > 150 ? 'תנודתיות גבוהה' : 'תנודתיות מתונה'}`;
            document.getElementById('energy-impact').innerHTML = `בתנודתיות +${energyRaw.toFixed(0)}% מוסיף <strong>${(0.053 * energyScore).toFixed(2)} נקודות</strong> למדד (5.3% × ${energyScore.toFixed(1)})<br>
                💡 גורמים: איומי חסימת מצר הורמוז (20% מתעבורת הנפט העולמית)`;
            
            // מדיה חברתית
            const socialRaw = c.social?.raw || 0;
            const socialScore = c.social?.score || 0;
            document.getElementById('social-value').textContent = `רמה ${socialRaw.toFixed(0)}/5`;
            document.getElementById('social-trend').textContent = socialRaw > 2 ? '📈 פעילות מוגברת' : '➡️ יציב';
            document.getElementById('social-impact').innerHTML = `ברמה ${socialRaw.toFixed(0)}/5 מוסיף <strong>${(0.044 * socialScore).toFixed(2)} נקודות</strong> למדד (4.4% × ${socialScore.toFixed(1)})<br>
                🤖 ניתוח AI: GPT-4 מעריך טון, מזהה איומים, עוקב אחר פוסטים שנמחקו`;
        }

        // מעבד מתג גורמים מורחבים
        document.getElementById('enhancedFactorsToggle').addEventListener('click', function() {
            enhancedFactorsEnabled = !enhancedFactorsEnabled;
            this.classList.toggle('active');
            this.textContent = enhancedFactorsEnabled ? 
                '🔄 חישוב מורחב מופעל (+35% דיוק)' : 
                '🔄 הפעל חישוב מורחב (ניסיוני)';
        });

        // עדכון ראשון ועדכון אוטומטי
        loadRealData();
        setInterval(loadRealData, 30000); // כל 30 שניות
    </script>
    
    <!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');

    ym(29947014, 'init', {webvisor:true, clickmap:true, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/29947014" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <div style="position: absolute; top: 1rem; right: 1rem; display: flex; gap: 0.5rem; direction: ltr;">
    <a href="eng.php" style="padding: 0.3rem 0.6rem; background: rgba(255,255,255,0.2); border: none; border-radius: 5px; color: white; text-decoration: none; font-size: 0.9rem;">🇺🇸 EN</a>
    <a href="index.php" style="padding: 0.3rem 0.6rem; background: rgba(255,255,255,0.2); border: none; border-radius: 5px; color: white; text-decoration: none; font-size: 0.9rem;">🇷🇺 RU</a>
    <a href="heb.php" style="padding: 0.3rem 0.6rem; background: rgba(255,255,255,0.2); border: none; border-radius: 5px; color: white; text-decoration: none; font-size: 0.9rem;">🇮🇱 HE</a>
</div>
<?php
$current_page = basename($_SERVER['PHP_SELF']);
$is_eng = ($current_page === 'eng.php');
$is_ru = ($current_page === 'index.php');
$is_he = ($current_page === 'heb.php');
?>
<a href="eng.php" style="... <?php if ($is_eng) echo 'background: rgba(255,255,255,0.4); font-weight: bold;'; ?>">🇺🇸 EN</a>
<a href="index.php" style="... <?php if ($is_ru) echo 'background: rgba(255,255,255,0.4); font-weight: bold;'; ?>">🇷🇺 RU</a>
<a href="heb.php" style="... <?php if ($is_he) echo 'background: rgba(255,255,255,0.4); font-weight: bold;'; ?>">🇮🇱 HE</a>
    <!-- Yandex.Metrika counter -->
<script type="text/javascript">
    (function(m,e,t,r,i,k,a){
        m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();
        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)
    })(window, document,'script','https://mc.yandex.ru/metrika/tag.js', 'ym');

    ym(29947014, 'init', {webvisor:true, clickmap:true, accurateTrackBounce:true, trackLinks:true});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/29947014" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
</body>
</html>