<?php

declare(strict_types=1);

/**
 * Termine-Seite der Stadionzeitung (Live-Seite, wie Tabelle/Vorwort/News) —
 * schlichte weiße Content-Seite mit Foto-Kopf, angelehnt ans Vorwort-Layout
 * (Kicker + Überschrift über einblendendem Vereinsfoto), aber mit einer
 * Icon-Liste statt Fließtext.
 *
 * Die drei Termine sind KEIN Live-Abruf: bin/stadionzeitung-add.php friert
 * sie beim Anlegen der Ausgabe einmalig ein (`termine_snapshot`, siehe dort
 * und termine_build_lists()) — eine gedruckte Ausgabe zeigt dauerhaft, was
 * am Spieltag anstand, nicht was von "heute" aus gesehen ansteht.
 *
 * Props: $issue (Eintrag aus data/stadionzeitung.json: termine_snapshot?)
 */
$issue = $issue ?? [];
$items = $issue['termine_snapshot'] ?? [];
if ($items === []) {
    return;
}
$heroImage = json_load('home')['hero']['image'] ?? null;

// CTA-Fuß wie News/Kontakt: geteilter QR auf /termine (bin/stadionzeitung-add.php
// erzeugt ihn mit der aktuellen base_url — fehlt er, nur der Text-Link).
$termineQr = is_file(PUBLIC_PATH . '/assets/img/stadionzeitung/qr-termine.png')
    ? 'img/stadionzeitung/qr-termine.png'
    : null;
$termineLink = preg_replace('~^https?://(www\.)?~', '', abs_url('termine'));
?>
<div class="stadionzeitung-termine">
<?php if ($heroImage): ?>
<?php component('img', ['image' => $heroImage, 'sizes' => '480px', 'class' => 'stadionzeitung-termine__bg']); ?>
    <div class="stadionzeitung-termine__bg-fade" aria-hidden="true"></div>
<?php endif; ?>
    <div class="stadionzeitung-termine__inner">
        <header class="stadionzeitung-termine__head">
            <p class="stadionzeitung-termine__kicker">Aktuelles</p>
            <h2 class="stadionzeitung-termine__heading">Kommende Termine</h2>
        </header>
        <span class="stadionzeitung-termine__rule" aria-hidden="true"></span>
        <ul class="stadionzeitung-termine__list">
<?php foreach ($items as $item): ?>
<?php
    $isMatch = ($item['type'] ?? '') === 'spiel';
    $parts = [german_date_range((string) ($item['date'] ?? ''), $item['date_end'] ?? null)];
    $time = '';
    if ($isMatch && !empty($item['kickoff'])) {
        $t = DateTimeImmutable::createFromFormat('Y-m-d\TH:i', (string) $item['kickoff']);
        $time = $t !== false ? $t->format('H:i') : '';
    } elseif (!$isMatch) {
        $time = (string) ($item['time'] ?? '');
    }
    if ($time !== '') {
        $parts[] = $time . ' Uhr';
    }
    if ($isMatch && !empty($item['meta'])) {
        $parts[] = (string) $item['meta'];
    } elseif (!$isMatch && !empty($item['location'])) {
        $parts[] = (string) $item['location'];
    }
?>
            <li class="stadionzeitung-termine__item">
<?php /* Icon nach Termin-Art (Wunsch Felix 29.07.2026): Spiele bekommen die
         Trophäe, Vereins-Termine den Kalender — macht die Liste auf einen
         Blick unterscheidbar. */ ?>
                <span class="stadionzeitung-termine__icon" aria-hidden="true"><?= icon($isMatch ? 'trophy' : 'calendar-event') ?></span>
                <div class="stadionzeitung-termine__body">
                    <p class="stadionzeitung-termine__title"><?= e((string) ($item['title'] ?? '')) ?></p>
                    <p class="stadionzeitung-termine__meta"><?= e(implode(' · ', $parts)) ?></p>
                </div>
            </li>
<?php endforeach; ?>
        </ul>
        <div class="stadionzeitung-page__cta">
            <div class="stadionzeitung-page__cta-text">
                <p class="stadionzeitung-page__cta-label">Mehr online</p>
                <p class="stadionzeitung-page__cta-title">Alle Termine findest du auf unserer Website</p>
                <p class="stadionzeitung-page__cta-link"><?= e($termineLink) ?></p>
            </div>
<?php if ($termineQr !== null): ?>
            <div class="stadionzeitung-page__cta-abriss">
                <img class="stadionzeitung-page__cta-qr" src="<?= e(asset($termineQr)) ?>" alt="" width="60" height="60" loading="lazy" decoding="async">
                <span class="stadionzeitung-page__cta-scan">Scan mich</span>
            </div>
<?php endif; ?>
        </div>
    </div>
</div>
