{% extends 'base.html' %}{% block title %}Orders{% endblock %}{% block breadcrumb %}Orders{% endblock %}{% block content %}
<div class="page-head"><div><h2>{% if is_operations_list %}Operations Orders{% else %}My Orders{% endif %}</h2><p>Track payment verification, artwork approval, printing and dispatch.</p></div><a href="{% url 'categories' %}" class="btn small">+ New Order</a></div>
<nav class="v21-order-status-nav" aria-label="Filter by order status">
<a href="{% url 'orders' %}?q={{ search|urlencode }}" {% if not selected_status %}aria-current="page"{% endif %}>All orders</a>
{% for value,label in order_statuses %}<a href="{% url 'orders' %}?q={{ search|urlencode }}&amp;status={{ value|urlencode }}" {% if selected_status == value %}aria-current="page"{% endif %}>{{ label }}</a>{% endfor %}
</nav>
<form method="get" class="v14-order-filters card card-pad" aria-label="Filter orders"><label class="field">Search order reference{% if is_operations_list %} or customer{% endif %}<input name="q" type="search" value="{{ search }}" maxlength="80" placeholder="Order number"></label><label class="field">Status<select name="status"><option value="">All statuses</option>{% for value,label in order_statuses %}<option value="{{ value }}" {% if selected_status == value %}selected{% endif %}>{{ label }}</option>{% endfor %}</select></label><button class="btn" type="submit">Filter orders</button><a class="btn outline" href="{% url 'orders' %}">Clear</a></form>
<div class="card card-pad v21-orders-panel"><div class="panel-heading"><div><h3>Order history</h3><p class="muted small">Your saved requests and their current status</p></div><span class="v21-record-count">{{ page_obj.paginator.count }} records</span></div><div class="table-scroll"><table><thead><tr><th>Order</th><th>Placed</th><th>Customer</th>{% if show_order_amounts %}<th>Total</th>{% endif %}<th>Status</th><th>Details</th></tr></thead><tbody>{% for order in orders %}<tr><td><strong>{{ order.order_number }}</strong></td><td>{{ order.created_at|date:'d M Y' }}</td><td>{{ order.customer.get_full_name|default:order.customer.username }}</td>{% if show_order_amounts %}<td>₦{{ order.grand_total|floatformat:2 }}</td>{% endif %}<td><span class="status-pill">{{ order.get_status_display }}</span></td><td><a class="btn small outline" href="{% url 'order_detail' order.pk %}">View</a></td></tr>{% empty %}<tr><td colspan="{% if show_order_amounts %}6{% else %}5{% endif %}">No orders yet. Explore our products to place your first request.</td></tr>{% endfor %}</tbody></table></div>{% if page_obj.has_other_pages %}<nav class="v14-pages" aria-label="Orders pagination">{% if page_obj.has_previous %}<a class="btn small outline" href="?q={{ search|urlencode }}&status={{ selected_status|urlencode }}&page={{ page_obj.previous_page_number }}">← Previous</a>{% endif %}<span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</span>{% if page_obj.has_next %}<a class="btn small outline" href="?q={{ search|urlencode }}&status={{ selected_status|urlencode }}&page={{ page_obj.next_page_number }}">Next →</a>{% endif %}</nav>{% endif %}</div>
{% endblock %}