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

<div class=page-header d-flex justify-content-between align-items-center>
  <h2>Operations Dashboard</h2>
  <span class=text-secondary>Total Batches: <strong>{{ total_batches }}</strong></span>
</div>

<div class=row g-3 mb-4>
  <div class=col-md-3>
    <div class=stat-card>
      <div class=stat-value text-success>{{ qc_summary.passed }}</div>
      <div class=stat-label>QC Passed</div>
    </div>
  </div>
  <div class=col-md-3>
    <div class=stat-card>
      <div class=stat-value text-danger>{{ qc_summary.failed }}</div>
      <div class=stat-label>QC Failed</div>
    </div>
  </div>
  <div class=col-md-3>
    <div class=stat-card>
      <div class=stat-value text-primary>{{ active_shipments }}</div>
      <div class=stat-label>Active Shipments</div>
    </div>
  </div>
  <div class=col-md-3>
    <div class=stat-card>
      <div class=stat-value text-warning>{{ open_capas }}</div>
      <div class=stat-label>Open CAPAs</div>
    </div>
  </div>
</div>

<div class=row g-3 mb-4>
  <div class=col-md-6>
    <div class=stat-card>
      <h6 class=mb-3>Batches by Status</h6>
      <table class=table table-sm table-borderless mb-0>
        {% for label, count in batches_by_status.items %}
        <tr>
          <td><span class=badge bg-secondary badge-status>{{ label }}</span></td>
          <td class=text-end><strong>{{ count }}</strong></td>
        </tr>
        {% empty %}
        <tr><td class=text-muted>No batches yet</td></tr>
        {% endfor %}
      </table>
    </div>
  </div>
  <div class=col-md-6>
    <div class=stat-card>
      <h6 class=mb-3>Recent Batches</h6>
      <table class=table table-sm mb-0>
        <thead><tr><th>Reference</th><th>Status</th><th>Grade</th><th>Created</th></tr></thead>
        <tbody>
          {% for b in recent_batches %}
          <tr>
            <td><a href={% url 'ops:batch_detail' b.pk %}>{{ b.batch_reference }}</a></td>
            <td><span class=badge bg-secondary badge-status>{{ b.get_status_display }}</span></td>
            <td>{{ b.grade|default:'-' }}</td>
            <td>{{ b.created_at|date:'d/m/Y' }}</td>
          </tr>
          {% empty %}
          <tr><td colspan=4 class=text-muted>No batches yet</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>

<div class=row g-3>
  <div class=col-md-6>
    <div class=stat-card>
      <h6 class=mb-3>Recent QC Results</h6>
      <table class=table table-sm mb-0>
        <thead><tr><th>Batch</th><th>Result</th><th>FFA%</th><th>Date</th></tr></thead>
        <tbody>
          {% for r in recent_qc %}
          <tr>
            <td><a href={% url 'ops:qc_detail' r.pk %}>{{ r.batch.batch_reference }}</a></td>
            <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.tested_at|date:'d/m/Y' }}</td>
          </tr>
          {% empty %}
          <tr><td colspan=4 class=text-muted>No QC results yet</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  <div class=col-md-6>
    <div class=stat-card>
      <h6 class=mb-3>Unread Notifications</h6>
      {% for n in recent_notifications %}
      <div class=border-bottom pb-2 mb-2>
        <strong>{{ n.title }}</strong>
        <p class=mb-0 text-muted small>{{ n.message|truncatewords:20 }}</p>
      </div>
      {% empty %}
      <p class=text-muted mb-0>No unread notifications</p>
      {% endfor %}
    </div>
  </div>
</div>

{% endblock %}