80 lines
3.6 KiB
PHP
80 lines
3.6 KiB
PHP
|
<?php
|
||
|
|
$title = 'Verify Email';
|
||
|
|
ob_start();
|
||
|
|
?>
|
||
|
|
|
||
|
|
<?php if ($verified ?? false): ?>
|
||
|
|
<!-- Success State -->
|
||
|
|
<div class="text-center">
|
||
|
|
<div class="inline-flex items-center justify-center w-16 h-16 bg-green-100 rounded-full mb-4">
|
||
|
|
<i class="fas fa-check-circle text-green-600 text-3xl"></i>
|
||
|
|
</div>
|
||
|
|
<h1 class="text-2xl font-semibold text-gray-900 mb-2">Email Verified!</h1>
|
||
|
|
<p class="text-gray-600 mb-6">Your email address has been successfully verified.</p>
|
||
|
|
|
||
|
|
<a href="/login" class="inline-flex items-center px-6 py-2.5 bg-primary hover:bg-primary-dark text-white text-sm rounded-lg transition-colors font-medium">
|
||
|
|
<i class="fas fa-sign-in-alt mr-2"></i>
|
||
|
|
Sign In to Your Account
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<?php elseif ($error ?? false): ?>
|
||
|
|
<!-- Error State -->
|
||
|
|
<div class="text-center">
|
||
|
|
<div class="inline-flex items-center justify-center w-16 h-16 bg-red-100 rounded-full mb-4">
|
||
|
|
<i class="fas fa-times-circle text-red-600 text-3xl"></i>
|
||
|
|
</div>
|
||
|
|
<h1 class="text-2xl font-semibold text-gray-900 mb-2">Verification Failed</h1>
|
||
|
|
<p class="text-gray-600 mb-6"><?= htmlspecialchars($errorMessage ?? 'Invalid or expired verification link.') ?></p>
|
||
|
|
|
||
|
|
<div class="space-y-2">
|
||
|
|
<a href="/login" class="block text-center px-6 py-2.5 bg-primary hover:bg-primary-dark text-white text-sm rounded-lg transition-colors font-medium">
|
||
|
|
<i class="fas fa-sign-in-alt mr-2"></i>
|
||
|
|
Go to Login
|
||
|
|
</a>
|
||
|
|
<a href="/resend-verification" class="block text-center px-6 py-2.5 bg-gray-100 hover:bg-gray-200 text-gray-700 text-sm rounded-lg transition-colors font-medium">
|
||
|
|
<i class="fas fa-redo mr-2"></i>
|
||
|
|
Resend Verification Email
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php else: ?>
|
||
|
|
<!-- Pending State -->
|
||
|
|
<div class="text-center">
|
||
|
|
<div class="inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4">
|
||
|
|
<i class="fas fa-envelope text-blue-600 text-3xl"></i>
|
||
|
|
</div>
|
||
|
|
<h1 class="text-2xl font-semibold text-gray-900 mb-2">Check Your Email</h1>
|
||
|
|
<p class="text-gray-600 mb-6">
|
||
|
|
We've sent a verification link to <strong><?= htmlspecialchars($email ?? 'your email') ?></strong>.
|
||
|
|
Please check your inbox and click the link to verify your account.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6 text-left">
|
||
|
|
<p class="text-sm text-blue-800 mb-2">
|
||
|
|
<i class="fas fa-info-circle mr-1"></i>
|
||
|
|
<strong>Didn't receive the email?</strong>
|
||
|
|
</p>
|
||
|
|
<ul class="text-xs text-blue-700 space-y-1 ml-5 list-disc">
|
||
|
|
<li>Check your spam or junk folder</li>
|
||
|
|
<li>Make sure you entered the correct email address</li>
|
||
|
|
<li>Wait a few minutes for the email to arrive</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="space-y-2">
|
||
|
|
<a href="/resend-verification" class="block text-center px-6 py-2.5 bg-primary hover:bg-primary-dark text-white text-sm rounded-lg transition-colors font-medium">
|
||
|
|
<i class="fas fa-redo mr-2"></i>
|
||
|
|
Resend Verification Email
|
||
|
|
</a>
|
||
|
|
<a href="/login" class="block text-center text-sm text-gray-600 hover:text-gray-800">
|
||
|
|
Back to Login
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
<?php
|
||
|
|
$content = ob_get_clean();
|
||
|
|
require __DIR__ . '/base-auth.php';
|
||
|
|
?>
|