<?php
/**
 * Heli-Missionen — inhaltliches Drehbuch aller 25 Missionen.
 *
 * Read-only Anzeige. Inhalte aus sims/heli/data/briefings.json (von Thomas
 * iterativ befuellt). Schwester-Seite zu /heli-drehbuch (Audio-Kuration).
 *
 * Pro Mission: Header (ID, Titel, Schwierigkeit, Stuetzpunkt, Heli),
 * Wegpunkt-Kette, 4 Briefing-Felder (Unfall, Geo, Routen-Grund, Wetter),
 * Mini-Auftragsbild.
 */
require_once __DIR__ . '/../../php/config/app.php';
require_once __DIR__ . '/../../php/config/db.php';

$db = getDB();

// === Missionen aus zentralem JSON (single source of truth) ===
$missionsPath = __DIR__ . '/../../sims/heli/data/missions.json';
$missionsData = file_exists($missionsPath) ? json_decode(file_get_contents($missionsPath), true) : ['missions'=>[]];
$missions = $missionsData['missions'] ?? [];

// === Heli-Stationen aus zentraler JSON (rechtssicher ohne Markennamen) ===
$stationsPath = __DIR__ . '/../../sims/heli/data/heli-stations.json';
$stationsData = file_exists($stationsPath) ? json_decode(file_get_contents($stationsPath), true) : ['stations'=>[], 'pools'=>[]];
$STATIONS = $stationsData['stations'] ?? [];
$POOLS    = $stationsData['pools'] ?? [];
$DISCLAIMER = $stationsData['_disclaimer_anzeige'] ?? '';

// Helper: Sample-Kennzeichen pro Station (rein als Beispiel, in der Sim wird real zufaellig gezogen)
function sampleCallsign(string $stationKey, array $STATIONS, array $POOLS): string {
    $s = $STATIONS[$stationKey] ?? null;
    if (!$s) return '';
    $pool = $POOLS[$s['pool'] ?? ''] ?? null;
    if (!$pool || empty($pool['callsigns'])) return '';
    // Deterministisches Sample (basiert auf stationKey-Hash, damit pro Reload stabil)
    $idx = crc32($stationKey) % count($pool['callsigns']);
    return $pool['callsigns'][$idx];
}
function stationModel(string $stationKey, array $STATIONS, array $POOLS): string {
    $s = $STATIONS[$stationKey] ?? null;
    if (!$s) return '?';
    $pool = $POOLS[$s['pool'] ?? ''] ?? null;
    return $pool['model'] ?? '?';
}

// === Wegpunkte aus DB ===
$wpRows = $db->query("SELECT wp_key, name, lat, lon, region FROM geo_waypoints")->fetchAll(PDO::FETCH_ASSOC);
$WP = [];
foreach ($wpRows as $w) $WP[$w['wp_key']] = $w;

// === Briefings aus JSON ===
$briefingsPath = __DIR__ . '/../../sims/heli/data/briefings.json';
$briefingsData = file_exists($briefingsPath) ? json_decode(file_get_contents($briefingsPath), true) : ['missions'=>[]];
$BR = $briefingsData['missions'] ?? [];

// === Audio-Texte sammeln (alle Lines-JSONs + Map-File) ===
$AUDIO_TEXTS = [];
$scriptsDir = __DIR__ . '/../../sims/heli/scripts';
$mapFile = $scriptsDir . '/audio-texts.json';
if (file_exists($mapFile)) {
    $map = json_decode(file_get_contents($mapFile), true);
    if (is_array($map)) {
        foreach ($map as $k => $v) {
            if (is_string($v) && strpos($k, '_') !== 0) $AUDIO_TEXTS[$k] = $v;
        }
    }
}
foreach (glob($scriptsDir . '/*-lines.json') as $jf) {
    $j = json_decode(file_get_contents($jf), true);
    if (!is_array($j) || empty($j['lines'])) continue;
    foreach ($j['lines'] as $l) {
        if (!empty($l['id']) && !empty($l['text'])) {
            $AUDIO_TEXTS[$l['id']] = $l['text'];
        }
    }
}

// === Hilfen: Distanz (Haversine) + Flugzeit ===
function haversineKm(float $lat1, float $lon1, float $lat2, float $lon2): float {
    $R = 6371.0;
    $dLat = deg2rad($lat2 - $lat1);
    $dLon = deg2rad($lon2 - $lon1);
    $a = sin($dLat / 2) ** 2 + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * sin($dLon / 2) ** 2;
    return $R * 2 * atan2(sqrt($a), sqrt(1 - $a));
}
// Cruise-Speed nach Heli-Modell (km/h). H135 ~ 254, H145 ~ 268, AW169 ~ 280.
function cruiseSpeed(string $model): int {
    if (strpos($model, 'H145') !== false) return 268;
    if (strpos($model, 'AW169') !== false) return 280;
    if (strpos($model, 'AB212') !== false) return 240;
    if (strpos($model, 'S-70') !== false) return 295;
    return 254; // H135 default
}
function flugzeitSec(float $km, string $model): int {
    return (int) round($km / cruiseSpeed($model) * 3600);
}
function fmtMmSs(int $sec): string {
    return sprintf('%d:%02d', floor($sec / 60), $sec % 60);
}

// Geschaetzte TTS-Sprechdauer aus Text-Laenge.
// Annahme: ~12 Zeichen/Sekunde fuer deutsche Sprache + 1.5 s Padding.
// Min 3 s, Max 25 s — clampt extreme Texte.
function estimateAudioDuration(string $text): int {
    if (!$text) return 3;
    $sec = (int) round(mb_strlen($text) / 12.0 + 1.5);
    return max(3, min(25, $sec));
}

