{% extends "base.html" %}

{% block title %}Check Your Email — IslamInLife Quran App{% endblock %}

{% block body %}

<div style="max-width:500px; margin:40px auto; text-align:center;">

    <h2>Registration Successful!</h2>

    {% if email_sent %}
    <p style="font-size:15px; line-height:1.6;">
        We've sent a verification email to:
    </p>

    <p style="font-weight:bold; font-size:15px;">
        {{ email }}
    </p>

    <p style="font-size:14px; line-height:1.6;">
        Please check your inbox and click the verification link
        to activate your IQA account.
    </p>

    <p style="font-size:13px; color:#7f8c8d;">
        If you don't see the email, please check your
        spam or junk folder.
    </p>
    {% else %}
    <p style="font-size:15px; line-height:1.6;">
        Your account has been created successfully.
    </p>

    <p style="font-size:13px; color:#a93226;">
        We couldn't send a verification email to {{ email }} right now —
        but you can still log in directly with the username and password
        you just chose.
    </p>
    {% endif %}

    <p style="margin-top:25px;">
        <a href="{{ url_for('login') }}" class="btn-save"
           style="display:inline-block; text-decoration:none;">
            Go to Login
        </a>
    </p>

</div>

{% endblock %}