<%- include('../partials/header') -%>

<div class="jumbotron text-center" style="margin-top: 5%;">
    <h3 class="display-5">Please verify your account from your email!</h3>
    <p class="lead">We have already sent you an email to verify your account before taking any actions, <a href="#" onclick="send_verification()">Resend verification email.</a>    </p>
    <hr>
    <p class="lead">
      <a class="btn btn-primary btn-sm" href="/home" role="button">Continue to homepage</a>
    </p>
  </div>

  <div id="success_alert" style="width: max-content; margin: auto;" class="alert alert-success" role="alert">
    Verification email was sent successfully, please check.
  </div>

  <script src="/user/verification.js"></script>
<%- include('../partials/footer') -%>