<?php

declare(strict_types=1);

/**
 * Vorwort-Seite der Stadionzeitung (Live-Seite, wie Tabelle/Termine/News) —
 * schlichte weiße Content-Seite, keine fotografische Ausnahme wie das Cover.
 * Der Text selbst ist KEIN Skript-Input: er wird im Chat gepflegt (wie
 * data/events.json/news.json) und lebt im `vorwort`-Feld der Ausgabe in
 * data/stadionzeitung.json (siehe bin/stadionzeitung-add.php).
 *
 * Fließtext bewusst in einer Serifenschrift (--ff-serif, PT Serif) statt
 * --ff-body — einzige Stelle im Projekt mit einer dritten Schriftart: ein
 * Vorwort ist ein redaktioneller Brief, keine UI, eine Lese-Serif passt hier
 * besser als die Website-Grotesk. Überschrift bewusst NICHT in Versalien
 * (anders als der Cover-Masthead) — ein Begrüßungssatz in Großbuchstaben
 * wirkt geschrien, hier soll es wie eine echte Zeitschriften-Headline lesen.
 * Vereins-Hero-Bild (dieselbe Quelle wie Startseite/Cover) blendet unten ein,
 * wie im ursprünglichen Canva-Vorwort — füllt die sonst leere Fläche unter
 * dem Fließtext, ohne die Lesbarkeit oben zu stören. Läuft über einen weißen
 * Gradient-Layer (__bg-fade) statt mask-image auf dem Foto selbst — druckt
 * zuverlässig mit (siehe CSS-Kommentar), erscheint also auch im PDF.
 *
 * Props: $issue (Eintrag aus data/stadionzeitung.json: vorwort?, verfasser_photo?)
 */
$issue = $issue ?? [];
$vorwort = $issue['vorwort'] ?? null;
if (!$vorwort) {
    return;
}
$heading = (string) ($vorwort['heading'] ?? '');
$paragraphs = $vorwort['paragraphs'] ?? [];
$closing = (string) ($vorwort['closing'] ?? '');
$signeeName = (string) ($vorwort['signee_name'] ?? '');
$signeeRole = (string) ($vorwort['signee_role'] ?? '');
$verfasserPhoto = $issue['verfasser_photo'] ?? null;
$heroImage = json_load('home')['hero']['image'] ?? null;
?>
<div class="stadionzeitung-vorwort">
<?php if ($heroImage): ?>
<?php component('img', ['image' => $heroImage, 'sizes' => '480px', 'class' => 'stadionzeitung-vorwort__bg']); ?>
    <div class="stadionzeitung-vorwort__bg-fade" aria-hidden="true"></div>
<?php endif; ?>
    <header class="stadionzeitung-vorwort__head">
        <p class="stadionzeitung-vorwort__kicker">Vorwort</p>
        <img class="stadionzeitung-vorwort__logo" src="<?= e(asset('img/logo.svg')) ?>" alt="" width="75" height="97">
    </header>
<?php if ($heading !== ''): ?>
    <h2 class="stadionzeitung-vorwort__heading"><?= e($heading) ?></h2>
<?php endif; ?>
<?php foreach ($paragraphs as $paragraph): ?>
    <p class="stadionzeitung-vorwort__text"><?= e($paragraph) ?></p>
<?php endforeach; ?>
<?php if ($signeeName !== ''): ?>
    <footer class="stadionzeitung-vorwort__signature">
<?php if ($verfasserPhoto): ?>
<?php component('img', ['image' => $verfasserPhoto, 'sizes' => '80px', 'class' => 'stadionzeitung-vorwort__portrait']); ?>
<?php endif; ?>
        <div class="stadionzeitung-vorwort__signature-text">
<?php if ($closing !== ''): ?>
            <p class="stadionzeitung-vorwort__closing"><?= e($closing) ?></p>
<?php endif; ?>
            <p class="stadionzeitung-vorwort__signee"><?= e($signeeName) ?></p>
<?php if ($signeeRole !== ''): ?>
            <p class="stadionzeitung-vorwort__role"><?= e($signeeRole) ?></p>
<?php endif; ?>
        </div>
    </footer>
<?php endif; ?>
</div>
