<?php

declare(strict_types=1);

/**
 * Ausgaben-Archiv der Stadionzeitung, ganze Karte verlinkt auf die Ausgabe.
 * Props: $issues array aus data/stadionzeitung.json (bereits neueste zuerst).
 * Leer → freundlicher Hinweis statt leerer Sektion (nie brechen).
 */
$issues = $issues ?? [];
?>
        <section class="section stadionzeitung-cards">
            <div class="container">
                <h2 class="visually-hidden">Ausgaben der Stadionzeitung</h2>
<?php if ($issues === []): ?>
                <p class="text-muted">Noch keine Ausgabe digital verfügbar — zur nächsten Heimspiel-Stadionzeitung schauen wir wieder vorbei.</p>
<?php else: ?>
                <ul class="stadionzeitung-cards__grid">
<?php foreach ($issues as $issue): ?>
                    <li>
                        <a class="stadionzeitung-card" href="<?= e(url('stadionzeitung/' . $issue['slug'])) ?>">
                            <div class="stadionzeitung-card__media">
<?php $firstPage = $issue['images'][0] ?? null; ?>
<?php if ($firstPage !== null && ($firstPage['type'] ?? 'image') === 'live' && ($firstPage['page'] ?? '') === 'cover'): ?>
<?php /* Seit dem automatischen Cover (Phase 3) beginnt jede Ausgabe mit der
         echten, live gerenderten Titelseite statt einem Canva-Bild — die
         dient hier direkt als Karten-Vorschau, keine zweite Bildquelle. */ ?>
<?php component('stadionzeitung-cover', ['issue' => $issue]); ?>
<?php elseif ($firstPage !== null): ?>
<?php component('img', ['image' => $firstPage, 'sizes' => '(max-width: 600px) 100vw, 360px', 'class' => 'stadionzeitung-card__img']); ?>
<?php endif; ?>
                            </div>
                            <div class="stadionzeitung-card__body">
                                <h3 class="stadionzeitung-card__name">Gegen <?= e($issue['opponent']) ?></h3>
                                <p class="stadionzeitung-card__meta">
                                    <time datetime="<?= e($issue['date']) ?>"><?= e(german_date($issue['date'])) ?></time>
                                    · <?= (int) $issue['pages'] ?> Seiten
                                </p>
                                <span class="stadionzeitung-card__cta">Ausgabe lesen <?= icon('arrow-right', 'stadionzeitung-card__arrow') ?></span>
                            </div>
                        </a>
                    </li>
<?php endforeach; ?>
                </ul>
<?php endif; ?>
            </div>
        </section>