// === Audio-Drehbuch pro Mission — VOLLSTAENDIG: alle Hauptlinien + Pool-Audios
// fuer alle 4 Phasen (Planung, Startflug, Kartenflug, Bergung).
// Pool-Audios sind solche die ZUFAELLIG kommen koennen (Wetter, Hindernisse,
// Strikes). Szenario-Filter analog zum heli-timeline.php Default-Generator.
function audioDrehbuchFor(array $m, array $WP, array $AUDIO_TEXTS, array $stations, array $pools): array {
    $rows = [];
    $heliKey = $m['heliKey'] ?? '';
    $mid = $m['id'];
    $scen = $m['scen'] ?? 'berg-fels';
    // scen-Mapping: missions.json benutzt Bindestrich (berg-schnee), Caution-Audios benutzen Underscore (berg_schnee)
    $scenU = str_replace('-', '_', $scen);

    // Hilfsfunktion: Slot anhaengen. group = 'haupt' | 'pool'
    $append = function(string $phase, string $id, string $sprecher, string $group, string $notiz = '') use (&$rows, $AUDIO_TEXTS) {
        $exists = isset($AUDIO_TEXTS[$id]);
        $rows[] = [
            'phase' => $phase, 'id' => $id, 'sprecher' => $sprecher,
            'group' => $group, 'notiz' => $notiz,
            'text' => $exists ? $AUDIO_TEXTS[$id] : '',
            'fehlt' => !$exists,
            'dur' => $exists ? estimateAudioDuration($AUDIO_TEXTS[$id]) : 0,
        ];
    };

    // ============================================================
    // PHASE 1: PLANUNG (game.html → V3 Engine)
    // ============================================================
    $append('Planung', 'r_mission_intro_' . $mid, 'Tower', 'haupt', 'Mission-Intro');
    $wps = $m['waypoints'];
    for ($i = 1; $i < count($wps); $i++) {
        $wpKey = $wps[$i];
        $isLast = $i === count($wps) - 1;
        $append('Planung', 'r_wp_geo_' . $wpKey, 'Briefing', 'haupt',
            ($isLast ? 'ZIEL: ' : 'Wegpunkt ' . $i . ': ') . $wpKey);
    }
    $append('Planung', 'r_nav_plan_done', 'Pilotin', 'haupt', 'Plan fertig');

    // ============================================================
    // PHASE 2: STARTFLUG (start.html iframe)
    // ============================================================
    $append('Startflug', 'r_tower_start_' . $heliKey, 'Tower', 'haupt', 'Tower: Startplatz frei');
    $append('Startflug', 'r_mission_start_' . $mid, 'Tower', 'haupt', 'Tower: Mission-Freigabe');

    // Pool: Pilot-Wetter-Kommentare (immer, Szenario-unabhaengig)
    foreach (['r_pilot_calm1','r_pilot_calm2','r_pilot_calm3'] as $aid) {
        $append('Startflug', $aid, 'Pilotin', 'pool', 'Wetter-OK');
    }
    // Pool: Pilot-Strecken-Hinweise (szenario-spezifisch)
    $startScenPool = [
        'berg-schnee' => ['r_pilot_trees','r_pilot_flock','r_pilot_wind','r_pilot_narrow','r_pilot_fog1','r_pilot_fog2','r_pilot_fog3','r_warn_nebel'],
        'berg-fels'   => ['r_pilot_trees','r_pilot_flock','r_pilot_wind','r_pilot_narrow','r_pilot_fog1','r_pilot_fog2','r_warn_nebel'],
        'schlucht'    => ['r_pilot_narrow','r_pilot_gusts','r_pilot_wind','r_pilot_flock','r_pilot_trees'],
        'wasser'      => ['r_pilot_flock','r_pilot_gusts','r_pilot_wind','r_pilot_fog1','r_pilot_fog2','r_warn_nebel'],
        'autobahn'    => ['r_warn_kran','r_warn_antenne','r_warn_strom','r_warn_schornstein','r_warn_fabrik','r_pilot_gap','r_pilot_gusts','r_pilot_time'],
        'tal-dorf'    => ['r_warn_kran','r_warn_antenne','r_pilot_gap','r_pilot_trees','r_pilot_flock','r_pilot_wind','r_pilot_fog1'],
    ];
    foreach (($startScenPool[$scen] ?? $startScenPool['berg-fels']) as $aid) {
        $append('Startflug', $aid, 'Pilotin', 'pool', 'Strecke ' . $scen);
    }
    // Pool: Proximity-Warns (immer)
    foreach (['r_pilot_bird_ahead','r_pilot_plane_ahead','r_pilot_sportplane_level','r_pilot_storm_detour','r_pilot_fog_thickens','r_pilot_wind_turn','r_warn_gewitter','r_warn_fuel'] as $aid) {
        $append('Startflug', $aid, 'Pilotin', 'pool', 'Proximity');
    }
    // Pool: Crash-Reaktionen szenario-spezifisch
    $crashScenPool = [
        'berg-schnee' => ['r_warn_vogel','r_warn_baum','r_warn_blitz','r_warn_flugzeug','r_warn_sport'],
        'berg-fels'   => ['r_warn_vogel','r_warn_baum','r_warn_blitz','r_warn_flugzeug','r_warn_sport'],
        'schlucht'    => ['r_warn_vogel','r_warn_baum','r_warn_blitz','r_warn_flugzeug'],
        'wasser'      => ['r_warn_vogel','r_warn_flugzeug','r_warn_sport','r_warn_blitz'],
        'autobahn'    => ['r_warn_haus','r_warn_klima','r_warn_vogel','r_warn_flugzeug','r_warn_blitz'],
        'tal-dorf'    => ['r_warn_haus','r_warn_baum','r_warn_vogel','r_warn_klima','r_warn_flugzeug'],
    ];
    foreach (($crashScenPool[$scen] ?? $crashScenPool['berg-fels']) as $aid) {
        $append('Startflug', $aid, 'Pilotin', 'pool', 'Crash-Reaktion');
    }
    // Pool: Strikes (immer)
    foreach (['r_pilot_strike_1','r_pilot_strike_2','r_pilot_strike_3','r_pilot_strike_4','r_pilot_strike_5'] as $aid) {
        $append('Startflug', $aid, 'Pilotin', 'pool', 'Pilot-Schreck');
    }
    $append('Startflug', 'r_pilot_three_strikes', 'Pilotin', 'pool', '3 Strikes erreicht');
    $append('Startflug', 'r_tower_strike_' . $heliKey, 'Tower', 'pool', 'Tower nach Strike');
    $append('Startflug', 'r_tower_handover_' . $heliKey, 'Tower', 'pool', 'Tower: Chefpilotin uebernimmt');
    foreach (['r_pilot_too_high','r_pilot_time_up'] as $aid) {
        $append('Startflug', $aid, 'Pilotin', 'pool', 'Fehler-Hinweis');
    }
    // Pool: Tower-generic
    foreach (['r_tower1','r_tower2','r_tower3','r_tower4'] as $aid) {
        $append('Startflug', $aid, 'Tower', 'pool', 'Generic Tower');
    }
    $append('Startflug', 'r_start_erfolg', 'Pilotin', 'haupt', 'Tower: Start erfolgreich');

    // ============================================================
    // PHASE 3: KARTENFLUG (game.html flight-Phase)
    // r_mission_geo entfaellt — Doppelung zu r_tower_geo in Bergung.
    // ============================================================
    $append('Kartenflug', 'r_nav_heli_intro_' . $heliKey, 'Pilotin', 'haupt', 'Crew-Vorstellung');
    $append('Kartenflug', 'r_nav_fuel_half', 'Pilotin', 'haupt', 'Treibstoff-Halbzeit');
    // r_nav_altitude_* ans ENDE verlegt (didaktisch beim Zielanflug sinnvoller)
    $isMountain = in_array($scen, ['berg-schnee','berg-fels','schlucht']);
    $append('Kartenflug', $isMountain ? 'r_nav_altitude_mountain' : 'r_nav_altitude_valley', 'Pilotin', 'haupt', 'Hoehen-Info am Zielanflug');
    $hasWetter = !empty($m['hasWetter']);
    if ($hasWetter) {
        $append('Kartenflug', 'r_nav_weather_enter', 'Pilotin', 'haupt', 'Wetter-Eintritt');
    }
    // r_im_zielgebiet wird in landing.html beim hover_drop ortsbezogen gespielt,
    // NICHT im Kartenflug (sonst kommt es bei langen Routen viel zu früh).

    // ============================================================
    // PHASE 4: BERGUNG (landing.html iframe)
    // Drei Modi: HIGHWAY (autobahn) / WASSER (wasser) / BERG (default)
    // ============================================================
    $isHw  = $scen === 'autobahn';
    $isSea = $scen === 'wasser';
    $modeLabel = $isHw ? 'HW' : ($isSea ? 'SEA' : 'BERG');

    $append('Bergung', 'r_pilot_call_' . $heliKey, 'Pilotin', 'haupt', 'Pilot: Einsatzort erreicht');
    $append('Bergung', 'r_tower_geo_' . $mid, 'Tower', 'haupt', 'Tower: Roger + Region-Info');

    if ($isHw) {
        $append('Bergung', 'r_tower_hw_approach_' . $heliKey, 'Tower', 'haupt', 'HW: Tower-Anflug');
        // HW-Sequenz — kein Pool, alle laufen in Reihenfolge
        $append('Bergung', 'r_pilot_hw_zone_check',   'Pilotin', 'haupt', '1. Landezone prüfen');
        $append('Bergung', 'r_pilot_hw_zone_blocked', 'Pilotin', 'haupt', '2a. Falls Zone blockiert: warten');
        $append('Bergung', 'r_pilot_hw_zone_clear',   'Pilotin', 'haupt', '2b. Falls Zone frei: absinken');
        $append('Bergung', 'r_land_approach',         'Pilotin', 'haupt', '3. Anflug auf Fahrbahn');
        $append('Bergung', 'r_pilot_hw_ground_hold',  'Pilotin', 'haupt', '4. Am Boden — Sanitäter bringt Patient');
        $append('Bergung', 'r_patient_aboard',        'Sani',    'haupt', '5. Patient an Bord');
        $append('Bergung', 'r_tower_hw_extract_' . $heliKey, 'Tower', 'haupt', '6. HW: Strecke frei → Klinik');
        $append('Bergung', 'r_pilot_hw_clinic_lift',  'Pilotin', 'haupt', '7. Klinik-Lift (Wieder-Start)');
    } elseif ($isSea) {
        $append('Bergung', 'r_tower_sea_approach_' . $heliKey, 'Tower', 'haupt', 'SEA: Wasserlage');
        $append('Bergung', 'r_caution_wasser', 'Pilotin', 'haupt', 'Sicherheit: Wasser');
        // SEA-Sequenz — Schwebeflug + Winch
        $append('Bergung', 'r_land_approach',         'Pilotin', 'haupt', '1. Anflug zum Patienten');
        $append('Bergung', 'r_land_winch_down',       'Pilotin', 'haupt', '2. Winde fährt aus, Retter abgeseilt');
        $append('Bergung', 'r_land_rescuer_down',     'Flugretter', 'haupt', '3. Retter ist im Wasser');
        $append('Bergung', 'r_warteschleife',         'Pilotin', 'haupt', '4. Heli in Warteschleife');
        $append('Bergung', 'r_land_rescuer_ready',    'Flugretter', 'haupt', '5. Retter signalisiert bereit');
        $append('Bergung', 'r_land_hook_connected',   'Pilotin', 'haupt', '6. Haken eingeklinkt');
        $append('Bergung', 'r_land_lift_success',     'Pilotin', 'haupt', '7. Patient gehoben');
        $append('Bergung', 'r_patient_aboard',        'Flugretter', 'haupt', '8. Patient an Bord');
        $append('Bergung', 'r_tower_sea_extract_' . $heliKey, 'Tower', 'haupt', '9. SEA: Klinik freigegeben');
    } else {
        $append('Bergung', 'r_tower_approach_' . $heliKey, 'Tower', 'haupt', 'BERG: Zielanflug freigegeben');
        $append('Bergung', 'r_caution_' . $scenU, 'Pilotin', 'haupt', 'Sicherheit: ' . $scen);
        // BERG-Sequenz — Schwebeflug + Winch + Flugretter abgeseilt
        $append('Bergung', 'r_land_approach',         'Pilotin', 'haupt', '1. Schwebeflug zum Patient');
        $append('Bergung', 'r_land_winch_down',       'Pilotin', 'haupt', '2. Winde fährt aus, Retter abgeseilt');
        $append('Bergung', 'r_retter_intermediate',   'Flugretter', 'haupt', '3. Retter unten, Versorgung läuft');
        $append('Bergung', 'r_warteschleife',         'Pilotin', 'haupt', '4. Heli kreist / landet zwischen');
        $append('Bergung', 'r_land_rescuer_ready',    'Flugretter', 'haupt', '5. Retter signalisiert bereit');
        $append('Bergung', 'r_land_hook_connected',   'Pilotin', 'haupt', '6. Haken eingeklinkt');
        $append('Bergung', 'r_land_lift_success',     'Pilotin', 'haupt', '7. Patient gehoben');
        $append('Bergung', 'r_patient_aboard',        'Flugretter', 'haupt', '8. Patient an Bord');
        $append('Bergung', 'r_tower_extract_' . $heliKey, 'Tower', 'haupt', '9. BERG: Direktfreigabe Klinik');
    }

    // Klinik-Anflug + Ende (alle Modi)
    $append('Bergung', 'r_kurs_klinik', 'Pilotin', 'haupt', 'Pilot: Kurs Klinik');
    $append('Bergung', 'r_land_clinic_ahead', 'Pilotin', 'haupt', 'Klinik voraus');
    $append('Bergung', 'r_land_disembark', 'Pilotin', 'haupt', 'Patient uebergeben');
    $append('Bergung', 'r_mission_success', 'Tower', 'haupt', 'Mission erfolgreich');
    $append('Bergung', 'r_mission_abort', 'Tower', 'pool', 'Abbruch-Alternative');

    return $rows;
}

