{% extends 'base.html' %}{% block content %}<section class="wrap dashboard section"><a href="/account" class="back">← Buyer dashboard</a><div class="dash-heading"><div><span class="eyebrow">ORDER #{{ order.id }}</span><h1>Order <em>milestones.</em></h1><p>{{ q.description }} · {{ order.service|title }} · <span class="pill">{{ order.status }}</span></p></div><a class="button button-outline" href="/quote/{{ q.id }}/pdf">Quote PDF ↓</a></div><div class="metric-grid"><div><small>ORDER VALUE</small><strong>{{ q.total|currency }}</strong><span>{{ q.currency }}</span></div><div><small>VERIFIED PAYMENT</small><strong>{{ (q.total-balance)|currency }}</strong><span>{{ q.currency }}</span></div><div><small>OUTSTANDING</small><strong>{{ balance|currency }}</strong><span>{{ q.currency }}</span></div><div><small>WAREHOUSE CHECK</small><strong class="metric-text">{{ order.qc_status }}</strong><span>Order-specific only</span></div></div><div class="split-dashboard"><div class="panel detail-panel"><h2>Milestone status</h2><p>Current stage: <strong>{{ order.status }}</strong></p><p>Goods received: {{ order.received_quantity }} / {{ q.quantity }} pieces</p><p>Final invoice issued: {{ 'Yes' if order.invoice_issued else 'No' }}</p>{% if order.shipped_at %}<p>Dispatch: {{ order.shipped_at }}<br>Shipment reference: {{ order.tracking_reference }}<br>Method: {{ order.shipping_method }}</p>{% else %}<p class="note">Dispatch will follow complete warehouse checks and verified payment clearance.</p>{% endif %}</div><div class="panel detail-panel"><h2>Payment record</h2><div class="table-scroll"><table><thead><tr><th>Reference</th><th>Amount</th><th>Verification</th></tr></thead><tbody>{% for p in payments %}<tr><td>{{ p.reference }}</td><td>{{ p.currency }} {{ p.amount|currency }}</td><td><span class="pill">{{ p.status }}</span></td></tr>{% else %}<tr><td colspan="3">No payment submitted yet.</td></tr>{% endfor %}</tbody></table></div><p class="note">Submitted payments do not count as Finance-verified until reviewed by an authorized Finance user.</p></div></div></section>{% endblock %}