<?php
$pageTitle = 'Verify Email';
$pageDescription = 'Verify your email address to activate your account.';
include __DIR__ . '/../layout/header.php';
?>

<div class="container mx-auto px-4 py-8">
    <div class="max-w-md mx-auto bg-card-bg rounded-xl shadow-lg overflow-hidden">
        <div class="p-6">
            <div class="text-center mb-6">
                <?php if (!empty($settings['logo_path'])): ?>
                <img src="<?= htmlspecialchars($settings['logo_path']) ?>" alt="<?= htmlspecialchars($settings['site_title'] ?? 'Game Portal') ?>" class="h-12 mx-auto mb-4">
                <?php else: ?>
                <h1 class="text-2xl font-bold text-primary"><?= htmlspecialchars($settings['site_title'] ?? 'Game Portal') ?></h1>
                <?php endif; ?>
                <h2 class="text-xl font-semibold">Email Verification</h2>
            </div>
            
            <?php if (!empty($error)): ?>
            <div class="bg-red-900/50 border border-red-500 text-red-100 px-4 py-3 rounded mb-4">
                <p><?= htmlspecialchars($error) ?></p>
            </div>
            <?php endif; ?>
            
            <?php if (!empty($success)): ?>
            <div class="bg-green-900/50 border border-green-500 text-green-100 px-4 py-3 rounded mb-4">
                <p><?= htmlspecialchars($success) ?></p>
            </div>
            <?php endif; ?>
            
            <div class="text-center mt-6">
                <a href="/login" class="inline-block bg-primary hover:bg-primary-dark text-white font-bold py-2 px-6 rounded-lg transition duration-200">
                    Go to Login
                </a>
            </div>
        </div>
    </div>
</div>

<?php include __DIR__ . '/../layout/footer.php'; ?>
