<?php

declare(strict_types=1);

/**
 * Kontaktformular (Felder wie auf der alten Seite). Props:
 *   $intro array{title, text}
 * Felder rendern ausschließlich über component('form-field') — siehe CLAUDE.md.
 * Liest Flash-Status aus Query-Params (?sent=1 / ?error=...) — PRG-Muster.
 * Spam-Schutz: Honeypot "website" + signierter Timestamp "ft" (form_token()).
 */
$club = json_load('club');

$interests = ['Herrenfußball', 'Damenfußball', 'Jugendfußball', 'Turnen', 'Sonstiges'];

$sent = isset($_GET['sent']);
$error = isset($_GET['error']) ? (string) $_GET['error'] : null;
$errorMessages = [
    'validation' => 'Bitte prüfe deine Eingaben – Pflichtfelder fehlen oder die E-Mail-Adresse ist ungültig.',
    'mail'       => 'Deine Nachricht konnte gerade nicht versendet werden. Bitte versuche es später erneut oder schreib uns direkt an ' . $club['email'] . '.',
];

$f = [
    'name'     => ['type' => 'text', 'name' => 'name', 'id' => 'contact-name', 'label' => 'Name', 'required' => true, 'autocomplete' => 'name', 'maxlength' => 200],
    'email'    => ['type' => 'email', 'name' => 'email', 'id' => 'contact-email', 'label' => 'E-Mail', 'required' => true, 'autocomplete' => 'email', 'maxlength' => 200],
    'phone'    => ['type' => 'tel', 'name' => 'phone', 'id' => 'contact-phone', 'label' => 'Telefonnummer', 'autocomplete' => 'tel', 'maxlength' => 50],
    'interest' => ['type' => 'select', 'name' => 'interest', 'id' => 'contact-interest', 'label' => 'Ich interessiere mich für', 'options' => $interests],
    'subject'  => ['type' => 'text', 'name' => 'subject', 'id' => 'contact-subject', 'label' => 'Betreff', 'required' => true, 'maxlength' => 200],
    'message'  => ['type' => 'textarea', 'name' => 'message', 'id' => 'contact-message', 'label' => 'Nachricht', 'required' => true, 'maxlength' => 5000, 'rows' => 6],
    'privacy'  => [
        'type' => 'checkbox', 'name' => 'privacy', 'id' => 'contact-privacy', 'required' => true,
        'label'      => 'Ich stimme den Datenschutzbestimmungen zu.',
        'label_html' => 'Ich stimme den <a href="' . e(url('datenschutz')) . '">Datenschutzbestimmungen</a> zu.',
    ],
];
?>
        <section class="section contact" id="kontakt">
            <div class="container contact__inner">
                <div class="contact__intro">
                    <h2><?= e($intro['title']) ?></h2>
                    <p><?= e($intro['text']) ?></p>
                    <p class="text-muted">Oder direkt per Mail an <a href="mailto:<?= e($club['email']) ?>"><?= e($club['email']) ?></a></p>
                </div>
                <form class="form" method="post" action="<?= e(url('kontakt-senden')) ?>" novalidate>
                    <div class="form__status" role="status" aria-live="polite" tabindex="-1" data-form-status>
<?php if ($sent): ?>
                        <p class="form__success">Danke für deine Anfrage! Wir melden uns so schnell wie möglich bei dir.</p>
<?php elseif ($error !== null): ?>
                        <p class="form__error"><?= e($errorMessages[$error] ?? $errorMessages['mail']) ?></p>
<?php endif; ?>
                    </div>

                    <p class="form__note">Pflichtfelder sind mit <span class="form__required" aria-hidden="true">*</span><span class="visually-hidden">Stern</span> markiert.</p>

                    <div class="form__row">
<?php component('form-field', ['field' => $f['name']]); ?>
<?php component('form-field', ['field' => $f['email']]); ?>
                    </div>

                    <div class="form__row">
<?php component('form-field', ['field' => $f['phone']]); ?>
<?php component('form-field', ['field' => $f['interest']]); ?>
                    </div>

<?php component('form-field', ['field' => $f['subject']]); ?>
<?php component('form-field', ['field' => $f['message']]); ?>
<?php component('form-field', ['field' => $f['privacy']]); ?>

                    <?php /* Honeypot — für Menschen unsichtbar, Bots füllen es aus */ ?>
                    <div class="visually-hidden" aria-hidden="true">
                        <label for="contact-website">Website (bitte leer lassen)</label>
                        <input type="text" id="contact-website" name="website" tabindex="-1" autocomplete="off">
                    </div>
                    <input type="hidden" name="ft" value="<?= e(form_token()) ?>">

                    <p class="form__submit">
                        <button class="btn" type="submit">Nachricht senden</button>
                    </p>
                </form>
            </div>
        </section>
