{% extends "base.html" %}
{% block title %}Order Successful | Digital Bookstore{% endblock %}

{% block content %}
<div class="container py-5 text-center">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card shadow-lg p-5 mb-5 bg-white rounded border-0">
                <h1 class="display-3 mb-4 text-success">Order Success!</h1>
                <p class="lead mb-4">Thank you for your purchase. We have received your order and are currently verifying your payment.</p>
                <div class="bg-light p-4 rounded mb-5 shadow-sm">
                    <h5>Next Steps:</h5>
                    <ul class="list-unstyled mb-0">
                        <li>1. Our team will verify your transaction ID.</li>
                        <li>2. Once verified, we will email you the download link.</li>
                        <li>3. Check your inbox and spam folder for the book.</li>
                    </ul>
                </div>
                <div class="text-center">
                    <a href="{% url 'home' %}" class="btn btn-primary btn-lg px-5 shadow-none">Back to Library</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
