{% extends "erp_base.html" %}

{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260530p" />{% endblock %}

{% block content %}
<section class="cpg">

  <div class="erp-page-actions cpg-actions">
    <a class="erp-btn erp-btn-primary" href="/cupang/?date={{ shipment.ship_date }}">◀◀ 달력</a>

    <form method="post" action="/cupang/{{ shipment.id }}/delete" class="cpg-inline-form"
          onsubmit="return confirm('이 출고 묶음을 취소 처리합니다(상태=취소). 계속할까요?');">
      <button type="submit" class="erp-btn erp-btn-outline">취소 처리</button>
    </form>

    <form method="post" action="/cupang/{{ shipment.id }}/hard-delete" class="cpg-inline-form"
          onsubmit="return confirm('이 출고를 완전 삭제합니다(복구 불가, 품목 포함). 계속할까요?');">
      <button type="submit" class="erp-btn erp-btn-danger">삭제</button>
    </form>

    <a class="erp-btn erp-btn-primary cpg-push-right" href="/cupang/{{ shipment.id }}/edit">수정</a>
  </div>

  <!-- 헤더 -->
  <div class="erp-card cpg-form-card">
    <div class="cpg-card-head">
      <h2>출고 #{{ shipment.id }}
        {% set badge = 'erp-badge-neutral' %}
        {% if shipment.status == '출고완료' %}{% set badge = 'erp-badge-inverse' %}
        {% elif shipment.status == '센터입고완료' %}{% set badge = 'erp-badge-success' %}
        {% elif shipment.status == '취소' %}{% set badge = 'erp-badge-danger' %}{% endif %}
        <span class="erp-badge {{ badge }}">{{ shipment.status }}</span>
      </h2>
    </div>
    <dl class="cpg-detail-grid">
      <div><dt>작성일</dt><dd>{{ shipment.document_date }}</dd></div>
      <div><dt>출고일</dt><dd>{{ shipment.ship_date }}</dd></div>
      <div><dt>센터입고일</dt><dd>{{ shipment.center_arrival_date }}</dd></div>
      <div><dt>입고센터</dt><dd>{{ shipment.center_name_snapshot or '—' }}</dd></div>
      <div><dt>출고방식</dt><dd>{{ shipment.ship_method }}</dd></div>
      <div><dt>작업자</dt><dd>{{ shipment.worker or '—' }}</dd></div>
      <div class="cpg-full"><dt>출고/박스 요약</dt><dd>{{ shipment.outbound_summary or '—' }}</dd></div>
      <div class="cpg-full"><dt>메모</dt><dd>{{ shipment.memo or '—' }}</dd></div>
    </dl>
  </div>

  <!-- 라인 -->
  <div class="erp-card cpg-form-card">
    <div class="cpg-card-head"><h2>품목 ({{ shipment.lines|length }})</h2></div>
    <div class="erp-table-wrap">
      <table class="erp-table">
        <thead>
          <tr><th>#</th><th>제품코드</th><th>제품명</th><th>수량</th>
              <th>입수량</th><th>필요박스</th><th>잔량</th><th>수동보정</th><th>메모</th></tr>
        </thead>
        <tbody>
          {% for ln in shipment.lines %}
          <tr>
            <td>{{ ln.line_no }}</td>
            <td>{{ ln.product_code }}</td>
            <td>{{ ln.product_name_snapshot }}</td>
            <td>{{ ln.quantity }}</td>
            <td>{{ ln.units_per_box if ln.units_per_box else '미설정' }}</td>
            <td>{{ ln.calculated_boxes if ln.calculated_boxes is not none else '—' }}</td>
            <td>{{ ln.remainder_units if ln.remainder_units is not none else '—' }}</td>
            <td>{{ ln.manual_box_text or '—' }}</td>
            <td>{{ ln.memo or '—' }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

</section>
{% endblock %}