{% extends "erp_base.html" %}

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

  <!-- 낱개 입출고 그리드 일괄 -->
  <div class="erp-card">
    <div class="cpg-card-head"><h2>입고 / 출고 / 조정 — 낱개 일괄</h2></div>
    <span class="erp-muted">전체 낱개 아이템에 수량만 입력. 빈칸/0은 제외. IN/OUT 양수, ADJUST는 ±. (세트는 아래에서 출고)</span>
    <form method="post" action="/malaysia/movements/bulk" style="margin-top:10px;">
      <input type="hidden" name="warehouse_code" value="{{ selected_wh }}" />
      <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:10px;">
        <label class="erp-field"><span>이동 종류</span>
          <select class="erp-select" name="movement_type" required>
            <option value="IN">IN (입고)</option>
            <option value="OUT">OUT (출고)</option>
            <option value="ADJUST">ADJUST (조정 ±)</option>
          </select></label>
        <label class="erp-field"><span>날짜</span>
          <input class="erp-input" type="date" name="movement_date" value="{{ today }}" required /></label>
        <label class="erp-field"><span>Ref Type</span>
          <input class="erp-input" type="text" name="ref_type" placeholder="manual / shopee / lazada" /></label>
        <label class="erp-field"><span>Ref No</span>
          <input class="erp-input" type="text" name="ref_no" /></label>
        <label class="erp-field" style="flex:1 1 200px"><span>메모</span>
          <input class="erp-input" type="text" name="memo" /></label>
      </div>
      <div class="erp-table-wrap">
        <table class="erp-table">
          <thead><tr><th>Item Code</th><th>Product Name</th><th style="width:140px">Qty</th></tr></thead>
          <tbody>
            {% for it in individual_items %}
            <tr>
              <td>{{ it.item_code }}</td>
              <td>{{ it.item_name }}</td>
              <td><input class="erp-input" type="number" name="qty_{{ it.item_code }}" placeholder="0" style="width:120px" /></td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <div class="erp-page-actions" style="margin-top:10px;"><button type="submit" class="erp-btn erp-btn-primary">일괄 등록</button></div>
    </form>
  </div>

  <!-- 세트 출고 그리드 (BOM 분해) -->
  <div class="erp-card" style="margin-top:16px;">
    <div class="cpg-card-head"><h2>세트 출고 — BOM 분해 (itemcode_db)</h2></div>
    <span class="erp-muted">세트 수량 입력 시 set_components 기준으로 구성품별 OUT 자동 생성. 빈칸/0 제외.</span>
    <form method="post" action="/malaysia/movements/set-out-bulk" style="margin-top:10px;">
      <input type="hidden" name="warehouse_code" value="{{ selected_wh }}" />
      <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:10px;">
        <label class="erp-field"><span>날짜</span>
          <input class="erp-input" type="date" name="movement_date" value="{{ today }}" required /></label>
        <label class="erp-field"><span>Ref No</span>
          <input class="erp-input" type="text" name="ref_no" placeholder="주문번호 등" /></label>
        <label class="erp-field" style="flex:1 1 200px"><span>메모</span>
          <input class="erp-input" type="text" name="memo" /></label>
      </div>
      <div class="erp-table-wrap">
        <table class="erp-table">
          <thead><tr><th>Set Code</th><th>Set Name</th><th style="width:140px">Set Qty (OUT)</th></tr></thead>
          <tbody>
            {% for it in set_items %}
            <tr>
              <td>{{ it.item_code }}</td>
              <td>{{ it.item_name }}</td>
              <td><input class="erp-input" type="number" min="0" name="qty_{{ it.item_code }}" placeholder="0" style="width:120px" /></td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
      <div class="erp-page-actions" style="margin-top:10px;"><button type="submit" class="erp-btn erp-btn-primary">세트 출고</button></div>
    </form>
  </div>

  <!-- 이동 이력 -->
  <div class="erp-card" style="margin-top:16px;">
    <div class="cpg-card-head" style="display:flex;justify-content:space-between;align-items:center;">
      <h2>최근 이동 이력</h2>
      <span>
        <a class="erp-btn erp-btn-outline" href="/malaysia/movements?wh={{ selected_wh }}">전체</a>
        {% for t in ['IN','OUT','ADJUST','STOCKTAKE'] %}
        <a class="erp-btn {% if filter_type==t %}erp-btn-primary{% else %}erp-btn-outline{% endif %}" href="/malaysia/movements?wh={{ selected_wh }}&type={{ t }}">{{ t }}</a>
        {% endfor %}
      </span>
    </div>
    <div class="erp-table-wrap">
      <table class="erp-table">
        <thead><tr><th>Date</th><th>Type</th><th>Item</th><th style="text-align:right">Qty</th><th>Ref</th><th>Memo</th><th>By</th></tr></thead>
        <tbody>
          {% for m in movements %}
          <tr>
            <td>{{ m.movement_date }}</td>
            <td>{{ m.movement_type }}</td>
            <td>{{ m.item_code }}</td>
            <td style="text-align:right">{{ m.qty }}</td>
            <td>{{ m.ref_type }}{% if m.ref_no %} / {{ m.ref_no }}{% endif %}</td>
            <td>{{ m.memo or '—' }}</td>
            <td>{{ m.created_by or '—' }}</td>
          </tr>
          {% endfor %}
          {% if not movements %}
          <tr><td colspan="7" class="erp-muted">이동 이력이 없습니다.</td></tr>
          {% endif %}
        </tbody>
      </table>
    </div>
  </div>
</section>
{% endblock %}