<?php

declare(strict_types=1);

/**
 * Sportheim-Buchungsanfrage-Formular. Props:
 *   $form  array{title, text, event_types: string[]}
 * PRG-Flash via ?sent=1 / ?error=validation / ?error=mail.
 * Felder ausschließlich über component('form-field').
 */
$club = json_load('club');

// 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'       => 'Deine Anfrage konnte gerade nicht gesendet werden. Bitte versuche es später erneut oder schreib uns direkt an ' . $club['email'] . '.',
];

$today = date('Y-m-d');

$f = [
    'name'       => ['type' => 'text',     'name' => 'name',       'id' => 'buch-name',      'label' => 'Name',                 'required' => true,  'autocomplete' => 'name', 'maxlength' => 200],
    'email'      => ['type' => 'email',    'name' => 'email',      'id' => 'buch-email',     'label' => 'E-Mail',               'required' => true,  'autocomplete' => 'email', 'maxlength' => 200],
    'phone'      => ['type' => 'tel',      'name' => 'phone',      'id' => 'buch-phone',     'label' => 'Telefonnummer',        'autocomplete' => 'tel', 'maxlength' => 50],
    'event_type' => ['type' => 'select',   'name' => 'event_type', 'id' => 'buch-type',      'label' => 'Art der Veranstaltung','options' => $form['event_types']],
    'event_date' => ['type' => 'date',     'name' => 'event_date', 'id' => 'buch-date',      'label' => 'Gewünschtes Datum',    'required' => true, 'min' => $today, 'hint' => 'Frühestmögliches Buchungsdatum'],
    'attendees'  => ['type' => 'number',   'name' => 'attendees',  'id' => 'buch-attendees', 'label' => 'Ungefähre Personenzahl','required' => true, 'min' => '1', 'max' => '500'],
    'message'    => ['type' => 'textarea', 'name' => 'message',    'id' => 'buch-message',   'label' => 'Weitere Wünsche oder Fragen', 'rows' => 5, 'maxlength' => 3000],
    'privacy'    => [
        'type' => 'checkbox', 'name' => 'privacy', 'id' => 'buch-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" id="buchung">
            <div class="container contact__inner">
                <div class="contact__intro">
                    <h2><?= e($form['title']) ?></h2>
                    <p><?= e($form['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('sportheimbuchung-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 für deine Anfrage! Wir melden uns kurzfristig bei dir.</p>
<?php elseif ($error !== null): ?>
                        <p class="form__error"><?= e($errorMessages[$error] ?? $errorMessages['mail']) ?></p>
<?php endif; ?>
                    </div>

                    <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['event_type']]); ?>
                    </div>

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

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

                    <?php /* Honeypot */ ?>
                    <div class="visually-hidden" aria-hidden="true">
                        <label for="buch-company-url">Bitte dieses Feld leer lassen</label>
                        <input type="text" id="buch-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">Anfrage senden</button>
                    </p>
                </form>
            </div>
        </section>
