<?php
declare(strict_types=1);
require __DIR__ . '/includes/bootstrap.php';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = trim((string)($_POST['name'] ?? ''));
    $email = trim((string)($_POST['email'] ?? ''));

    if ($name === '' || $email === '') {
        set_flash('danger', 'Bitte Name und E-Mail ausfüllen.');
        redirect_to('index.php');
    }

    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        set_flash('danger', 'Bitte eine gültige E-Mail-Adresse angeben.');
        redirect_to('index.php');
    }

    $user = register_or_load_user($name, $email);
    $_SESSION['participant'] = $user;
    set_flash('success', 'Angemeldet. Du kannst jetzt die verfügbaren Tests ausfüllen.');
    redirect_to('dashboard.php');
}

render_header('Start');
?>
<div class="row justify-content-center">
    <div class="col-lg-7">
        <div class="card card-soft">
            <div class="card-body p-4 p-md-5">
                <h1 class="h2 mb-3">Universelles Testsystem</h1>
                <p class="text-muted mb-4">
                    Melde dich mit Name und E-Mail an, fülle verschiedene Tests aus und bearbeite deine Antworten später erneut.
                </p>

                <form method="post" action="index.php" class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label fw-semibold" for="name">Name</label>
                        <input type="text" name="name" id="name" class="form-control form-control-lg" maxlength="120" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label fw-semibold" for="email">E-Mail</label>
                        <input type="email" name="email" id="email" class="form-control form-control-lg" maxlength="190" required>
                    </div>
                    <div class="col-12 d-grid">
                        <button type="submit" class="btn btn-primary btn-lg">Weiter zum Dashboard</button>
                    </div>
                </form>

                <hr class="my-4">

                <h2 class="h5">Mögliche lustige Testideen</h2>
                <div class="small text-muted">
                    Clique Typ, Festival Überlebens Test, Zombie Apokalypse, Urlaubschaos, Dateability, WG Katastrophen Level.
                </div>
            </div>
        </div>
    </div>
</div>
<?php render_footer(); ?>