{% extends "base.html" %}
{% load static %}

{% block title %}Lifetime Premium | Testpoint{% endblock %}
{% block meta_description %}Unlock every current and future Testpoint practice test with one payment and no subscription.{% endblock %}
{% block extra_css %}<link rel="stylesheet" href="{% static 'css/premium.css' %}?v=20260727.1">{% endblock %}

{% block content %}
<main class="premium-page">
    <section class="premium-shell" aria-labelledby="premium-title">
        <div class="premium-copy">
            <a class="premium-back" href="{% url 'exam_list' %}"><i class="bi bi-arrow-left"></i> Back to tests</a>
            {% if has_lifetime_premium %}
            <div class="premium-status premium-status--active"><i class="bi bi-patch-check-fill"></i> Lifetime Premium is active</div>
            {% else %}
            <div class="premium-status"><i class="bi bi-stars"></i> One-time access</div>
            {% endif %}
            <h1 id="premium-title">One payment.<br>Every test, forever.</h1>
            <p>Unlock the complete Testpoint library—including every Premium test we add in the future. No subscription, renewal date, or recurring fee.</p>
            <ul class="premium-benefits">
                <li><i class="bi bi-check2"></i><span><strong>Complete test library</strong>Access Reading, Listening, Writing, Speaking, and Full Mock tests.</span></li>
                <li><i class="bi bi-check2"></i><span><strong>Unlimited practice</strong>Repeat tests and review your results whenever you need.</span></li>
                <li><i class="bi bi-check2"></i><span><strong>Future content included</strong>New Premium tests are added to your account automatically.</span></li>
            </ul>
        </div>
        <aside class="premium-purchase" aria-label="Lifetime Premium access">
            <div class="premium-purchase__heading"><span>Lifetime Premium</span><i class="bi bi-infinity" aria-hidden="true"></i></div>
            <h2>Permanent access</h2>
            <p>Pay once and keep your access for the lifetime of your account.</p>
            <div class="premium-includes">
                <span><i class="bi bi-check-circle-fill"></i> All current Premium tests</span>
                <span><i class="bi bi-check-circle-fill"></i> All future Premium tests</span>
                <span><i class="bi bi-check-circle-fill"></i> Unlimited attempts and retakes</span>
                <span><i class="bi bi-check-circle-fill"></i> No recurring payments</span>
            </div>
            {% if has_lifetime_premium %}
            <a class="premium-action" href="{% url 'exam_list' %}">Browse all tests <i class="bi bi-arrow-right"></i></a>
            <small>Your Lifetime Premium entitlement is active on this account.</small>
            {% elif request.user.is_authenticated %}
            <a class="premium-action" href="{% url 'contact' %}?subject=Lifetime%20Premium">Get Lifetime Premium <i class="bi bi-arrow-right"></i></a>
            <small>Our team will confirm your one-time payment and activate permanent access.</small>
            {% else %}
            <a class="premium-action" href="{% url 'account_signup' %}">Create your account <i class="bi bi-arrow-right"></i></a>
            <small>Create an account first so Lifetime Premium can be linked to you permanently.</small>
            {% endif %}
        </aside>
    </section>
    <section class="premium-assurance" aria-label="Premium assurance">
        <div><i class="bi bi-receipt"></i><span><strong>One purchase</strong>No subscription contract</span></div>
        <div><i class="bi bi-person-check"></i><span><strong>Account-linked</strong>Your access follows your account</span></div>
        <div><i class="bi bi-shield-check"></i><span><strong>Admin verified</strong>Every activation is recorded</span></div>
    </section>
</main>
{% endblock %}