<?php

declare(strict_types=1);

/**
 * Ansprechpartner-Seite der Stadionzeitung (Live-Seite) — die Fußball-
 * Ansprechpartner aus data/ansprechpartner.json (geteilte Quelle mit
 * /ansprechpartner, nie Namen/Nummern duplizieren), wie die „KONTAKT"-Seite
 * der Canva-Vorlage: Abteilung + Name + Telefonnummer, rechts das runde
 * Porträt. Keine Props — die Seite zeigt immer den aktuellen Stand der
 * geteilten Quelle (Personen ändern sich zwischen Ausgaben praktisch nie;
 * ein Snapshot würde hier nur veraltete Nummern konservieren).
 */
$persons = array_values(array_filter(
    json_load('ansprechpartner')['persons'] ?? [],
    static fn (array $p): bool => ($p['group'] ?? '') === 'Fußball'
));

// CTA unter der Liste: QR + Link auf /mitmachen (Wunsch Felix, 29.07.2026).
// Der QR wird von bin/stadionzeitung-add.php miterzeugt (qr-mitmachen.png,
// geteilt über alle Ausgaben — die Ziel-URL ist immer dieselbe); fehlt er
// (noch kein Lauf seit Einführung), erscheint nur der Text-Link.
$mitmachenQr = is_file(PUBLIC_PATH . '/assets/img/stadionzeitung/qr-mitmachen.png')
    ? 'img/stadionzeitung/qr-mitmachen.png'
    : null;
$mitmachenLink = preg_replace('~^https?://(www\.)?~', '', abs_url('mitmachen'));
?>
<div class="stadionzeitung-kontakt">
    <header class="stadionzeitung-page__head">
        <p class="stadionzeitung-page__kicker">Kontakt</p>
        <h2 class="stadionzeitung-page__heading">Ansprechpartner im Verein</h2>
    </header>
<?php /* Bewusst ohne die Trennlinie der Geschwister-Seiten: die Liste + CTA
         brauchen die volle Seitenhöhe (Felix, 29.07.2026). Die erste
         Listenzeile bringt ihre eigene Unterkante mit, das trennt genug. */ ?>
    <ul class="stadionzeitung-kontakt__list">
<?php foreach ($persons as $person): ?>
        <li class="stadionzeitung-kontakt__item">
            <div class="stadionzeitung-kontakt__body">
                <p class="stadionzeitung-kontakt__department"><?= e((string) ($person['department'] ?? '')) ?></p>
                <p class="stadionzeitung-kontakt__name"><?= e((string) ($person['name'] ?? '')) ?></p>
<?php if (!empty($person['phone'])): ?>
                <p class="stadionzeitung-kontakt__contact"><?= e((string) $person['phone']) ?></p>
<?php elseif (!empty($person['email'])): ?>
                <p class="stadionzeitung-kontakt__contact"><?= e((string) $person['email']) ?></p>
<?php endif; ?>
            </div>
<?php if (!empty($person['image'])): ?>
            <img class="stadionzeitung-kontakt__portrait" src="<?= e(asset((string) $person['image'])) ?>" alt="" width="56" height="56" loading="lazy" decoding="async">
<?php else: ?>
            <span class="stadionzeitung-kontakt__portrait stadionzeitung-kontakt__portrait--icon" aria-hidden="true"><?= icon('person') ?></span>
<?php endif; ?>
        </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">Du möchtest selbst aktiv werden?</p>
            <p class="stadionzeitung-page__cta-link"><?= e($mitmachenLink) ?></p>
        </div>
<?php if ($mitmachenQr !== null): ?>
        <div class="stadionzeitung-page__cta-abriss">
            <img class="stadionzeitung-page__cta-qr" src="<?= e(asset($mitmachenQr)) ?>" alt="" width="60" height="60" loading="lazy" decoding="async">
            <span class="stadionzeitung-page__cta-scan">Scan mich</span>
        </div>
<?php endif; ?>
    </div>
</div>
