{% extends 'registration/public_auth_base.html' %}
{% block title %}{{ DLUX_STRINGS.verification_failed|default:'Verification failed' }}{% endblock %}
{% block public_auth_page_class %}dlux-public-auth-page--state{% endblock %}

{% block public_auth_panel %}
<div class="dlux-public-auth-status">
    {% if status == 'activated' %}
        <div class="dlux-public-auth-status__icon"><i class="bi bi-patch-check"></i></div>
        <h1>{{ DLUX_STRINGS.account_verified|default:'Account verified' }}</h1>
        <p>{{ DLUX_STRINGS.account_active_signed_in|default:'Your account is active and you are signed in.' }}</p>
        <a class="w-100 btn btn-lg mt-3" id="submit" href="{{ APP_CONFIG.home_url|default:'/accounts/profile/' }}">{{ DLUX_STRINGS.btn_continue|default:'Continue' }}</a>
    {% elif status == 'pending_approval' %}
        <div class="dlux-public-auth-status__icon"><i class="bi bi-hourglass-split"></i></div>
        <h1>{{ DLUX_STRINGS.email_verified|default:'Email verified' }}</h1>
        <p>{{ DLUX_STRINGS.account_pending_approval|default:'Your account is waiting for approval.' }}</p>
        <a class="w-100 btn btn-lg mt-3" id="submit" href="{% url 'login' %}">{{ DLUX_STRINGS.back_to_login|default:'Back to login' }}</a>
    {% elif status == 'expired' %}
        <div class="dlux-public-auth-status__icon dlux-public-auth-status__icon--warn"><i class="bi bi-clock-history"></i></div>
        <h1>{{ DLUX_STRINGS.verification_expired|default:'Verification expired' }}</h1>
        <p>{{ DLUX_STRINGS.verification_link_expired|default:'The verification link is no longer valid.' }}</p>
        <a class="w-100 btn btn-lg mt-3" id="submit" href="{% url 'register' %}">{{ DLUX_STRINGS.register_again|default:'Register again' }}</a>
    {% else %}
        <div class="dlux-public-auth-status__icon dlux-public-auth-status__icon--danger"><i class="bi bi-shield-x"></i></div>
        <h1>{{ DLUX_STRINGS.verification_failed|default:'Verification failed' }}</h1>
        <p>{{ DLUX_STRINGS.verification_link_invalid|default:'The verification link is invalid or has already been used.' }}</p>
        <a class="w-100 btn btn-lg mt-3" id="submit" href="{% url 'register' %}">{{ DLUX_STRINGS.btn_register_again|default:'Register' }}</a>
    {% endif %}
</div>
{% endblock %}