{% extends "erp_base.html" %}

{% block head_extra %}
<style>
  .mys-compact .erp-table th,
  .mys-compact .erp-table td { padding-top:4px; padding-bottom:4px; }
  .mys-compact td.nm { white-space:nowrap; }
  .mys-compact th.ccol, .mys-compact td.ccol { white-space:nowrap; width:88px; }
</style>
{% endblock %}

{% block content %}
<section class="mys mys-compact">
  {% set active_tab = 'status' %}
  {% include "malaysia/_nav.html" %}

  <div style="display:grid;grid-template-columns:1fr 420px;gap:16px;align-items:start;">

    <!-- 좌: 낱개로 분리된 전체 재고 -->
    <div class="erp-card">
      <div class="cpg-card-head" style="display:flex;justify-content:space-between;align-items:center;">
        <h2>전산 재고 현황 — 낱개 기준 ({{ rows|length }})</h2>
        <span class="erp-muted">현재고 = 입고 − 출고 + 조정 + 재고조사반영 (콤보는 낱개로 분해 반영됨)</span>
      </div>
      <div class="erp-table-wrap">
        <table class="erp-table">
          <thead>
            <tr>
              <th class="ccol">Item Code</th><th>Product Name</th>
              <th style="text-align:right">전산재고</th>
              <th>Last Stocktake</th>
              <th style="text-align:right">조사수량</th>
              <th style="text-align:right">차이</th>
            </tr>
          </thead>
          <tbody>
            {% for r in rows %}
            <tr>
              <td class="ccol">{{ r.item_code }}</td>
              <td class="nm">{{ r.item_name }}</td>
              <td style="text-align:right;font-weight:600;">{{ r.current_qty }}</td>
              <td>{{ r.last_stocktake_date or '—' }}</td>
              <td style="text-align:right">{{ r.last_qty if r.last_qty is not none else '—' }}</td>
              <td style="text-align:right;font-weight:600;{% if r.diff %}color:#b91c1c;{% endif %}">
                {% if r.diff is not none %}{{ '%+d'|format(r.diff) }}{% else %}—{% endif %}
              </td>
            </tr>
            {% endfor %}
            {% if not rows %}
            <tr><td colspan="6" class="erp-muted">표시할 재고가 없습니다.</td></tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>

    <!-- 우: 콤보(세트) 단위 재고 -->
    <div class="erp-card">
      <div class="cpg-card-head"><h2>콤보 재고 (세트 단위)</h2></div>
      <span class="erp-muted">
        {% if set_stocktake_date %}최근 재고조사 {{ set_stocktake_date }} 기준 입력 수량{% else %}재고조사 입력 없음{% endif %}
      </span>
      <div class="erp-table-wrap" style="margin-top:8px;">
        <table class="erp-table">
          <thead><tr><th class="ccol">Set Code</th><th>Set Name</th><th style="text-align:right">Qty</th></tr></thead>
          <tbody>
            {% for s in set_rows %}
            <tr>
              <td class="ccol">{{ s.set_code }}</td>
              <td class="nm">{{ s.set_name }}</td>
              <td style="text-align:right;font-weight:600;">{{ s.qty }}</td>
            </tr>
            {% endfor %}
            {% if not set_rows %}
            <tr><td colspan="3" class="erp-muted">콤보 재고 입력이 없습니다.</td></tr>
            {% endif %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</section>
{% endblock %}