{% 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>{{ batch.created_by.full_name|default:batch.created_by.email|default:'-' }}</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><i class=bi bi-file-earmark></i> {{ d.file_name }} <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 %}