<?php

declare(strict_types=1);

/**
 * News-Seite der Stadionzeitung (Live-Seite) — eigene, einheitliche Liste im
 * Kopf-Muster der Geschwister-Seiten statt des geteilten news-feed der
 * /news-Seite: dort variieren die Medienspalten (Bild, Wappen, nichts) und
 * die Titel springen in der Einrückung — auf der schmalen A5-Seite braucht
 * jede Zeile dieselbe feste Medienspalte (Wappen, Foto-Thumbnail oder
 * Icon-Badge als Fallback), damit alle Titel bündig stehen.
 *
 * Props: $items  stadionzeitung_live_data()['news'] — normalisierte Einträge
 *                aus news_build_feed() (date/title/text/image/crest/source).
 */
$items = $items ?? [];

$sourceLabel = static fn (string $source): string => match ($source) {
    'ergebnis'  => 'Ergebnis',
    'instagram' => 'Instagram',
    default     => 'Meldung',
};

// CTA unter der Liste: QR + Link auf /news (geteilter QR wie bei der
// Kontakt-Seite, von bin/stadionzeitung-add.php mit der aktuellen base_url
// erzeugt — fehlt er, erscheint nur der Text-Link).
$newsQr = is_file(PUBLIC_PATH . '/assets/img/stadionzeitung/qr-news.png')
    ? 'img/stadionzeitung/qr-news.png'
    : null;
$newsLink = preg_replace('~^https?://(www\.)?~', '', abs_url('news'));
?>
<div class="stadionzeitung-news">
    <header class="stadionzeitung-page__head">
        <p class="stadionzeitung-page__kicker">News</p>
        <h2 class="stadionzeitung-page__heading">Aktuelles aus dem Katzbachtal</h2>
    </header>
    <span class="stadionzeitung-page__rule" aria-hidden="true"></span>
<?php if ($items === []): ?>
    <p class="text-muted">Aktuell keine News.</p>
<?php endif; ?>
    <ul class="stadionzeitung-news__list">
<?php foreach ($items as $item): ?>
<?php
    $source = (string) ($item['source'] ?? 'news');
    // Instagram-Titel ist die erste Zeile der Caption — der Text darunter
    // wäre dieselbe Caption noch einmal, deshalb dort nur der Titel.
    $text = $source === 'instagram' ? '' : trim((string) ($item['text'] ?? ''));
    $image = $item['image'] ?? null;
    $imageSrc = null;
    if (is_array($image)) {
        // Beide Bildformen aus news_build_feed(): Instagram liefert src,
        // redaktionelle Meldungen base/widths (kleinste Variante reicht
        // für das winzige Thumbnail).
        $imageSrc = $image['src'] ?? (isset($image['base'], $image['widths']) ? $image['base'] . '-' . min($image['widths']) . '.jpg' : null);
    }
?>
        <li class="stadionzeitung-news__item">
<?php if (!empty($item['crest']['src']) || (!empty($item['crest']['name']) && $source === 'ergebnis')): ?>
            <span class="stadionzeitung-news__media stadionzeitung-news__media--crest">
                <?php component('crest', ['src' => $item['crest']['src'] ?? null, 'name' => (string) ($item['crest']['name'] ?? '')]); ?>
            </span>
<?php elseif ($imageSrc !== null): ?>
            <img class="stadionzeitung-news__media stadionzeitung-news__media--img" src="<?= e(asset($imageSrc)) ?>" alt="" loading="lazy" decoding="async">
<?php else: ?>
            <span class="stadionzeitung-news__media stadionzeitung-news__media--icon" aria-hidden="true"><?= icon('newspaper') ?></span>
<?php endif; ?>
            <div class="stadionzeitung-news__body">
                <p class="stadionzeitung-news__meta"><?= e($sourceLabel($source)) ?><?php if (!empty($item['date'])): ?> · <time datetime="<?= e((string) $item['date']) ?>"><?= e(german_date((string) $item['date'])) ?></time><?php endif; ?></p>
                <p class="stadionzeitung-news__title"><?= e((string) ($item['title'] ?? '')) ?></p>
<?php if ($text !== ''): ?>
                <p class="stadionzeitung-news__text"><?= e($text) ?></p>
<?php endif; ?>
            </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">Mehr News findest du auf unserer Website</p>
            <p class="stadionzeitung-page__cta-link"><?= e($newsLink) ?></p>
        </div>
<?php if ($newsQr !== null): ?>
        <div class="stadionzeitung-page__cta-abriss">
            <img class="stadionzeitung-page__cta-qr" src="<?= e(asset($newsQr)) ?>" alt="" width="60" height="60" loading="lazy" decoding="async">
            <span class="stadionzeitung-page__cta-scan">Scan mich</span>
        </div>
<?php endif; ?>
    </div>
</div>
