{% extends 'base.html' %}{% block title %}Shipment {{ shipment.tracking_number }}{% endblock %}{% block breadcrumb %}Track Shipment{% endblock %}{% block content %}
<div class="page-head"><div><p class="small muted">PRIVATE DELIVERY TRACKING</p><h2>{{ shipment.tracking_number }}</h2><p>Order {% if is_customer or user.is_staff or user.is_superuser or user.role == 'manager' %}<a href="{% url 'order_detail' shipment.order.pk %}">{{ shipment.order.order_number }}</a>{% else %}{{ shipment.order.order_number }}{% endif %} · {{ shipment.branch.name }}</p></div><span class="status-pill">{{ shipment.get_status_display }}</span></div>
<div class="v9-grid"><div class="stack"><section class="card card-pad"><div class="panel-heading"><h3>Live shipment journey</h3><span class="small muted">In-app tracking, not GPS</span></div><div class="timeline">{% for e in events %}<div class="timeline-item done"><span class="timeline-marker">✓</span><div><h3>{{ e.get_status_display }}</h3><p>{{ e.detail }}</p>{% if can_update and e.internal_note %}<p class="small muted">Internal note: {{ e.internal_note }}</p>{% endif %}<p class="small muted">{{ e.created_at|date:'d M Y H:i' }}</p></div></div>{% empty %}<p class="muted">Shipment prepared for dispatch.</p>{% endfor %}</div></section><section class="card card-pad"><h3>Items in shipment</h3>{% for line in shipment.shipment_items.all %}<div class="v9-shipment-row"><strong>{{ line.order_item.product_name }}</strong><span class="muted small">Quantity {{ line.order_item.quantity }}</span></div>{% endfor %}</section></div>
<aside class="stack"><section class="card card-pad"><h3>Delivery details</h3>{% if corporate_handoff %}<div class="corporate-handoff"><strong>Corporate receiving instructions (staff only)</strong><p>Recipient: {{ corporate_handoff.recipient_name }} · {{ corporate_handoff.recipient_phone }}</p>{% if corporate_handoff.preferred_date %}<p>Preferred date: {{ corporate_handoff.preferred_date|date:"d M Y" }} (subject to dispatch confirmation)</p>{% endif %}{% if corporate_handoff.handoff_note %}<p>{{ corporate_handoff.handoff_note|linebreaksbr }}</p>{% endif %}</div>{% endif %}<p><strong>Destination:</strong> {{ shipment.address_snapshot|linebreaksbr }}</p><p><strong>Carrier:</strong> {{ shipment.courier|default:shipment.carrier_name|default:'Awaiting assignment' }}</p><p><strong>Estimated:</strong> {{ shipment.estimated_delivery_at|date:'d M Y H:i'|default:'To be confirmed' }}</p>{% if shipment.carrier_tracking_reference %}<p><strong>Tracking reference:</strong> {{ shipment.carrier_tracking_reference }}</p>{% endif %}{% if shipment.carrier_tracking_url %}<a class="btn outline small" href="{{ shipment.carrier_tracking_url }}" target="_blank" rel="noopener">Open carrier tracking</a>{% endif %}{% if shipment.delivered_at %}<p><strong>Delivered:</strong> {{ shipment.delivered_at|date:'d M Y H:i' }}</p><p><strong>Received by:</strong> {{ shipment.received_by }}</p>{% endif %}{% if shipment.delivery_proof %}<a class="btn outline small" href="{% url 'delivery_proof' shipment.pk %}">Download private delivery proof</a>{% endif %}</section>
{% if can_update and shipment.status != 'delivered' %}<section class="card card-pad"><h3>Update delivery status</h3><p class="muted small">Status transitions are validated by the server. The customer receives an in-app alert.</p><form method="post" enctype="multipart/form-data" action="{% url 'shipment_update' shipment.pk %}" class="stack">{% csrf_token %}{% for f in update_form %}<label class="field"><strong>{{ f.label }}</strong>{{ f }}{% if f.help_text %}<span class="small muted">{{ f.help_text }}</span>{% endif %}</label>{% endfor %}<button class="btn" type="submit">Save verified delivery update</button></form><p class="small muted">To mark delivered: select Delivered, enter receiver name, and attach a valid proof. Updates cannot skip required milestones.</p></section>{% endif %}
{% if is_customer %}<section class="card card-pad"><h3>Need help?</h3><p class="muted">For delays, missing or damaged products, contact our customer team.</p><a class="btn outline small" href="{% url 'help' %}">Get support</a></section>{% endif %}</aside></div>
{% if is_customer and shipment.status == 'delivered' %}<section class="card card-pad v10-quick"><h3>How was your delivery?</h3><p>Your feedback helps us improve delivery quality.</p><a href="{% url 'genez_delivery_feedback' shipment.pk %}" class="btn small outline">Rate this delivery</a></section>{% endif %}
{% endblock %}