{% extends 'portal/base_portal.html' %}
{% block title %}{{ batch.batch_reference }} - IXG Buyer Portal{% endblock %}
{% block content %}

<div class="page-header d-flex justify-content-between align-items-center">
  <h2>Batch: {{ batch.batch_reference }}</h2>
  <a href="{% url 'portal: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">Notes</td><td>{{ batch.notes|linebreaks|default:'<span class="text-muted">None</span>' }}</td></tr>
      </table>
    </div>
  </div>
  <div class="col-md-6">
    <div class="stat-card mb-3">
      <h6 class="mb-3">Shipments</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 class="stat-card mb-3">
      <h6 class="mb-3">Documents</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 class="stat-card">
      <h6 class="mb-3">ESG Reports</h6>
      {% if esg_reports %}
      <table class="table table-sm mb-0">
        <thead><tr><th>Date</th><th>Women</th><th>Total Workers</th><th>Fair Wage</th></tr></thead>
        <tbody>
          {% for r in esg_reports %}
          <tr>
            <td>{{ r.report_date|date:'d/m/Y'|default:'-' }}</td>
            <td>{{ r.women_employed }}</td>
            <td>{{ r.total_workers }}</td>
            <td>{% if r.fair_wage_paid %}<span class="badge bg-success">Yes</span>{% else %}<span class="badge bg-danger">No</span>{% endif %}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}<p class="text-muted mb-0">No ESG reports</p>{% endif %}
    </div>
  </div>
</div>

{% endblock %}