93 lines
4.7 KiB
PHP
93 lines
4.7 KiB
PHP
|
<?php
|
|||
|
|
|
|||
|
|
declare(strict_types=1);
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Kontaktformular (Felder wie auf der alten Seite). Props:
|
|||
|
|
* $intro array{title, text}
|
|||
|
|
* 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'] . '.',
|
|||
|
|
];
|
|||
|
|
?>
|
|||
|
|
<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" 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>
|
|||
|
|
|
|||
|
|
<div class="form__row">
|
|||
|
|
<div class="form__field">
|
|||
|
|
<label for="contact-name">Name *</label>
|
|||
|
|
<input type="text" id="contact-name" name="name" required autocomplete="name" maxlength="200">
|
|||
|
|
</div>
|
|||
|
|
<div class="form__field">
|
|||
|
|
<label for="contact-email">E-Mail *</label>
|
|||
|
|
<input type="email" id="contact-email" name="email" required autocomplete="email" maxlength="200">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="form__row">
|
|||
|
|
<div class="form__field">
|
|||
|
|
<label for="contact-phone">Telefonnummer</label>
|
|||
|
|
<input type="tel" id="contact-phone" name="phone" autocomplete="tel" maxlength="50">
|
|||
|
|
</div>
|
|||
|
|
<div class="form__field">
|
|||
|
|
<label for="contact-interest">Ich interessiere mich für</label>
|
|||
|
|
<select id="contact-interest" name="interest">
|
|||
|
|
<option value="">Bitte wählen</option>
|
|||
|
|
<?php foreach ($interests as $interest): ?>
|
|||
|
|
<option value="<?= e($interest) ?>"><?= e($interest) ?></option>
|
|||
|
|
<?php endforeach; ?>
|
|||
|
|
</select>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="form__field">
|
|||
|
|
<label for="contact-subject">Betreff *</label>
|
|||
|
|
<input type="text" id="contact-subject" name="subject" required maxlength="200">
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="form__field">
|
|||
|
|
<label for="contact-message">Nachricht *</label>
|
|||
|
|
<textarea id="contact-message" name="message" rows="6" required maxlength="5000"></textarea>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="form__field form__field--checkbox">
|
|||
|
|
<input type="checkbox" id="contact-privacy" name="privacy" value="1" required>
|
|||
|
|
<label for="contact-privacy">Ich stimme den <a href="<?= e(url('datenschutz')) ?>">Datenschutzbestimmungen</a> zu. *</label>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<?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>
|