{% extends 'ops/base_ops.html' %}
{% block title %}Shipment Detail - IXG Operations{% endblock %}
{% block content %}

<div class=page-header d-flex justify-content-between align-items-center>
  <h2>Shipment: {{ shipment.batch.batch_reference }}</h2>
  <a href={% url 'ops:shipment_list' %} class=btn btn-sm btn-outline-secondary><i class=bi bi-arrow-left></i> Back</a>
</div>

<div class=row g-3>
  <div class=col-md-6>
    <div class=stat-card>
      <table class=table table-sm table-borderless mb-0>
        <tr><td class=text-secondary>Batch</td><td><a href={% url 'ops:batch_detail' shipment.batch.pk %}>{{ shipment.batch.batch_reference }}</a></td></tr>
        <tr><td class=text-secondary>Status</td><td><span class=badge bg-secondary badge-status>{{ shipment.get_status_display }}</span></td></tr>
        <tr><td class=text-secondary>Origin Port</td><td>{{ shipment.origin_port }}</td></tr>
        <tr><td class=text-secondary>Destination Port</td><td>{{ shipment.destination_port }}</td></tr>
        <tr><td class=text-secondary>Vessel Name</td><td>{{ shipment.vessel_name|default:'-' }}</td></tr>
        <tr><td class=text-secondary>Container Ref</td><td>{{ shipment.container_ref|default:'-' }}</td></tr>
        <tr><td class=text-secondary>ETD Nigeria</td><td>{{ shipment.etd_nigeria|date:'d/m/Y'|default:'-' }}</td></tr>
        <tr><td class=text-secondary>ETA UK</td><td>{{ shipment.eta_uk|date:'d/m/Y'|default:'-' }}</td></tr>
        <tr><td class=text-secondary>Bill of Lading</td><td>{{ shipment.bl_number|default:'-' }}</td></tr>
        <tr><td class=text-secondary>Freight Forwarder</td><td>{{ shipment.freight_forwarder|default:'-' }}</td></tr>
      </table>
    </div>
  </div>
</div>

{% endblock %}