{% extends "base.html" %}

{% block content %}
<div class="confirmed">
    <div class="confirmation-card">
        <h1 class="title-org">Email Confirmed!</h1>
        <p class="info-p">
            Your email <strong style="color: #FAA95E;">{{ email }}</strong> has been successfully verified.<br>
            Thank you for confirming your email. We are currently generating your document. A link to access your document will be sent to you shortly.
        </p>
        <a href="{% url 'core:index' %}" class="btn-primary-orn" style="margin-top: 1rem;">
            Go back to Homepage
        </a>
    </div>
</div>

<script>
    nav = document.querySelector('nav');
    confirmed = document.querySelector('.confirmed');
    confirmed.style.height = `calc(100vh - ${nav.offsetHeight}px)`;
</script>
{% endblock %}