fs
4b78285698
Mitglied werden: Hub-Seite mit Online-Anmeldung (membership-form + membership-submit-Action, Honeypot + Time-Trap), Abteilungswahl (department-choice), Beitragstabelle (fee-table) und Turn-Aufnahmeantrag als PDF-Download. Daten in data/mitglied-werden.json. Partner werden & Sportheimbuchung: neue Seiten samt Routing und Navigation. Ansprechpartner: echter Hero (Vereinsgelände), Bereiche aus dem group-Feld der Single Source (Fußball / Turnen) zu zwei Sektionen gebündelt, Disziplin als Karten-Überschrift. Fehlende Turn-Disziplin-Leads (Frisque, Lorz, Kornatz, Trotzke) aus den Turnen-Unterseiten extrahiert und in data/ansprechpartner.json ergänzt (allgemeine Turnabteilungs-Mail als Kontakt). WhatsApp für alle Personen mit Telefonnummer. person-grid: kompaktere Karten, Hairline unter der Bereichsüberschrift, 5 Spalten am Desktop. Startseite auf die Haupt-Ansprechpartner je Bereich begrenzt. Dazu: neue Icons (check-circle, download, file-earmark-text, whatsapp), Anpassungen an Header/Footer/CTA/age-groups sowie tokens/layout/utilities. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01RZsKTL5kRSG4KkK8w2LKkE
114 lines
6.8 KiB
PHP
114 lines
6.8 KiB
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 "website" + signierter Timestamp "ft" (form_token()).
|
||
*/
|
||
$club = json_load('club');
|
||
$fee_options = $fee_options ?? [];
|
||
|
||
$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' => '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. 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>
|
||
<div class="form__status" role="status" aria-live="polite" tabindex="-1" data-form-status>
|
||
<?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>
|
||
|
||
<p class="form__note">Pflichtfelder sind mit <span class="form__required" aria-hidden="true">*</span><span class="visually-hidden">Stern</span> markiert.</p>
|
||
|
||
<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-website">Website (bitte leer lassen)</label>
|
||
<input type="text" id="mm-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">Antrag absenden</button>
|
||
</p>
|
||
</form>
|