120 lines
8.3 KiB
PHP
120 lines
8.3 KiB
PHP
<?php
|
|
$baseUrl = rtrim(Config::get('BASE_URL', 'https://philippurbschat.de/'), '/');
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<meta name="theme-color" content="#020617">
|
|
<title><?= htmlspecialchars($title ?? 'Registrierung') ?> | Philipp Urbschat</title>
|
|
<link rel="stylesheet" href="/css/app.css">
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
|
</head>
|
|
<body class="bg-[#0b1120] text-slate-300 min-h-screen flex flex-col justify-center items-center p-4 sm:p-6 font-sans relative overflow-x-hidden selection-pink">
|
|
<div class="crt-overlay pointer-events-none"></div>
|
|
|
|
<div class="max-w-md w-full my-8 relative z-10">
|
|
<!-- Logo / Brand Header -->
|
|
<div class="text-center mb-8">
|
|
<a href="<?= $baseUrl ?>" class="inline-flex items-center gap-2 text-slate-200 hover:text-cyan-400 font-mono text-xs uppercase tracking-widest transition-colors">
|
|
<span class="w-2 h-2 rounded-full bg-cyan-400 animate-pulse"></span> philippurbschat.de
|
|
</a>
|
|
</div>
|
|
|
|
<?php Flash::display(); ?>
|
|
|
|
<?php if (!empty($valid)): ?>
|
|
<!-- Valid Invitation Card -->
|
|
<div class="bg-slate-900/90 border border-cyan-500/30 rounded-3xl p-6 sm:p-8 backdrop-blur-xl shadow-[0_0_40px_rgba(6,182,212,0.12)] relative overflow-hidden">
|
|
<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-cyan-500 to-transparent"></div>
|
|
|
|
<div class="mb-6">
|
|
<span class="inline-block px-3 py-1 bg-cyan-500/10 border border-cyan-500/30 rounded-full text-cyan-400 font-mono text-[11px] uppercase tracking-wider mb-3">
|
|
Einladung bestätigt
|
|
</span>
|
|
<h1 class="text-2xl font-black text-slate-100 font-mono tracking-tight">Account erstellen</h1>
|
|
<p class="text-slate-400 text-xs mt-1 font-mono">Vergib dein persönliches Passwort, um deinen Zugang zu aktivieren.</p>
|
|
</div>
|
|
|
|
<?php if (!empty($note)): ?>
|
|
<div class="bg-slate-950/70 border border-slate-800 rounded-xl p-3 mb-5 font-mono text-xs text-slate-400">
|
|
<span class="text-cyan-400">Hinweis:</span> <?= htmlspecialchars($note) ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if (!empty($assignedModules)): ?>
|
|
<div class="mb-6">
|
|
<label class="block text-slate-400 font-mono text-[11px] uppercase tracking-wider mb-2">Freigeschaltete Module:</label>
|
|
<div class="flex flex-wrap gap-2">
|
|
<?php foreach ($assignedModules as $mod): ?>
|
|
<span class="inline-flex items-center px-3 py-1.5 bg-slate-950/80 border border-slate-800 rounded-xl text-xs font-mono text-slate-300 uppercase tracking-wider">
|
|
<?= htmlspecialchars($mod['name']) ?>
|
|
</span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<form action="<?= $baseUrl ?>/register/submit" method="POST" class="space-y-4">
|
|
<input type="hidden" name="csrf_token" value="<?= Security::csrf() ?>">
|
|
<input type="hidden" name="token" value="<?= htmlspecialchars($token) ?>">
|
|
|
|
<div>
|
|
<label class="block text-slate-400 font-mono text-xs uppercase tracking-wider mb-1.5">Dein Name</label>
|
|
<input type="text" name="name" required placeholder="z.B. Alex" autocomplete="name" class="w-full bg-slate-950/80 border border-slate-700/80 rounded-xl p-3.5 text-slate-200 text-sm focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all placeholder:text-slate-600 font-mono">
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-slate-400 font-mono text-xs uppercase tracking-wider mb-1.5">E-Mail-Adresse</label>
|
|
<input type="email" name="email" required placeholder="name@beispiel.de" autocomplete="email" class="w-full bg-slate-950/80 border border-slate-700/80 rounded-xl p-3.5 text-slate-200 text-sm focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all placeholder:text-slate-600 font-mono">
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-slate-400 font-mono text-xs uppercase tracking-wider mb-1.5">Passwort</label>
|
|
<input type="password" name="password" required minlength="8" placeholder="Mindestens 8 Zeichen" autocomplete="new-password" class="w-full bg-slate-950/80 border border-slate-700/80 rounded-xl p-3.5 text-slate-200 text-sm focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all placeholder:text-slate-600 font-mono">
|
|
</div>
|
|
|
|
<div>
|
|
<label class="block text-slate-400 font-mono text-xs uppercase tracking-wider mb-1.5">Passwort wiederholen</label>
|
|
<input type="password" name="password_confirm" required minlength="8" placeholder="Passwort bestätigen" autocomplete="new-password" class="w-full bg-slate-950/80 border border-slate-700/80 rounded-xl p-3.5 text-slate-200 text-sm focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all placeholder:text-slate-600 font-mono">
|
|
</div>
|
|
|
|
<button type="submit" class="w-full cursor-pointer bg-emerald-500/20 border border-emerald-500/50 hover:bg-emerald-500/30 text-emerald-400 hover:text-emerald-300 font-bold font-mono uppercase tracking-wider py-4 rounded-xl transition-all duration-300 transform active:scale-95 shadow-[0_0_20px_rgba(16,185,129,0.15)] mt-6">
|
|
Account freischalten →
|
|
</button>
|
|
</form>
|
|
|
|
<div class="mt-6 pt-4 border-t border-slate-800/80 text-center">
|
|
<span class="text-xs font-mono text-slate-500">Bereits registriert?</span>
|
|
<a href="<?= $baseUrl ?>" class="text-xs font-mono text-emerald-400 hover:underline ml-1">Zum Login</a>
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<!-- Invalid / Restricted Access Card -->
|
|
<div class="bg-slate-900/90 border border-rose-500/30 rounded-3xl p-6 sm:p-8 backdrop-blur-xl shadow-[0_0_40px_rgba(244,63,94,0.15)] relative overflow-hidden text-center">
|
|
<div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-rose-500 to-transparent"></div>
|
|
|
|
<div class="w-12 h-12 bg-rose-500/10 border border-rose-500/20 rounded-2xl flex items-center justify-center mx-auto mb-4 text-rose-400">
|
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
|
|
</div>
|
|
|
|
<h1 class="text-2xl font-black text-slate-100 font-mono tracking-tight mb-3">Zugriff beschränkt</h1>
|
|
<p class="text-slate-400 text-sm font-mono mb-6 leading-relaxed">
|
|
<?= htmlspecialchars($errorMessage ?? 'Registrierung nur mit gültigem Einladungslink möglich.') ?>
|
|
</p>
|
|
|
|
<div class="pt-4 border-t border-slate-800">
|
|
<a href="<?= $baseUrl ?>" class="inline-flex items-center gap-2 px-5 py-2.5 bg-slate-800/80 hover:bg-slate-700/80 text-slate-200 rounded-xl text-xs font-mono uppercase tracking-wider transition-colors">
|
|
← Zur Startseite
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</body>
|
|
</html>
|