ixg_platform/templates/ops/batch_detail.html

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

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

<div class="row g-3 mb-4">
  <div class="col-md-6">
    <div class="stat-card">
      <table class="table table-sm table-borderless mb-0">
        <tr><td class="text-secondary">Status</td><td><span class="badge bg-secondary badge-status">{{ batch.get_status_display }}</span></td></tr>
        <tr><td class="text-secondary">Grade</td><td>{{ batch.grade|default:'Not graded' }}</td></tr>
        <tr><td class="text-secondary">Weight</td><td>{{ batch.weight_kg|default:'-' }} kg</td></tr>
        <tr><td class="text-secondary">Origin Facility</td><td>{{ batch.origin_facility }}</td></tr>
        <tr><td class="text-secondary">Harvest Date</td><td>{{ batch.harvest_date|date:'d/m/Y'|default:'-' }}</td></tr>
        <tr><td class="text-secondary">Created By</td><td>{% if batch.created_by %}{{ batch.created_by.full_name|default:batch.created_by.email }}{% else %}-{% endif %}</td></tr>
        <tr><td class="text-secondary">Created At</td><td>{{ batch.created_at|date:'d/m/Y H:i' }}</td></tr>
      </table>
    </div>
  </div>
  <div class="col-md-6">
    <div class="stat-card">
      <h6 class="mb-3">Notes</h6>
      <p class="mb-0">{{ batch.notes|linebreaks|default:'<span class=text-muted>No notes</span>' }}</p>
    </div>
  </div>
</div>

<div class="row g-3 mb-4">
  <div class="col-md-6">
    <div class="stat-card">
      <h6 class="mb-3">QC Results ({{ qc_results|length }})</h6>
      {% if qc_results %}
      <table class="table table-sm mb-0">
        <thead><tr><th>Result</th><th>FFA%</th><th>Moisture%</th><th>Peroxide</th><th>Date</th></tr></thead>
        <tbody>
          {% for r in qc_results %}
          <tr>
            <td>{% if r.overall_pass %}<span class="badge bg-success">Pass</span>{% else %}<span class="badge bg-danger">Fail</span>{% endif %}</td>
            <td>{{ r.ffa_percentage }}</td>
            <td>{{ r.moisture_percentage }}</td>
            <td>{{ r.peroxide_value }}</td>
            <td>{{ r.tested_at|date:'d/m/Y' }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}<p class="text-muted mb-0">No QC results</p>{% endif %}
    </div>
  </div>
  <div class="col-md-6">
    <div class="stat-card">
      <h6 class="mb-3">Shipments ({{ shipments|length }})</h6>
      {% if shipments %}
      <table class="table table-sm mb-0">
        <thead><tr><th>Status</th><th>Vessel</th><th>ETD</th><th>ETA</th></tr></thead>
        <tbody>
          {% for s in shipments %}
          <tr>
            <td><span class="badge bg-secondary badge-status">{{ s.get_status_display }}</span></td>
            <td>{{ s.vessel_name|default:'-' }}</td>
            <td>{{ s.etd_nigeria|date:'d/m/Y'|default:'-' }}</td>
            <td>{{ s.eta_uk|date:'d/m/Y'|default:'-' }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}<p class="text-muted mb-0">No shipments</p>{% endif %}
    </div>
  </div>
</div>

<div class="row g-3">
  <div class="col-md-6">
    <div class="stat-card">
      <h6 class="mb-3">CAPA Records ({{ capa_records|length }})</h6>
      {% if capa_records %}
      <table class="table table-sm mb-0">
        <thead><tr><th>Issue</th><th>Status</th><th>Due Date</th></tr></thead>
        <tbody>
          {% for c in capa_records %}
          <tr>
            <td>{{ c.issue_description|truncatewords:10 }}</td>
            <td><span class="badge bg-warning text-dark badge-status">{{ c.get_status_display }}</span></td>
            <td>{{ c.due_date|date:'d/m/Y'|default:'-' }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}<p class="text-muted mb-0">No CAPA records</p>{% endif %}
    </div>
  </div>
  <div class="col-md-6">
    <div class="stat-card">
      <h6 class="mb-3">Documents ({{ documents|length }})</h6>
      {% if documents %}
      <ul class="list-unstyled mb-0">
        {% for d in documents %}
        <li class="border-bottom pb-1 mb-1"><a href="{% url 'ops:document_download' d.id %}" target="_blank" class="text-decoration-none"><i class="bi bi-file-earmark"></i> {{ d.file_name }}</a> <span class="badge bg-light text-dark">{{ d.get_doc_type_display }}</span></li>
        {% endfor %}
      </ul>
      {% else %}<p class="text-muted mb-0">No documents</p>{% endif %}
    </div>
  </div>
</div>

{% endblock %}