<?php
$page_title = "Email Verification";
ob_start();
?>
<div class="row">

    <!-- LEFT IMAGE -->
    <div class="col-12 col-lg-6 p-0">
        <div class="form-img h-100">
            <img src="assets/img/email-verification.jpg" class="w-100 h-100 object-fit-cover" />
        </div>
    </div>

    <!-- RIGHT CONTENT -->
    <div class="col-12 col-lg-6 d-flex flex-column justify-content-center">

        <h2 class="title text-center mb-3">Email Verification</h2>

        <p class="text-center mb-4">
            A verification email has been sent to your registered email address.
            Please check your inbox and verify your account to continue.
        </p>

        <button type="button" id="verify-btn" class="btn btn-primary w-100 mb-3">
            Verify Email
        </button>


        <div class="d-flex justify-content-end">
            <p class="text-end text-primary fw-semibold" id="timerText">00:30</p>
            <p class="text-end mt-2">
                <a href="#" id="resendLink" class="text-primary fw-semibold text-decoration-none" style="display:none">
                    Resend Verification Email
                </a>
            </p>

        </div>
    </div>

</div>
<?php
$content = ob_get_clean();
include 'common/center-card.php';
?>