{% extends "erp_base.html" %}

{% block content %}
<section class="dsp">
  {% include "dispatch/_nav.html" %}

  <div class="erp-card">
    <div class="cpg-card-head" style="display:flex;justify-content:space-between;align-items:center;">
      <h2>출고 배치 ({{ batches|length }})</h2>
      <a class="erp-btn erp-btn-primary" href="/dispatch/batches/new">＋ 새 업로드</a>
    </div>
    <div class="erp-table-wrap">
      <table class="erp-table">
        <thead>
          <tr>
            <th>날짜</th><th>플랫폼</th><th>배치명</th>
            <th style="text-align:right">박스</th>
            <th style="text-align:right">스캔완료</th>
            <th>생성시각</th><th></th>
          </tr>
        </thead>
        <tbody>
          {% for b in batches %}
          <tr>
            <td style="white-space:nowrap;">{{ b.dispatch_date }}</td>
            <td>{{ b.platform }}</td>
            <td><a href="/dispatch/batches/{{ b.id }}" style="font-weight:600;">{{ b.batch_name or '(이름없음)' }}</a></td>
            <td style="text-align:right;">{{ b.parcel_count }}</td>
            <td style="text-align:right;">
              {% if b.parcel_count and b.scanned_count == b.parcel_count %}
              <span style="color:#16a34a;font-weight:600;">{{ b.scanned_count }} ✓</span>
              {% else %}{{ b.scanned_count }}{% endif %}
            </td>
            <td class="erp-muted" style="white-space:nowrap;">{{ b.created_at }}</td>
            <td style="text-align:right;white-space:nowrap;">
              <a class="erp-btn erp-btn-outline" href="/dispatch/batches/{{ b.id }}">작업</a>
              <a class="erp-btn erp-btn-outline" href="/dispatch/batches/{{ b.id }}/picking">피킹</a>
              <a class="erp-btn erp-btn-outline" href="/dispatch/batches/{{ b.id }}/handover">전달</a>
            </td>
          </tr>
          {% endfor %}
          {% if not batches %}
          <tr><td colspan="7" class="erp-muted">아직 출고 배치가 없습니다. <a href="/dispatch/batches/new">새 업로드</a>로 시작하세요.</td></tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>
</section>
{% endblock %}