{% extends 'layouts/base.html' %}
{% load price_tags %}
{% load jalali_tags %}

{% block title %}سفارش های من{% endblock %}

{% block content %}
<div class="card shadow-sm border-0">
    <div class="card-body">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2 mb-4">
            <h3 class="mb-0">سفارش های من</h3>
            <a href="{% url 'menu:food-list' %}" class="btn btn-dark btn-sm">بازگشت به منو</a>
        </div>

        {% if orders %}
            <div class="table-responsive">
                <table class="table align-middle">
                    <thead>
                        <tr>
                            <th>شماره سفارش</th>
                            <th>وضعیت</th>
                            <th>مبلغ</th>
                            <th>تاریخ</th>
                            <th>جزئیات</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for order in orders %}
                            <tr>
                                <td>#{{ order.id }}</td>
                                <td>
                                    {% if order.status == 'awaiting_payment' %}
                                        <span class="badge bg-warning text-dark">{{ order.get_status_display }}</span>
                                    {% elif order.status == 'payment_submitted' %}
                                        <span class="badge bg-info text-dark">{{ order.get_status_display }}</span>
                                    {% elif order.status == 'paid' %}
                                        <span class="badge bg-success">{{ order.get_status_display }}</span>
                                    {% elif order.status == 'preparing' %}
                                        <span class="badge bg-primary">{{ order.get_status_display }}</span>
                                    {% elif order.status == 'delivered' %}
                                        <span class="badge bg-success">{{ order.get_status_display }}</span>
                                    {% elif order.status == 'canceled' %}
                                        <span class="badge bg-danger">{{ order.get_status_display }}</span>
                                    {% else %}
                                        <span class="badge bg-secondary">{{ order.get_status_display }}</span>
                                    {% endif %}
                                </td>
                                <td>{{ order.total_price|price_format }}</td>
                                <td>{{ order.created_at|jalali_date }}</td>
                                <td>
                                    <a href="{% url 'orders:order-detail' order.id %}" class="btn btn-outline-primary btn-sm">
                                        مشاهده
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        {% else %}
            <div class="alert alert-info mb-0">
                هنوز سفارشی ثبت نکرده اید.
            </div>
        {% endif %}
    </div>
</div>
{% endblock %}