// === Statistik: wieviele Missionen haben mindestens ein Feld befuellt ===
$fertig = 0;
$gesamt = count($missions);
foreach ($missions as $m) {
    $b = $BR[$m['id']] ?? null;
    if ($b && ($b['unfall'] || $b['geo'] || $b['routenGrund'] || $b['wetter'])) $fertig++;
}

$base = BASE_PATH;
$diffLabel = ['easy'=>'Einfach', 'medium'=>'Mittel', 'hard'=>'Schwer'];
$diffColor = ['easy'=>'#3a6b3e', 'medium'=>'#8a7020', 'hard'=>'#8a3a2a'];
?>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Heli-Missionen — Inhaltliches Drehbuch (Review-Tool)</title>
<link rel="icon" type="image/png" href="<?= $base ?>/favicon-96x96.png">
<link rel="stylesheet" href="<?= $base ?>/assets/fonts/inter.css">
<link rel="stylesheet" href="<?= $base ?>/assets/vendor/leaflet/leaflet.css">
<style>
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:'Inter',system-ui,sans-serif;background:#f5efe0;color:#1f2a24;line-height:1.5}
  .topbar{background:#1f4b37;color:#f5efe0;padding:.7rem 1.2rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;position:sticky;top:0;z-index:50}
  .topbar h1{font-size:1.05rem;font-weight:800;flex:1}
  .topbar a{color:#f5efe0;text-decoration:none;font-size:.82rem;font-weight:700;padding:.35rem .7rem;border-radius:6px;background:rgba(255,255,255,.12)}
  .topbar a:hover{background:rgba(255,255,255,.22)}
  .topbar .stat{font-size:.78rem;background:rgba(255,255,255,.1);padding:.35rem .8rem;border-radius:6px}
  .topbar .stat b{font-size:1rem;color:#e8c547}
  .wrap{max-width:1080px;margin:0 auto;padding:1.2rem .9rem 4rem}
  .intro{background:#fff;border-radius:12px;padding:1rem 1.2rem;margin-bottom:1.4rem;border-left:4px solid #c97a3f;box-shadow:0 2px 8px rgba(0,0,0,.05)}
  .intro h2{font-size:1rem;color:#2d5434;margin-bottom:.4rem}
  .intro p{font-size:.85rem;color:#3d5165;margin-bottom:.3rem}
  .intro code{background:#f5efe0;padding:1px 6px;border-radius:4px;font-size:.78rem;font-family:'JetBrains Mono',monospace;color:#8a3a2a}
  .mission{background:#fff;border-radius:12px;margin-bottom:1.2rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .m-head{padding:.8rem 1.1rem;display:flex;align-items:center;gap:.7rem;border-bottom:1.5px solid #f0eee5;flex-wrap:wrap}
  .m-badge{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:.78rem;background:#1f4b37;color:#f5efe0;padding:.22rem .55rem;border-radius:4px;letter-spacing:.04em}
  .m-icon{font-size:1.4rem}
  .m-title{font-size:1rem;font-weight:800;color:#1f4b37;flex:1}
  .m-difficulty{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}
  .m-region{font-size:.72rem;color:#5a6b5a;font-weight:600}
  .m-body{display:grid;grid-template-columns:240px 1fr;gap:0;min-height:200px}
  @media (max-width:780px){.m-body{grid-template-columns:1fr}}
  .m-left{background:#f5efe0;padding:.9rem;border-right:1.5px solid #f0eee5}
  @media (max-width:780px){.m-left{border-right:none;border-bottom:1.5px solid #f0eee5}}
  .m-img{width:100%;height:130px;border-radius:8px;background:#e3eef2 center/cover no-repeat;margin-bottom:.6rem;display:flex;align-items:center;justify-content:center;font-size:2.2rem;opacity:.85;border:1px solid rgba(0,0,0,.05)}
  .m-meta{font-size:.74rem;color:#3d5165;line-height:1.55}
  .m-meta b{color:#1f4b37}
  .m-route{font-size:.72rem;color:#5a5a5a;margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #d4cdb8}
  .m-route .wp{display:inline-block;background:#fff;padding:1px 5px;border-radius:3px;margin:1px;border:1px solid #d4cdb8;font-weight:600;color:#2d5434}
  .m-route .wp.start{background:#c97a3f;color:#fff;border-color:#b06020}
  .m-route .wp.end{background:#c85c4a;color:#fff;border-color:#a04030}
  .m-route .arr{color:#a8a8a8;margin:0 1px}
  .m-right{padding:.9rem 1.1rem}
  .field{margin-bottom:.85rem}
  .field:last-child{margin-bottom:0}
  .f-label{font-size:.7rem;font-weight:700;color:#c97a3f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;display:flex;align-items:center;gap:.4rem}
  .f-label .ic{font-size:.95rem}
  .f-text{font-size:.86rem;color:#1f2a24;line-height:1.55}
  .f-empty{font-size:.78rem;color:#a8a8a8;font-style:italic;background:#faf8f1;border:1px dashed #d4cdb8;border-radius:6px;padding:.45rem .65rem}
  .f-weather{background:#eef2f5;border-left:3px solid #4a7c8a;border-radius:6px;padding:.5rem .7rem}
  .f-weather .w-label{font-weight:700;color:#1f4e5a;font-size:.82rem;margin-bottom:.2rem}
  .f-weather .w-reason{font-size:.78rem;color:#3d5165;line-height:1.5}
  .f-weather .w-coords{font-size:.65rem;color:#7a8a9a;margin-top:.3rem;font-family:'JetBrains Mono',monospace}
  .progress-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#dceadd;margin-right:4px}
  .progress-dot.done{background:#5a8a5e}
  /* === Mission-Map (echte Karte pro Mission) === */
  .mission-map{width:100%;height:280px;border-radius:8px;background:#e8e4d8;margin:0 0 .8rem;border:1px solid rgba(0,0,0,.08);overflow:hidden}
  /* === Direkt-Start-Button === */
  .start-btn{display:inline-flex;align-items:center;gap:.4rem;background:#c97a3f;color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .15s,box-shadow .15s}
  .start-btn:hover{background:#b06020;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
  /* === Strecken-Tabelle === */
  .section{margin-top:1rem;padding-top:.9rem;border-top:1.5px dashed #d4cdb8}
  .section h4{font-size:.78rem;font-weight:700;color:#c97a3f;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}
  .seg-table{width:100%;border-collapse:collapse;font-size:.78rem}
  .seg-table th{background:#f5efe0;text-align:left;padding:.4rem .55rem;color:#5a5a5a;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #d4cdb8}
  .seg-table td{padding:.45rem .55rem;border-bottom:1px solid #f0eee5;vertical-align:top}
  .seg-from-to{font-weight:700;color:#2d5434}
  .seg-km{color:#3d5165}
  .seg-time{color:#c97a3f;font-weight:700;font-family:'JetBrains Mono',monospace}
  .seg-audios{font-size:.72rem;color:#5a5a5a}
  .seg-audio-id{display:inline-block;background:#e3eef2;color:#1f4e5a;padding:1px 6px;border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:.66rem;margin:1px 2px 1px 0}
  /* === Audio-Drehbuch === */
  .ad-table{width:100%;border-collapse:collapse;font-size:.78rem}
  .ad-table th{background:#f5efe0;text-align:left;padding:.35rem .5rem;color:#5a5a5a;font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #d4cdb8}
  .ad-table td{padding:.4rem .5rem;border-bottom:1px solid #f0eee5;vertical-align:top}
  .ad-time{font-family:'JetBrains Mono',monospace;font-weight:700;color:#c97a3f;white-space:nowrap}
  .ad-phase{font-size:.65rem;color:#7a8a7a;text-transform:uppercase;letter-spacing:.04em;font-weight:600}
  .ad-id{font-family:'JetBrains Mono',monospace;font-size:.68rem;color:#1f4e5a;background:#e3eef2;padding:1px 5px;border-radius:3px}
  .ad-text{font-style:italic;color:#3d5165;line-height:1.5}
  .ad-empty{font-size:.78rem;color:#a8a8a8;font-style:italic;background:#faf8f1;border:1px dashed #d4cdb8;border-radius:6px;padding:.45rem .65rem}
  /* === Marker-Styles (Inline) === */
  .heli-marker-start{background:#c97a3f;color:#fff;border:2px solid #fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 2px 4px rgba(0,0,0,.3)}
  .heli-marker-mid{background:#fff;color:#2d5434;border:2px solid #2d5434;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.2)}
  .heli-marker-end{background:#c85c4a;color:#fff;border:2px solid #fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 2px 4px rgba(0,0,0,.3)}
</style>
</head>
<body>

<div class="topbar">
  <h1>📖 Heli-Missionen — Inhaltliches Drehbuch</h1>
  <span class="stat"><b><?= $fertig ?></b> / <?= $gesamt ?> Missionen mit Briefing</span>
  <a href="<?= $base ?>/heli-game">🚁 Zur Simulation</a>
  <a href="<?= $base ?>/heli-drehbuch">🎙️ Audio-Drehbuch</a>
  <a href="<?= $base ?>/heli-uebersicht">📍 Übersichtskarte</a>
  <a href="<?= $base ?>/sim">← Cockpit</a>
</div>

<div class="wrap">

  <div class="intro">
    <h2>Was ist das?</h2>
    <p>Pro Mission der inhaltliche Briefing-Text, der Schüler*innen <b>vor der Routenplanung</b> erklärt: Was ist passiert, wo, warum genau diese Route. Ohne diesen Briefing fliegt der Schüler blind und kann die Tower-Anweisungen nicht nachvollziehen.</p>
    <p>Inhalte werden iterativ gepflegt. Quelle: <code>App/sims/heli/data/briefings.json</code> — leere Felder erscheinen als „noch nicht geschrieben". Auf Zuruf bei Thomas erweitern.</p>
    <?php if ($DISCLAIMER): ?>
      <p style="font-size:.78rem;color:#7a8a7a;margin-top:.4rem;border-top:1px dashed #d4cdb8;padding-top:.4rem">
        ℹ️ <?= htmlspecialchars($DISCLAIMER) ?> Pro Mission wird hier ein deterministisches Sample-Kennzeichen aus dem Pool angezeigt — im Spiel zieht das System bei jeder Mission ein zufälliges aus dem Pool.
      </p>
    <?php endif; ?>
  </div>

  <?php foreach ($missions as $m): ?>
    <?php
      $b = $BR[$m['id']] ?? ['unfall'=>null,'geo'=>null,'routenGrund'=>null,'wetter'=>null];
      $stationKey = $m['base'];
      $stationCfg = $STATIONS[$stationKey] ?? null;
      $sample = sampleCallsign($stationKey, $STATIONS, $POOLS);
      $modelName = stationModel($stationKey, $STATIONS, $POOLS);
      $orgLabel  = $stationCfg['orgLabel'] ?? 'Rettungshubschrauber';
      $stationName = $stationCfg['stationName'] ?? $stationKey;
      $cfg = ['heliName' => ($stationName . ($sample ? ' (' . $sample . ')' : '')), 'heliModel' => $modelName, 'org' => $orgLabel];
      $baseWp = $WP[$m['waypoints'][0]] ?? null;
      $endWp  = $WP[end($m['waypoints'])] ?? null;
      $missionImg = $base . '/sims/heli/assets/missions/' . $m['id'] . '.png';
      $diffL = $diffLabel[$m['difficulty']] ?? '?';
      $diffC = $diffColor[$m['difficulty']] ?? '#888';
    ?>
    <?php
      // Strecken-Abschnitte berechnen + Audio-Drehbuch
      $segs = [];
      $totalKm = 0.0; $totalSec = 0;
      for ($i = 1; $i < count($m['waypoints']); $i++) {
        $a = $WP[$m['waypoints'][$i-1]] ?? null;
        $bw = $WP[$m['waypoints'][$i]] ?? null;
        if (!$a || !$bw) continue;
        $km = haversineKm((float)$a['lat'], (float)$a['lon'], (float)$bw['lat'], (float)$bw['lon']);
        $sec = flugzeitSec($km, $modelName);
        $totalKm += $km;
        $totalSec += $sec;
        $segs[] = [
          'from' => $a['name'], 'to' => $bw['name'],
          'fromKey' => $m['waypoints'][$i-1], 'toKey' => $m['waypoints'][$i],
          'km' => $km, 'sec' => $sec,
          // Audios pro Wegpunkt-Ankunft
          'audios' => array_values(array_filter([
            isset($AUDIO_TEXTS['r_wp_geo_' . $m['waypoints'][$i]]) ? 'r_wp_geo_' . $m['waypoints'][$i] : null,
            isset($AUDIO_TEXTS['r_nav_plan_correct']) ? 'r_nav_plan_correct' : null,
          ])),
        ];
      }
      $audioRows = audioDrehbuchFor($m, $WP, $AUDIO_TEXTS, $STATIONS, $POOLS);
      // Map-Daten als JSON fuer JS
      $mapData = [];
      foreach ($m['waypoints'] as $idx => $wpKey) {
        $w = $WP[$wpKey] ?? null;
        if (!$w) continue;
        $mapData[] = [
          'key' => $wpKey, 'name' => $w['name'],
          'lat' => (float)$w['lat'], 'lon' => (float)$w['lon'],
          'idx' => $idx, 'total' => count($m['waypoints']),
        ];
      }
      $mapDataJson = htmlspecialchars(json_encode($mapData, JSON_UNESCAPED_UNICODE), ENT_QUOTES);
      $wetterJson = (!empty($b['wetter']) && is_array($b['wetter']))
        ? htmlspecialchars(json_encode($b['wetter'], JSON_UNESCAPED_UNICODE), ENT_QUOTES)
        : '';
    ?>
    <div class="mission" id="<?= $m['id'] ?>">
      <div class="m-head">
        <span class="m-badge"><?= strtoupper($m['id']) ?></span>
        <span class="m-icon"><?= $m['icon'] ?></span>
        <span class="m-title"><?= htmlspecialchars($m['title']) ?></span>
        <span class="m-difficulty" style="background:<?= $diffC ?>22;color:<?= $diffC ?>"><?= $diffL ?></span>
        <span class="m-region">📍 <?= htmlspecialchars($m['region']) ?></span>
        <a href="<?= $base ?>/heli-game?mission=<?= urlencode($m['id']) ?>" class="start-btn" title="Mission direkt starten" target="_blank" rel="noopener">▶ Mission starten</a>
      </div>
      <div class="m-body">
        <div class="m-left">
          <div class="m-img" style="background-image:url('<?= $missionImg ?>')"><?= file_exists(__DIR__ . '/../../sims/heli/assets/missions/' . $m['id'] . '.png') ? '' : $m['icon'] ?></div>
          <div class="m-meta">
            <div><b>Heli:</b> <?= htmlspecialchars($cfg['heliName']) ?></div>
            <div><b>Modell:</b> <?= htmlspecialchars($cfg['heliModel']) ?></div>
            <div><b>Wegpunkte:</b> <?= count($m['waypoints']) ?></div>
            <?php
              $startName = $baseWp ? $baseWp['name'] : $m['waypoints'][0];
              $endName   = $endWp  ? $endWp['name']  : end($m['waypoints']);
            ?>
            <div style="margin-top:.3rem"><b>Start:</b> <?= htmlspecialchars($startName) ?></div>
            <div><b>Ziel:</b> <?= htmlspecialchars($endName) ?></div>
          </div>
          <div class="m-route">
            <?php
              $wpHtml = [];
              $n = count($m['waypoints']);
              foreach ($m['waypoints'] as $i => $wpKey) {
                $w = $WP[$wpKey] ?? null;
                $name = $w ? $w['name'] : $wpKey;
                $cls = $i === 0 ? 'start' : ($i === $n - 1 ? 'end' : '');
                $wpHtml[] = '<span class="wp ' . $cls . '">' . htmlspecialchars($name) . '</span>';
              }
              echo implode('<span class="arr">→</span>', $wpHtml);
            ?>
          </div>
        </div>
        <div class="m-right">
          <div class="field">
            <div class="f-label"><span class="ic">🚨</span> Unfall</div>
            <?php if ($b['unfall']): ?>
              <div class="f-text"><?= nl2br(htmlspecialchars($b['unfall'])) ?></div>
            <?php else: ?>
              <div class="f-empty">noch nicht geschrieben</div>
            <?php endif; ?>
          </div>
          <div class="field">
            <div class="f-label"><span class="ic">🗺️</span> Geografische Lage</div>
            <?php if ($b['geo']): ?>
              <div class="f-text"><?= nl2br(htmlspecialchars($b['geo'])) ?></div>
            <?php else: ?>
              <div class="f-empty">noch nicht geschrieben</div>
            <?php endif; ?>
          </div>
          <div class="field">
            <div class="f-label"><span class="ic">📍</span> Warum diese Route?</div>
            <?php if ($b['routenGrund']): ?>
              <div class="f-text"><?= nl2br(htmlspecialchars($b['routenGrund'])) ?></div>
            <?php else: ?>
              <div class="f-empty">noch nicht geschrieben</div>
            <?php endif; ?>
          </div>
          <div class="field">
            <div class="f-label"><span class="ic">⛅</span> Wetter</div>
            <?php if (!empty($b['wetter']) && is_array($b['wetter'])): ?>
              <div class="f-weather">
                <div class="w-label"><?= htmlspecialchars($b['wetter']['label'] ?? '') ?></div>
                <div class="w-reason"><?= htmlspecialchars($b['wetter']['reason'] ?? '') ?></div>
                <div class="w-coords">
                  Zentrum: <?= number_format((float)($b['wetter']['lat']??0), 4, '.', '') ?> N,
                  <?= number_format((float)($b['wetter']['lon']??0), 4, '.', '') ?> E
                  · Radius: <?= (int)($b['wetter']['radius']??0) ?> m
                  · Typ: <?= htmlspecialchars($b['wetter']['type'] ?? 'rain') ?>
                </div>
              </div>
            <?php else: ?>
              <div class="f-empty">gutes Wetter — kein Wetter-Umweg vorgesehen</div>
            <?php endif; ?>
          </div>
        </div>
      </div>

      <!-- === KARTE === -->
      <div style="padding:.9rem 1.1rem">
        <div class="mission-map" data-mission="<?= $m['id'] ?>" data-waypoints="<?= $mapDataJson ?>" data-wetter="<?= $wetterJson ?>"></div>

        <!-- === STRECKEN-TABELLE === -->
        <div class="section">
          <h4>🛫 Strecken-Abschnitte · Gesamt <?= number_format($totalKm, 1, ',', '.') ?> km · <?= fmtMmSs($totalSec) ?> Flugzeit · Cruise <?= cruiseSpeed($modelName) ?> km/h (<?= htmlspecialchars($modelName) ?>)</h4>
          <table class="seg-table">
            <thead><tr><th>#</th><th>Abschnitt</th><th>Distanz</th><th>Flugzeit</th><th>Audios am Wegpunkt</th></tr></thead>
            <tbody>
              <?php foreach ($segs as $sidx => $s): ?>
              <tr>
                <td style="color:#8a8a8a"><?= $sidx + 1 ?></td>
                <td class="seg-from-to"><?= htmlspecialchars($s['from']) ?> → <?= htmlspecialchars($s['to']) ?></td>
                <td class="seg-km"><?= number_format($s['km'], 1, ',', '.') ?> km</td>
                <td class="seg-time"><?= fmtMmSs($s['sec']) ?></td>
                <td class="seg-audios">
                  <?php if ($s['audios']): foreach ($s['audios'] as $aid): ?>
                    <span class="seg-audio-id"><?= htmlspecialchars($aid) ?></span>
                  <?php endforeach; else: ?>
                    <span style="color:#a8a8a8;font-style:italic">— kein Audio zugeordnet —</span>
                  <?php endif; ?>
                </td>
              </tr>
              <?php endforeach; ?>
            </tbody>
          </table>
        </div>

        <!-- === AUDIO-DREHBUCH — VOLLSTÄNDIG === -->
        <div class="section">
          <?php
            $fehltCount = 0;
            $hauptCount = 0; $poolCount = 0;
            foreach ($audioRows as $ar) {
              if (!empty($ar['fehlt'])) $fehltCount++;
              if (($ar['group']??'')==='haupt') $hauptCount++; else $poolCount++;
            }
            // Gruppiere nach Phase
            $byPhase = [];
            foreach ($audioRows as $ar) $byPhase[$ar['phase']][] = $ar;
            $phaseColors = [
              'Planung' => '#4a7c8a',
              'Startflug' => '#c97a3f',
              'Kartenflug' => '#5a8a5e',
              'Bergung' => '#a25cc8',
            ];
          ?>
          <h4>🎙️ Vollständiges Audio-Drehbuch · <?= count($audioRows) ?> Slots (<?= $hauptCount ?> Hauptlinie + <?= $poolCount ?> Pool) · <?= $fehltCount ?> fehlend</h4>
          <?php foreach ($byPhase as $phaseName => $phaseRows): ?>
            <div style="margin-top:.8rem;border-left:4px solid <?= $phaseColors[$phaseName] ?? '#888' ?>;padding-left:.7rem">
              <div style="font-size:.85rem;font-weight:800;color:<?= $phaseColors[$phaseName] ?? '#333' ?>;margin-bottom:.4rem">
                <?= htmlspecialchars($phaseName) ?> · <?= count($phaseRows) ?> Slots
              </div>
              <table class="ad-table">
                <thead><tr><th style="width:55px">Typ</th><th style="width:80px">Sprecher</th><th style="width:220px">Audio-ID</th><th>Text · Notiz</th></tr></thead>
                <tbody>
                  <?php foreach ($phaseRows as $ar):
                    $rowStyle = '';
                    $isPool = ($ar['group']??'')==='pool';
                    if (!empty($ar['fehlt'])) $rowStyle = 'background:#fbeed5';
                    elseif ($isPool) $rowStyle = 'background:#fafafa';
                  ?>
                  <tr style="<?= $rowStyle ?>">
                    <td>
                      <?php if ($isPool): ?>
                        <span style="background:#d4cdb8;color:#5a5a5a;padding:1px 6px;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase">Pool</span>
                      <?php else: ?>
                        <span style="background:#2d5434;color:#fff;padding:1px 6px;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase">Haupt</span>
                      <?php endif; ?>
                    </td>
                    <td style="font-size:.7rem;color:#7a8a7a;font-weight:600"><?= htmlspecialchars($ar['sprecher'] ?? '?') ?></td>
                    <td><span class="ad-id"><?= htmlspecialchars($ar['id']) ?></span></td>
                    <td class="ad-text">
                      <?php if (!empty($ar['fehlt'])): ?>
                        <span style="color:#a04030;font-weight:700">⚠ FEHLT</span>
                        <?php if (!empty($ar['notiz'])): ?> · <span style="color:#7a8a7a"><?= htmlspecialchars($ar['notiz']) ?></span><?php endif; ?>
                      <?php else: ?>
                        <span style="color:#1f2a24"><?= htmlspecialchars($ar['text']) ?></span>
                        <?php if (!empty($ar['notiz'])): ?><br><span style="color:#8a8a8a;font-size:.7rem">↳ <?= htmlspecialchars($ar['notiz']) ?></span><?php endif; ?>
                      <?php endif; ?>
                    </td>
                  </tr>
                  <?php endforeach; ?>
                </tbody>
              </table>
            </div>
          <?php endforeach; ?>
          <div style="margin-top:.7rem;font-size:.72rem;color:#7a8a7a;line-height:1.5">
            <b>Legende:</b> <span style="background:#2d5434;color:#fff;padding:1px 5px;border-radius:3px">Haupt</span> = Audio läuft mit hoher Wahrscheinlichkeit in dieser Mission.
            <span style="background:#d4cdb8;color:#5a5a5a;padding:1px 5px;border-radius:3px">Pool</span> = zufällig (Wetter/Hindernis/Strike-abhängig).
            Phasen: <b style="color:#4a7c8a">Planung</b> · <b style="color:#c97a3f">Startflug</b> · <b style="color:#5a8a5e">Kartenflug</b> · <b style="color:#a25cc8">Bergung</b>.
          </div>
        </div>
      </div>
    </div>
  <?php endforeach; ?>

  <div style="text-align:center;font-size:.8rem;color:#8a8a8a;margin-top:1.5rem">
    📖 <?= $gesamt ?> Missionen insgesamt · Review-Tool · Bei Bedarf Briefings + Audio-Vorschläge ergänzen — Thomas sagt Bescheid.
  </div>

</div>

<script src="<?= $base ?>/assets/vendor/leaflet/leaflet.js"></script>
<script>
// Leaflet-Karten pro Mission, lazy-initialisiert beim Scroll-in
(function(){
  var BASE = <?= json_encode($base) ?>;
  var tileUrl = BASE + '/php/tile-proxy.php?z={z}&x={x}&y={y}&p=osm';
  var inited = new WeakSet();
  function initMap(div) {
    if (inited.has(div)) return;
    inited.add(div);
    var wps = JSON.parse(div.dataset.waypoints || '[]');
    if (!wps.length) { div.innerHTML = '<div style="padding:1rem;text-align:center;color:#a8a8a8">Keine Wegpunkt-Koordinaten</div>'; return; }
    var wetter = null;
    try { wetter = div.dataset.wetter ? JSON.parse(div.dataset.wetter) : null; } catch(_){}
    var map = L.map(div, { zoomControl: true, attributionControl: false, scrollWheelZoom: false }).setView([wps[0].lat, wps[0].lon], 9);
    L.tileLayer(tileUrl, { maxZoom: 18 }).addTo(map);
    // Route-Polyline
    var coords = wps.map(function(w){ return [w.lat, w.lon]; });
    L.polyline(coords, { color: '#c97a3f', weight: 4, opacity: .85, dashArray: '8 6' }).addTo(map);
    // Wegpunkt-Marker
    wps.forEach(function(w, i) {
      var isStart = i === 0, isEnd = i === wps.length - 1;
      var cls = isStart ? 'heli-marker-start' : (isEnd ? 'heli-marker-end' : 'heli-marker-mid');
      var lbl = isStart ? 'S' : (isEnd ? 'Z' : i);
      L.marker([w.lat, w.lon], {
        icon: L.divIcon({ className: '', html: '<div class="' + cls + '">' + lbl + '</div>', iconSize: [24, 24], iconAnchor: [12, 12] }),
        title: w.name
      }).addTo(map).bindTooltip(w.name, { permanent: false, direction: 'top' });
    });
    // Wetter-Zone falls vorhanden
    if (wetter && wetter.lat && wetter.lon && wetter.radius) {
      L.circle([wetter.lat, wetter.lon], {
        radius: wetter.radius, color: '#6b7d8f', fillColor: '#6b7d8f', fillOpacity: .18, weight: 1.5, dashArray: '6,4'
      }).addTo(map).bindTooltip(wetter.label || '⛈️ Schlechtwetter');
    }
    // Bounds auf alle Punkte zoomen
    var bounds = L.latLngBounds(coords);
    if (wetter && wetter.lat) bounds.extend([wetter.lat, wetter.lon]);
    map.fitBounds(bounds, { padding: [25, 25] });
  }
  if ('IntersectionObserver' in window) {
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if (e.isIntersecting) initMap(e.target);
      });
    }, { rootMargin: '200px 0px' });
    document.querySelectorAll('.mission-map').forEach(function(el){ io.observe(el); });
  } else {
    document.querySelectorAll('.mission-map').forEach(initMap);
  }
})();
</script>

</body>
</html>