50 lines
2.3 KiB
PHP
50 lines
2.3 KiB
PHP
<?php
|
|
$app = app();
|
|
$vm = \App\AccountPages::verify($app);
|
|
$flash = $vm['flash'] ?? null;
|
|
$error = $vm['error'] ?? '';
|
|
$info = $vm['info'] ?? '';
|
|
$email = $vm['email'] ?? '';
|
|
?>
|
|
<main class="auth-wrap">
|
|
<div class="container auth-grid">
|
|
<section class="card auth-card">
|
|
<div class="badge">Bestätigung</div>
|
|
<h1 class="mt-1" style="margin: 12px 0;">Registrierung bestätigen</h1>
|
|
<p class="muted">Wir haben dir einen 6-stelligen Code gesendet. Bitte gib ihn hier ein.</p>
|
|
<?php if ($flash): ?>
|
|
<div class="toast-bar" style="margin-top: 10px;"><?= htmlspecialchars($flash['message'], ENT_QUOTES) ?></div>
|
|
<?php endif; ?>
|
|
<?php if ($info): ?>
|
|
<div class="toast-bar" style="margin-top: 10px;"><?= htmlspecialchars($info, ENT_QUOTES) ?></div>
|
|
<?php endif; ?>
|
|
<?php if ($error): ?>
|
|
<div class="toast-bar" style="margin-top: 10px; border-color:#f87171; color:#991b1b;">Fehler: <?= htmlspecialchars($error, ENT_QUOTES) ?></div>
|
|
<?php endif; ?>
|
|
<form class="stack gap-12" style="margin-top: 14px;" method="post" action="/verify">
|
|
<div class="stack gap-6">
|
|
<label class="label" for="verEmail">E-Mail</label>
|
|
<input id="verEmail" name="email" class="input" type="email" required placeholder="du@example.com" value="<?= htmlspecialchars($email, ENT_QUOTES) ?>">
|
|
</div>
|
|
<div class="stack gap-6">
|
|
<label class="label" for="verCode">Code</label>
|
|
<input id="verCode" name="code" class="input" maxlength="6" required placeholder="ABC123">
|
|
</div>
|
|
<input type="hidden" name="action" value="verify">
|
|
<button class="btn block" type="submit">Code prüfen</button>
|
|
</form>
|
|
<form method="post" action="/verify" class="mt-2">
|
|
<input type="hidden" name="email" value="<?= htmlspecialchars($email, ENT_QUOTES) ?>">
|
|
<input type="hidden" name="action" value="resend">
|
|
<button class="btn ghost block" type="submit">Code erneut senden</button>
|
|
</form>
|
|
</section>
|
|
|
|
<aside class="auth-aside">
|
|
<img class="auth-logo" src="/assets/bilder/logo_male.png" alt="Papa-Kind-Treff Logo">
|
|
<h3>Keine Mail erhalten?</h3>
|
|
<p class="auth-meta">Prüfe auch den Spam-Ordner. Du kannst den Code jederzeit neu senden lassen.</p>
|
|
</aside>
|
|
</div>
|
|
</main>
|