<?= $this->extend('layout/register_layout') ?>
<?= $this->section('content') ?>

<div class="registration-form container mt-5 mb-5">
    <div class="bg-white p-5 rounded-5 shadow registration-form container" style="max-width: 600px; width: 100%;">
        <div class="text-center mb-4">
            <a href="<?= base_url('/') ?>">
                <img src="<?= base_url('assets/images/alrahma_logo.png') ?>" alt="" style="width: 120px; height: 120px; border-radius: 50%; object-fit: cover;">
</a>
        </div>

        <h3 class="text-center text-success" style="font-family: Arial, sans-serif;">Registration Successful!</h3>
        <br>
        <p class="text-center">Thank you for creating your Al Rahma Sunday School account.</p>
        <p class="text-center">
            A confirmation email has been sent to this email address:
            <strong class="text-primary"><?= esc($email) ?></strong>
        </p>
        <p class="text-center">Please check your email and click on the confirmation link to complete the registration process.</p>
        <p class="text-danger mt-3 text-center">
            <strong>Important:</strong> If you do not activate your account within the next 15 minutes,
            you will need to create a new account.
        </p>

        <div class="text-center mt-4">
            <a href="<?= base_url('/') ?>" class="btn btn-success">Go to Home page</a>
        </div>
    </div>
</div>

<?= $this->endSection() ?>