{% extends "base.html" %}

{% block title %}Order Confirmation - MercyGro{% endblock %}

{% block content %}
<div class="text-center">
    <i class="fas fa-check-circle fa-4x text-success mb-4"></i>
    <h2>Order Placed Successfully!</h2>
    <p class="lead">Thank you for your order. Your order number is #{{ order.id }}</p>
    <p>Order Total: ₹{{ "%.2f"|format(order.total_amount) }}</p>
    <p>Order Date: {{ order.created_at }}</p>
    <p>We'll send you a confirmation email shortly.</p>
    
    <div class="mt-4">
        <a href="{{ url_for('shop') }}" class="btn btn-success me-2">Continue Shopping</a>
        <a href="{{ url_for('my_orders') }}" class="btn btn-outline-success">View My Orders</a>
    </div>
</div>
{% endblock %}