<div class="container d-flex justify-content-center align-items-center" style="height: 100vh;">
    <div class="card p-4 shadow" style="max-width: 400px; width: 100%;">
        <h4 class="mb-3">Forget Password</h4>
        <p>Enter your email address registered with our system below to reset your password:</p>

        <?= $this->Form->create() ?>
        <?= $this->Form->control('email', ['label' => false, 'placeholder' => 'Enter your email', 'class' => 'form-control mb-3']) ?>
        <?= $this->Form->button('Send Verification Email', ['class' => 'btn btn-danger w-100']) ?>
        <?= $this->Form->end() ?>


        <div class="text-center mt-3">
            <?= $this->Html->link('Back to Login', ['action' => 'login'], ['class' => 'btn btn-outline-danger w-100']) ?>
        </div>
    </div>
</div>
