{% extends "base.html" %}

{% block title %}My Orders - MercyGro{% endblock %}

{% block content %}
<h2>My Orders</h2>

{% if orders %}
<div class="table-responsive">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Order #</th>
                <th>Date</th>
                <th>Total</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            {% for order in orders %}
            <tr>
                <td>#{{ order.id }}</td>
                <td>{{ order.created_at }}</td>
                <td>₹{{ "%.2f"|format(order.total_amount) }}</td>
                <td>
                    <span class="badge bg-{{ 'success' if order.status == 'completed' else 'warning' }}">
                        {{ order.status|title }}
                    </span>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="text-center py-5">
    <i class="fas fa-shopping-bag fa-3x text-muted mb-3"></i>
    <h3>No orders yet</h3>
    <p class="text-muted">Start shopping to see your orders here.</p>
    <a href="{{ url_for('shop') }}" class="btn btn-success">Start Shopping</a>
</div>
{% endif %}
{% endblock %}