<?php

/**
 * @var array<int, string> $errors
 * @var string $email
 * @var string $code
 */

use MintyPHP\Buffer;
use MintyPHP\Session;

Buffer::set('title', t('Verify email'));
?>

<article>
  <header>
    <hgroup>
      <h1><?php e(t('Verify email')); ?></h1>
      <p><?php e(t('Enter the verification code we sent to your email to complete your registration.')); ?></p>
    </hgroup>
  </header>
  <form method="post">
    <label for="email">
      <span><?php e(t('Email')); ?></span>
      <input required type="email" name="email" id="email" value="<?php e($email ?? ''); ?>" />
    </label>
    <label for="code">
      <span><?php e(t('Verification code')); ?></span>
      <input required type="text" name="code" id="code" inputmode="numeric" pattern="\d{6}" maxlength="6"
        value="<?php e($code ?? ''); ?>" />
    </label>
    <?php if (!empty($errors)): ?>
      <div class="notice" data-variant="error">
        <ul>
          <?php foreach ($errors as $error): ?>
            <li><?php e($error); ?></li>
          <?php endforeach; ?>
        </ul>
      </div>
    <?php endif; ?>
    <button type="submit"><?php e(t('Verify')); ?></button>
    <?php Session::getCsrfInput(); ?>
  </form>
  <hr>
  <form method="post" style="text-align: center;">
    <input type="hidden" name="email" value="<?php e($email ?? ''); ?>">
    <input type="hidden" name="action" value="resend">
    <?php Session::getCsrfInput(); ?>
    <button type="submit" class="secondary outline"><?php e(t('Send code again')); ?></button>
  </form>
  <p class="text-align-center" style="margin-top: 1rem;">
    <a href="<?php e(lurl('login')); ?>"><?php e(t('Back to Login')); ?></a>
  </p>
</article>
