{% 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 .erp-input { padding-top:4px; padding-bottom:4px; }
</style>
{% endblock %}

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

  <!-- 낱개 + 세트 한 화면 일괄 (버튼 하나) -->
  <form method="post" action="/malaysia/movements/apply">
    <input type="hidden" name="warehouse_code" value="{{ selected_wh }}" />

    <div class="erp-card">
      <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:end;">
        <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" style="flex:1 1 240px"><span>메모</span>
          <input class="erp-input" type="text" name="memo" /></label>
      </div>
    </div>

    <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:12px;">
      <!-- 좌: 낱개 -->
      <div class="erp-card">
        <div class="cpg-card-head"><h2>낱개 아이템</h2></div>
        <div class="erp-table-wrap" style="margin-top:8px;">
          <table class="erp-table">
            <thead><tr><th>Code</th><th>Name</th><th style="width:120px">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="—" style="width:100px" /></td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>

      <!-- 우: 세트 (출고 전용) -->
      <div class="erp-card">
        <div class="cpg-card-head"><h2>세트 아이템 — 출고(OUT) · BOM 분해</h2></div>
        <div class="erp-table-wrap" style="margin-top:8px;">
          <table class="erp-table">
            <thead><tr><th>Set Code</th><th>Set Name</th><th style="width:120px">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="—" style="width:100px" /></td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <div class="erp-page-actions" style="margin-top:12px;">
      <button type="submit" class="erp-btn erp-btn-primary">일괄 적용</button>
    </div>
  </form>

  <!-- 이동 이력 -->
  <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 %}