<?php

declare(strict_types=1);

/**
 * Infoblock einer Veranstaltung: links die harten Angaben (Zeitraum, Beginn,
 * Adresse, Hinweis zum Parken), rechts die Karte. Props:
 *   $date_text string  fertig formatierter Zeitraum (german_date_range())
 *   $date_iso  string  ISO-Startdatum für <time datetime>
 *   $time      string  'HH:MM' oder leer
 *   $location  string  Ortsname der Veranstaltung
 *   $karte     string  'club' = auf unserem eigenen Gelände: Adresse kommt aus
 *              data/club.json und die Karte wird gezeigt. Alles andere (oder
 *              leer) → keine Karte, nur der Ortsname (ein Fest woanders hätte
 *              sonst eine falsche Karte daneben).
 *   $anfahrt   array   optionale Absätze zum Parken/Zugang
 *
 * Nur für Feste, die noch ausstehen (app/pages/veranstaltung.php ruft die
 * Komponente danach nicht mehr auf) — deshalb steht hier durchgehend Zukunft.
 *
 * KEINE Leaflet-Karte, sondern ein statisches Kartenbild: Leaflet würde seine
 * Kacheln zur Laufzeit von einem fremden Tile-Server holen, und genau das
 * verbietet Regel 1 (die CSP mit img-src 'self' würde sie ohnehin blocken).
 * Das Bild liegt selbst gehostet bei uns, der Klick führt erst dann zu Google
 * Maps, wenn jemand ihn macht. Namensnennung für die OSM-Daten steht als
 * Bildunterschrift, das verlangt die ODbL.
 */
$dateText = $date_text ?? '';
$dateIso = $date_iso ?? '';
$time = $time ?? '';
$location = $location ?? '';
$karte = $karte ?? '';
$anfahrt = $anfahrt ?? [];

$istBeiUns = $karte === 'club';
$club = $istBeiUns ? json_load('club') : [];
$adresse = $club['address'] ?? [];
$geo = $club['geo'] ?? [];

// Kartenlink ohne API-Schlüssel und ohne Einbettung: Koordinaten aus club.json
// (Single Source), damit die Adresse hier nicht als Text zweitverwertet wird.
$mapsUrl = '';
if ($istBeiUns && !empty($geo['lat']) && !empty($geo['lng'])) {
    $mapsUrl = 'https://www.google.com/maps/search/?api=1&query=' . $geo['lat'] . ',' . $geo['lng'];
}
?>
        <section class="section veranstaltung-info" id="infos">
            <div class="container">
                <div class="veranstaltung-info__panel">
                <div class="veranstaltung-info__facts">
                    <h2>Gut zu wissen</h2>
<?php if ($dateText !== ''): ?>
                    <p class="veranstaltung-info__wann">
                        <time datetime="<?= e($dateIso) ?>"><?= e($dateText) ?></time>
                    </p>
<?php endif; ?>
<?php if ($time !== ''): ?>
<?php /* Wochentag dazu, weil bei einem mehrtägigen Fest sonst offen bleibt, für
         welchen Tag die Uhrzeit gilt. */ ?>
<?php $wochentag = german_weekday($dateIso); ?>
                    <p class="veranstaltung-info__beginn">Los geht es<?= $wochentag !== '' ? ' am ' . e($wochentag) : '' ?> um <?= e($time) ?> Uhr.</p>
<?php endif; ?>
                    <address class="veranstaltung-info__adresse">
<?php if ($istBeiUns && !empty($adresse['street'])): ?>
                        <?= e($adresse['venue'] ?? $location) ?><br>
                        <?= e($adresse['street']) ?><br>
                        <?= e($adresse['zip'] ?? '') ?> <?= e($adresse['city'] ?? '') ?>
<?php else: ?>
                        <?= e($location) ?>
<?php endif; ?>
                    </address>
<?php foreach ($anfahrt as $absatz): ?>
                    <p class="veranstaltung-info__hinweis"><?= e($absatz) ?></p>
<?php endforeach; ?>
                </div>
<?php if ($mapsUrl !== ''): ?>
                <figure class="veranstaltung-info__map">
                    <a class="veranstaltung-info__map-link" href="<?= e($mapsUrl) ?>" target="_blank" rel="noopener">
<?php component('img', [
    'image' => ['src' => 'img/pages/sportheim-map.jpg', 'width' => 512, 'height' => 512, 'alt' => 'Karte mit unserem Sportgelände im Katzbachtal'],
    'class' => 'veranstaltung-info__map-img',
]); ?>
                        <span class="veranstaltung-info__map-cta">
                            <?= icon('geo-alt-fill') ?> In Google Maps öffnen
                            <span class="visually-hidden">(öffnet in neuem Tab)</span>
                        </span>
                    </a>
                    <figcaption class="veranstaltung-info__map-credit">Kartendaten © OpenStreetMap-Mitwirkende</figcaption>
                </figure>
<?php endif; ?>
                </div>
            </div>
        </section>
