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

<div class=page-header d-flex justify-content-between align-items-center>
  <h2>ESG Field Reports</h2>
  <span class=text-secondary>{{ page_obj.paginator.count }} total</span>
</div>

<div class=stat-card p-0>
  <table class=table table-hover mb-0>
    <thead>
      <tr><th>Batch</th><th>Women Employed</th><th>Total Workers</th><th>Fair Wage</th><th>Safety Equipment</th><th>Report Date</th><th>Reported By</th></tr>
    </thead>
    <tbody>
      {% for r in reports %}
      <tr>
        <td><strong>{{ r.batch.batch_reference }}</strong></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>
        <td>{% if r.safety_equipment_used %}<span class=badge bg-success>Yes</span>{% else %}<span class=badge bg-danger>No</span>{% endif %}</td>
        <td>{{ r.report_date|date:'d/m/Y'|default:'-' }}</td>
        <td>{{ r.reported_by|default:'-' }}</td>
      </tr>
      {% empty %}
      <tr><td colspan=7 class=text-muted text-center py-3>No ESG reports</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% if page_obj.paginator.num_pages > 1 %}
<nav class=mt-3><ul class=pagination pagination-sm justify-content-center>
  {% if page_obj.has_previous %}<li class=page-item><a class=page-link href=?page=1>&laquo;</a></li><li class=page-item><a class=page-link href=?page={{ page_obj.previous_page_number }}>{{ page_obj.previous_page_number }}</a></li>{% endif %}
  <li class=page-item active><span class=page-link>{{ page_obj.number }}</span></li>
  {% if page_obj.has_next %}<li class=page-item><a class=page-link href=?page={{ page_obj.next_page_number }}>{{ page_obj.next_page_number }}</a></li><li class=page-item><a class=page-link href=?page={{ page_obj.paginator.num_pages }}>&raquo;</a></li>{% endif %}
</ul></nav>
{% endif %}

{% endblock %}