tsv08kulmbach-website/app/components/membership-form.php

<?php

declare(strict_types=1);

/**
 * Mitglieds-Antrag Fußball (schlank, ohne Bankdaten — die kommen auf dem Papierantrag).
 * Props:
 *   $fee_options array   Beitragsklassen als Strings (Whitelist – muss zur Action passen)
 * 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 "company_url" + signierter Timestamp "ft" (form_token()).
 */
$club = json_load('club');
$fee_options = $fee_options ?? [];

// Fehlerquelle: PRG-Query (?error=…) oder — beim 422-Re-Render ohne JS — die
// serverseitigen Feldfehler aus der Action.
$sent = isset($_GET['sent']);
$error = isset($_GET['error']) ? (string) $_GET['error'] : (form_has_errors() ? 'validation' : null);
$errorMessages = [
    'validation' => 'Bitte prüfe deine Eingaben: Die markierten Felder brauchen noch etwas Aufmerksamkeit.',
    'ratelimit'  => 'Zu viele Anfragen in kurzer Zeit. Bitte versuche es in ein paar Minuten erneut.',
    'busy'       => 'Bei uns gehen gerade ungewöhnlich viele Anfragen ein. Bitte versuche es später noch einmal oder schreib uns direkt an ' . $club['email'] . '.',
    'mail'       => 'Dein Antrag konnte gerade nicht versendet werden. Bitte versuche es später erneut oder schreib uns direkt an ' . $club['email'] . '.',
];

$f = [
    'first_name' => ['type' => 'text', 'name' => 'first_name', 'id' => 'mm-first-name', 'label' => 'Vorname', 'required' => true, 'autocomplete' => 'given-name', 'maxlength' => 100],
    'last_name'  => ['type' => 'text', 'name' => 'last_name', 'id' => 'mm-last-name', 'label' => 'Nachname', 'required' => true, 'autocomplete' => 'family-name', 'maxlength' => 100],
    'birth_date' => ['type' => 'date', 'name' => 'birth_date', 'id' => 'mm-birth-date', 'label' => 'Geboren am', 'required' => true, 'autocomplete' => 'bday'],
    'phone'      => ['type' => 'tel', 'name' => 'phone', 'id' => 'mm-phone', 'label' => 'Telefonnummer', 'required' => true, 'autocomplete' => 'tel', 'maxlength' => 50],
    'street'     => ['type' => 'text', 'name' => 'street', 'id' => 'mm-street', 'label' => 'Straße & Hausnummer', 'required' => true, 'autocomplete' => 'street-address', 'maxlength' => 200],
    'zip'        => ['type' => 'text', 'name' => 'zip', 'id' => 'mm-zip', 'label' => 'Postleitzahl', 'required' => true, 'autocomplete' => 'postal-code', 'maxlength' => 10],
    'city'       => ['type' => 'text', 'name' => 'city', 'id' => 'mm-city', 'label' => 'Wohnort', 'required' => true, 'autocomplete' => 'address-level2', 'maxlength' => 100],
    'email'      => ['type' => 'email', 'name' => 'email', 'id' => 'mm-email', 'label' => 'E-Mail', 'required' => true, 'autocomplete' => 'email', 'maxlength' => 200],
    'fee_class'  => ['type' => 'select', 'name' => 'fee_class', 'id' => 'mm-fee-class', 'label' => 'Beitragsklasse', 'required' => true, 'options' => $fee_options, 'placeholder' => 'Bitte wählen'],
    'statute'    => [
        'type' => 'checkbox', 'name' => 'statute', 'id' => 'mm-statute', 'required' => true,
        'label'      => 'Mit der Beitrittserklärung erkenne ich die Satzung des TSV 1908 Kulmbach e. V. an. Bei Kindern unter 18 Jahren ist die Unterschrift eines Erziehungsberechtigten erforderlich.',
        'label_html' => 'Mit der Beitrittserklärung erkenne ich die Satzung des TSV 1908 Kulmbach e.&nbsp;V. an. Bei Kindern unter 18 Jahren ist die Unterschrift eines Erziehungsberechtigten erforderlich.',
    ],
    'privacy'    => [
        'type' => 'checkbox', 'name' => 'privacy', 'id' => 'mm-privacy', 'required' => true,
        'label'      => 'Ich stimme den Datenschutzbestimmungen zu.',
        'label_html' => 'Ich stimme den <a href="' . e(url('datenschutz')) . '">Datenschutzbestimmungen</a> zu.',
    ],
];
?>
                <form class="form" method="post" action="<?= e(url('mitglied-werden-senden')) ?>" novalidate>
                    <?php /* autofocus nur beim 422-Re-Render: bringt den Fokus auch ohne JS in die Fehlermeldung */ ?>
                    <div class="form__status" role="status" aria-live="polite" tabindex="-1" data-form-status<?= form_has_errors() ? ' autofocus' : '' ?>>
<?php if ($sent): ?>
                        <p class="form__success">Danke! Dein Mitgliedsantrag ist bei uns eingegangen. Wir melden uns und senden dir die Beitrittserklärung per Post zu.</p>
<?php elseif ($error !== null): ?>
                        <p class="form__error"><?= e($errorMessages[$error] ?? $errorMessages['mail']) ?></p>
<?php endif; ?>
                    </div>

                    <fieldset class="form__group">
                        <legend class="form__legend">Zur Person</legend>
                        <div class="form__group-body">
                            <div class="form__row">
<?php component('form-field', ['field' => $f['first_name']]); ?>
<?php component('form-field', ['field' => $f['last_name']]); ?>
                            </div>
<?php component('form-field', ['field' => $f['birth_date']]); ?>
                        </div>
                    </fieldset>

                    <fieldset class="form__group">
                        <legend class="form__legend">Adresse</legend>
                        <div class="form__group-body">
<?php component('form-field', ['field' => $f['street']]); ?>
                            <div class="form__row">
<?php component('form-field', ['field' => $f['zip']]); ?>
<?php component('form-field', ['field' => $f['city']]); ?>
                            </div>
                        </div>
                    </fieldset>

                    <fieldset class="form__group">
                        <legend class="form__legend">Kontakt</legend>
                        <div class="form__group-body">
                            <div class="form__row">
<?php component('form-field', ['field' => $f['phone']]); ?>
<?php component('form-field', ['field' => $f['email']]); ?>
                            </div>
                        </div>
                    </fieldset>

                    <fieldset class="form__group">
                        <legend class="form__legend">Mitgliedschaft</legend>
                        <div class="form__group-body">
<?php component('form-field', ['field' => $f['fee_class']]); ?>
                        </div>
                    </fieldset>

                    <fieldset class="form__group">
                        <legend class="form__legend">Bestätigung</legend>
                        <div class="form__group-body">
<?php component('form-field', ['field' => $f['statute']]); ?>
<?php component('form-field', ['field' => $f['privacy']]); ?>
                        </div>
                    </fieldset>

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

                    <p class="form__submit">
                        <button class="btn" type="submit">Antrag absenden</button>
                    </p>
                </form>