{% extends "core/base.html" %}
{% block title %}Payment Pending — SwiftPOS{% endblock %}
{% block content %}
<div class="container-fluid py-5 text-center" style="max-width:500px;margin:0 auto;">
    <div style="font-size:4rem;margin-bottom:1rem;">⏳</div>
    <h2 class="fw-bold fs-4">Payment Verification in Progress</h2>
    <p class="text-muted" style="font-size:.9rem;margin-top:.75rem;line-height:1.7;">
        Your payment is being verified. This may take a few moments.
        <br>Reference: <code style="font-size:.85rem;">{{ txn.payment_reference }}</code>
    </p>
    <div class="mt-3 p-3" style="background:#fef3c7;border-radius:12px;font-size:.85rem;color:#92400e;">
        <i class="fas fa-info-circle me-1"></i>
        If payment was completed, your subscription will activate automatically within a few minutes.
        You will also receive a confirmation email.
    </div>
    <div class="mt-4 d-flex gap-2 justify-content-center flex-wrap">
        <a href="{% url 'subscriptions:manage' %}" class="btn btn-primary" style="border-radius:10px;">
            <i class="fas fa-refresh me-1"></i> Check Subscription Status
        </a>
        <a href="{% url 'dashboard' %}" class="btn btn-outline-secondary" style="border-radius:10px;">
            Go to Dashboard
        </a>
    </div>
    <p class="mt-3 text-muted" style="font-size:.78rem;">
        Need help? <a href="https://wa.me/{{ whatsapp_number }}" target="_blank">Chat with us on WhatsApp</a>
    </p>
</div>
{% endblock %}