{% extends "base.html" %}
{% block title %}Xuất Nhập Đổi — {{ brand.ten_app }}{% endblock %}
{% block page_subtitle %}Xuất Nhập Đổi{% endblock %}

{% block content %}

  <!-- ── Tóm tắt ─────────────────────────────────────── -->
  <div id="xg-summary" class="so-tong grid grid-cols-2 sm:grid-cols-4 gap-3"></div>

  <!-- ── Form xuất kho cho xưởng ─────────────────────── -->
  <div class="ios-card p-5 space-y-4" style="border:1.5px solid #fde68a">
    <div class="flex flex-wrap justify-between items-center gap-2">
      <h2 class="font-bold text-gray-700">📤 Xuất hàng — giao xưởng / đổi khách</h2>
      <input id="pin-input" type="password" inputmode="numeric" maxlength="10" placeholder="Mã PIN..."
        class="input-ios text-sm font-bold text-center tracking-widest w-28">
    </div>

    <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
      <div>
        <label class="lbl">Nơi nhận *</label>
        <select id="xk-loai" class="inp bg-white" onchange="xkToggleLoai()">
          <option value="xuong">🏭 Xưởng gia công</option>
          <option value="khach">👤 Khách hàng (đổi hàng)</option>
        </select>
      </div>
      <div id="xk-xuong-wrap">
        <label class="lbl">Tên xưởng *</label>
        <input id="xk-xuong" class="inp" placeholder="VD: Xưởng Kim Thành" list="xuong-options" autocomplete="off">
        <datalist id="xuong-options"></datalist>
      </div>
      <div>
        <label class="lbl">Người giao hàng</label>
        <input id="xk-nguoigiao" class="inp" placeholder="Họ tên người giao">
      </div>
    </div>

    <!-- Thông tin khách hàng (khi đổi với khách) — GIỐNG trang Bán hàng -->
    <div id="xk-khach-box" class="hidden rounded-xl p-3 space-y-3" style="border:1px solid #fde68a;background:#fffbeb">
      <div class="flex flex-wrap justify-between items-center gap-2">
        <span class="text-sm font-bold text-purple-900">👤 Thông tin khách hàng</span>
        <button type="button" class="scan-btn !normal-case !text-[11px] !font-semibold"
          onclick="openScanner('cccd', {ten:'xk-kh-ten', cccd:'xk-kh-cccd', diachi:'xk-kh-diachi'})">📷 Quét QR CCCD</button>
      </div>
      <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
        <div class="sm:col-span-2">
          <label class="lbl">Họ tên khách *</label>
          <input id="xk-kh-ten" class="inp" placeholder="Tên khách (gõ để tìm khách cũ)" autocomplete="off"
            oninput="xkKhSuggest(this)" onblur="xkKhBlur()">
        </div>
        <div><label class="lbl">Số điện thoại</label><input id="xk-kh-sdt" class="inp" inputmode="numeric" autocomplete="off" placeholder="Gõ để tìm khách cũ" oninput="xkKhSuggest(this)" onblur="xkKhBlur()"></div>
        <div><label class="lbl">Số CCCD</label><input id="xk-kh-cccd" class="inp" inputmode="numeric" autocomplete="off" placeholder="Gõ / quét QR để tìm khách" oninput="xkKhSuggest(this)" onblur="xkKhBlur()"></div>
        <div class="sm:col-span-2"><label class="lbl">Địa chỉ</label><input id="xk-kh-diachi" class="inp" autocomplete="off" placeholder="Địa chỉ (gõ để tìm khách cũ)" oninput="xkKhSuggest(this)" onblur="xkKhBlur()"></div>
      </div>
      <p class="text-[11px] text-gray-500">💡 Có máy quét QR rời (USB/Bluetooth)? Bấm vào ô <strong>Số CCCD</strong> rồi quét mặt sau CCCD — tự điền tên, CCCD, địa chỉ. Hoặc bấm <strong>📷 Quét QR CCCD</strong> để dùng camera.</p>
    </div>

    <div>
      <label class="lbl">Ghi chú</label>
      <input id="xk-ghichu" class="inp" placeholder="Ghi chú phiếu...">
    </div>

    <div>
      <div class="flex justify-between items-center mb-2 flex-wrap gap-2">
        <span class="text-xs font-bold text-gray-400 uppercase">Hàng giao (<span id="xk-so-mon">0</span> món — <span id="xk-tong-tl">0</span> chỉ)</span>
        <div class="flex items-center gap-2">
          <span class="text-xs font-bold text-green-700 bg-green-50 border border-green-200 rounded-full px-3 py-1">Đã thêm: <span id="xk-count">0</span> món</span>
          <button type="button" onclick="xkAddRow()"
            class="flex items-center gap-1 text-xs font-bold text-white px-3 py-1 rounded-lg" style="background:#b45309">＋ Thêm dòng</button>
        </div>
      </div>
      <!-- Ô quét mã vạch — như trang Bán hàng -->
      <input id="xk-scan-barcode" type="text" autocomplete="off"
        class="input-ios w-full mb-1 font-mono !text-sm"
        placeholder="🔫 Quét mã vạch sản phẩm — tự thêm vào danh sách (hàng còn trong kho)">
      <div id="xk-scan-msg" class="text-[11px] mb-1 min-h-[14px]"></div>
      <p class="text-[11px] text-gray-400 mb-2">💡 Quét mã vạch hoặc nhập <strong>Mã hàng</strong> rồi bấm 🔎 để lấy sản phẩm từ tồn kho (chuyển "Xuất xưởng" khi lưu); để trống mã và nhập tay nếu là vàng nguyên liệu.</p>
      <div id="xk-item-list" class="space-y-2"></div>
      <datalist id="xk-loai-options"></datalist>
    </div>

    <div class="flex items-center gap-3 flex-wrap">
      <button onclick="submitXuat()" class="btn-ios btn-ios-gold px-6 py-2.5">📤 Lưu phiếu xuất</button>
      <span id="xk-msg" class="text-sm flex-1"></span>
    </div>
  </div>

  <!-- ── Danh sách phiếu ─────────────────────────────── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5 flex justify-between items-center flex-wrap gap-2" style="background:linear-gradient(135deg,#fff7ed,#fffbeb)">
      <h2 class="font-bold text-gray-700">📜 Phiếu gia công xưởng</h2>
      <input id="xg-search" class="input-ios text-sm w-56" placeholder="Tìm mã phiếu / tên xưởng..." oninput="renderPhieus()">
    </div>
    <div id="xg-list" class="p-4 space-y-3"></div>
  </div>

  <!-- ── Modal nhập thành phẩm về ────────────────────── -->
  <div id="nhap-modal" class="fixed inset-0 z-50 hidden ios-backdrop bg-black/40 flex items-center justify-center p-4">
    <div class="bg-white rounded-[24px] shadow-2xl max-w-3xl w-full max-h-[92vh] overflow-y-auto">
      <div class="flex items-center px-6 py-4 text-white rounded-t-[24px]" style="background:linear-gradient(135deg,#166534,#16a34a)">
        <span class="font-bold flex-1">📥 Nhập thành phẩm từ xưởng — <span id="nh-ma-xuat"></span></span>
        <button onclick="closeNhapModal()" class="text-white/80 hover:text-white text-xl w-8 h-8 flex items-center justify-center">✕</button>
      </div>
      <div class="p-6 space-y-4">
        <div class="bg-amber-50 border border-amber-200 rounded-xl px-4 py-2 text-sm text-amber-800 flex flex-wrap gap-x-6 gap-y-1">
          <span><span id="nh-noinhan-label">Xưởng</span>: <strong id="nh-ten-xuong"></strong></span>
          <span title="Trọng lượng THÔ, gộp nhiều tuổi vàng — chỉ để tham khảo">TL thô đã xuất:
            <strong id="nh-tl-xuat"></strong> chỉ</span>
          <span title="Trọng lượng THÔ của đợt nhập này">TL thô nhập lần này:
            <strong id="nh-tl-nhap">0</strong> chỉ</span>
          <span id="nh-haohut-wrap">⚖️ Hao hụt:
            <strong id="nh-haohut" class="text-red-600">0</strong></span>
          <span class="w-full text-[11px] text-amber-700/90 leading-snug">
            TL thô gộp nhiều tuổi vàng (9999, 750, 10K…) và cả bạc nên KHÔNG trừ nhau được — hao hụt tính
            theo <strong>quy đổi 100% của từng kim loại</strong>: vàng → vàng ta, bạc → bạc nguyên chất (bảng bên dưới).
          </span>
        </div>

        <div>
          <div class="flex justify-between items-center mb-2 flex-wrap gap-2">
            <span class="text-xs font-bold text-gray-400 uppercase">Thành phẩm nhận về <span class="normal-case font-normal">(tự thêm vào tồn kho)</span></span>
            <span class="text-xs font-bold text-green-700 bg-green-50 border border-green-200 rounded-full px-3 py-1">Đã thêm: <span id="nh-count">0</span> món</span>
            <button type="button" onclick="nhAddRow()"
              class="text-xs font-bold text-white px-3 py-1 rounded-lg" style="background:#16a34a">＋ Thêm dòng</button>
          </div>
          <input id="nh-scan-barcode" type="text" autocomplete="off"
            placeholder="🔫 Quét mã vạch thành phẩm — có sẵn trong kho thì tự điền, chưa có thì tạo mới"
            class="w-full inp mb-2" style="border:1.5px solid #86efac;background:#f0fdf4;font-size:16px">
          <div id="nh-scan-msg" class="text-[11px] mb-1 min-h-[14px]"></div>
          <div id="nh-item-list" class="space-y-2"></div>
          <datalist id="nh-loai-options"></datalist>
          <datalist id="dl-nh-products"></datalist>
          <p class="text-[11px] text-gray-400 mt-1.5">💡 <strong>🏭 Gia công xưởng</strong> = tiền trả xưởng → vào <strong>giá vốn</strong> + ghi CHI sổ quỹ. <strong>🏷️ Công bán</strong> = công tính khi BÁN (thường CAO HƠN để có lãi công cho người bán) → lưu vào sản phẩm, dùng tính giá bán (tự điền = công xưởng, chủ tiệm bơm lên). <strong>Giá vốn</strong> TỰ TÍNH theo <strong>quy đổi 100% của đúng kim loại</strong> (giá vốn bạc chỉ chia cho bạc, vàng cho vàng) + công xưởng. Giá bán bấm ⚡ để nhập tay.</p>

          <!-- Panel KHỚP VÀNG 100% + tổng giá vốn xuất (cơ sở tính giá vốn nhận về) -->
          <div class="rounded-xl border p-3 mt-2 text-sm space-y-1" style="border-color:#fde68a;background:#fffbeb">
            <!-- 1.9.0: đối chiếu RIÊNG từng kim loại (vàng ta / bạc / khác) — bạc không còn bị quy ra vàng -->
            <div id="nh-kl-bang" class="space-y-2"></div>
            <div id="nh-vang100-warn" class="hidden text-xs font-bold rounded-lg px-2 py-1"></div>
            <div class="flex justify-between gap-2 border-t pt-1 mt-1" style="border-color:#fde68a"><span>💰 Tổng giá vốn theo hàng xuất:</span><span><strong id="nh-tong-giavon-xuat">0 đ</strong></span></div>
          </div>
        </div>

        <!-- Thông tin tem/xuất xứ — ĐẦY ĐỦ như "Nhập hàng mới", áp cho MỌI SP nhập lần này
             (thành phẩm xưởng thường cùng NSX/NPP/xuất xứ = của tiệm). SP riêng thì sửa ở Tồn kho. -->
        <details class="rounded-xl border" style="border-color:#e5e7eb;background:#fafafa" open>
          <summary class="cursor-pointer select-none px-3 py-2 text-xs font-bold text-gray-500">📋 Thông tin tem / xuất xứ (áp cho mọi SP nhập — như Nhập hàng mới)</summary>
          <div class="p-3 pt-0 grid grid-cols-1 sm:grid-cols-2 gap-2">
            <div><label class="lbl">Nhà sản xuất</label><select id="nh-nsx" class="inp bg-white" onchange="nhOnNSX()"></select></div>
            <div><label class="lbl">Địa chỉ NSX</label><input id="nh-dc-nsx" class="inp" placeholder="Tự điền khi chọn NSX"></div>
            <div><label class="lbl">Nhà phân phối</label><select id="nh-npp" class="inp bg-white" onchange="nhOnNPP()"></select></div>
            <div><label class="lbl">Địa chỉ NPP</label><input id="nh-dc-npp" class="inp" placeholder="Tự điền khi chọn NPP"></div>
            <div><label class="lbl">TCCS</label><input id="nh-tccs" class="inp" placeholder="Tự điền khi chọn NSX"></div>
            <div><label class="lbl">Xuất xứ</label><input id="nh-xuatxu" class="inp" value="Việt Nam"></div>
            <div><label class="lbl">Loại sản phẩm</label><input id="nh-loaisp" class="inp" list="nh-loaisp-opts" placeholder="VD: Nhẫn, Dây chuyền..."><datalist id="nh-loaisp-opts"><option>Nhẫn</option><option>Dây chuyền</option><option>Lắc</option><option>Vòng</option><option>Bông tai</option><option>Mặt dây</option><option>Charm</option></datalist></div>
            <div><label class="lbl">Đơn vị</label><select id="nh-donvi" class="inp bg-white"><option value="Chỉ">Chỉ</option><option value="Món">Món</option><option value="Đôi">Đôi</option><option value="Cái">Cái</option></select></div>
          </div>
        </details>

        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
          <div>
            <label class="lbl">Người nhận hàng</label>
            <input id="nh-nguoinhan" class="inp" placeholder="Họ tên người nhận">
          </div>
          <div>
            <label class="lbl">Ghi chú</label>
            <input id="nh-ghichu" class="inp" placeholder="Ghi chú phiếu nhập...">
          </div>
        </div>

        <div class="border-t pt-3 space-y-3">
          <!-- XƯỞNG: tổng tiền gia công (tự cộng từ tiền gia công các dòng) -->
          <div id="nh-money-xuong" class="bg-red-50 border border-red-100 rounded-xl px-4 py-2 text-sm text-red-700">
            💰 Tổng tiền gia công trả xưởng: <strong id="nh-tong-giacong">0 đ</strong> — ghi bút toán <strong>CHI</strong> vào sổ quỹ khi lưu.
          </div>
          <!-- KHÁCH: tiền trả khách / khách trả -->
          <div id="nh-money-khach" class="hidden grid grid-cols-1 sm:grid-cols-2 gap-3">
            <div><label class="lbl">💸 Tiền trả khách (đ)</label><input id="nh-tra-khach" type="text" inputmode="numeric" class="inp" placeholder="0" oninput="onSplitAmtInput(this); nhUpdateGiaVon()"></div>
            <div><label class="lbl">💵 Tiền khách trả (đ)</label><input id="nh-khach-tra" type="text" inputmode="numeric" class="inp" placeholder="0" oninput="onSplitAmtInput(this); nhUpdateGiaVon()"></div>
            <div class="sm:col-span-2 text-xs text-gray-500">Chênh lệch: <b id="nh-net-khach">0 đ</b> — dương = tiệm trả khách (ghi CHI), âm = khách trả tiệm (ghi THU).</div>
          </div>
          <div>
            <label class="lbl">Hình thức thanh toán</label>
            <select id="nh-hinhthuc" class="inp bg-white" onchange="onNhHtttChange()">
              <option value="tien_mat">💵 Tiền mặt</option>
              <option value="chuyen_khoan">🏦 Chuyển khoản</option>
              <option value="ca_hai">🔀 TM/CK</option>
            </select>
          </div>
          <div id="nh-split-row" class="grid grid-cols-2 gap-3" style="display:none">
            <div><label class="lbl">Tiền mặt (₫)</label><input id="nh-split-tm" type="text" inputmode="numeric" placeholder="0" class="inp" oninput="onSplitAmtInput(this)"></div>
            <div><label class="lbl">Chuyển khoản (₫)</label><input id="nh-split-ck" type="text" inputmode="numeric" placeholder="0" class="inp" oninput="onSplitAmtInput(this)"></div>
          </div>
          <label class="flex items-center gap-2 text-sm text-gray-600 cursor-pointer">
            <input type="checkbox" id="nh-hoanthanh" checked class="rounded accent-green-600"
                   onchange="nhUpdateGiaVon()">
            Hoàn thành phiếu xuất (đã trả đủ hàng)
          </label>
          <div class="text-[11px] text-gray-500 -mt-1 pl-6">
            Xưởng <strong>trả dần</strong> thì <strong>BỎ TICK</strong> — đợt này chỉ nhận phần giá vốn
            tương ứng lượng vàng ta trả về, phiếu vẫn mở để nhập đợt sau.
            Tick khi <strong>trả đủ</strong> — đợt cuối gánh nốt giá vốn còn lại (gồm tiền vàng hao hụt).
          </div>
        </div>

        <div class="flex items-center gap-3">
          <button onclick="submitNhap()" class="btn-ios px-6 py-2.5 text-white font-bold" style="background:#16a34a">💾 Lưu phiếu nhập</button>
          <span id="nh-msg" class="text-sm flex-1"></span>
          <button onclick="closeNhapModal()" class="text-gray-400 hover:text-gray-700 text-sm">Đóng</button>
        </div>
      </div>
    </div>
  </div>

{% endblock %}

{% block scripts %}
<style>
  /* 1.9.0 — nhãn kim loại (vàng / bạc / khác) cho Xuất Nhập Đổi */
  .kl-the { display:inline-block; font-size:11px; font-weight:800; border-radius:999px; padding:1px 8px; white-space:nowrap; }
  .kl-nhan { min-height:38px; display:flex; align-items:center; flex-wrap:wrap; gap:4px; font-size:12px;
             background:#f8fafc; border:1px dashed #cbd5e1; border-radius:10px; padding:6px 8px; color:#334155; }
  .lbl { display:block; font-size:11px; font-weight:600; color:#8a8a8e; text-transform:uppercase; letter-spacing:.02em; margin-bottom:4px; }
  .inp { width:100%; background:#f2f2f7; border:1.5px solid transparent; border-radius:12px;
         padding:9px 12px; outline:none; font-size:16px; color:#1c1c1e;
         transition: box-shadow .15s ease, border-color .15s ease, background .15s ease; }
  .inp::placeholder { color:#bcbcc2; }
  .inp:focus { background:#fff; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(139,0,0,.08); }
  .xg-row { background:#fafafa; border:1px solid #eee; border-radius:14px; padding:10px; }
  .xg-row.tu-kho { background:#fffbeb; border-color:#fde68a; }
</style>
<script>
const PIN_KEY = 'vang_admin_pin';
const getPin = () => localStorage.getItem(PIN_KEY) || '';
const IS_DIRECTOR = {{ 'true' if is_director else 'false' }};
const fmt = n => Math.round(n || 0).toLocaleString('vi-VN');

document.getElementById('pin-input').value = getPin();
document.getElementById('pin-input').addEventListener('input',
  e => localStorage.setItem(PIN_KEY, e.target.value.trim()));

// ── Cache sản phẩm còn hàng (tra theo mã) ─────────────────────────────
let _prodByMa = {};
async function loadProductsCache() {
  try {
    const r = await fetch('/api/pos/products?status=con_hang');
    const d = await r.json();
    _prodByMa = {};
    (d.products || []).forEach(p => { if (p.ma_hang) _prodByMa[p.ma_hang.trim().toUpperCase()] = p; });
  } catch (e) { /* offline — vẫn nhập tay được */ }
}

// ── Xuất kho: dòng hàng ───────────────────────────────────────────────
// Hàng sản phẩm XUẤT — thông tin ĐẦY ĐỦ như trang Bán hàng (Mã/Tên/Tuổi + phân rã
// Trọng lượng Tổng/Đá/Vàng, KLV tự tính = Tổng − Đá).
function xkRowTemplate() {
  return `<div class="xg-row space-y-2">
    <div class="flex items-center gap-2">
      <span class="text-[11px] font-bold text-gray-400 uppercase flex-1">Sản phẩm / vàng nguyên liệu</span>
      <button type="button" onclick="this.closest('.xg-row').remove(); xkRecalc()"
        class="w-7 h-7 rounded-full bg-red-50 hover:bg-red-100 text-red-500 flex items-center justify-center flex-shrink-0 transition active:scale-90">✕</button>
    </div>
    <div class="grid grid-cols-2 sm:grid-cols-4 gap-2">
      <div>
        <span class="lbl">Mã hàng (kho)</span>
        <div class="flex gap-1">
          <input class="xk-mahang inp font-mono !text-xs flex-1 min-w-0" placeholder="Trống = nhập tay"
            onchange="xkLookup(this)">
          <button type="button" class="scan-btn !px-2" title="Lấy từ tồn kho" onclick="xkLookup(this.previousElementSibling)">🔎</button>
        </div>
      </div>
      <div class="col-span-2 sm:col-span-2">
        <span class="lbl">Tên hàng / nguyên liệu *</span>
        <input class="xk-ten inp" placeholder="VD: Vàng nguyên liệu 9999">
      </div>
      <div>
        <span class="lbl">Tuổi</span>
        <input class="xk-tuoi inp text-center" placeholder="VD: 999.9" oninput="xkKlCapNhat(this)">
      </div>
    </div>
    <div class="grid grid-cols-1 sm:grid-cols-3 gap-2">
      <div class="sm:col-span-2 rounded-xl p-2" style="background:#f8fafc;border:1px solid #e2e8f0">
        <span class="lbl" style="margin-bottom:4px">⚖️ Trọng lượng (chỉ)</span>
        <div class="grid grid-cols-3 gap-2">
          <div><span class="lbl">Tổng *</span><input type="number" step="0.0001" class="xk-tl inp text-right" placeholder="0.000" oninput="xkKlv(this)"></div>
          <div><span class="lbl">Đá</span><input type="number" step="0.0001" class="xk-klda inp text-right" placeholder="0.000" oninput="xkKlv(this)"></div>
          <div><span class="lbl">Vàng/bạc</span><input type="number" step="0.0001" class="xk-klv inp text-right font-bold" style="color:#92400e" placeholder="0.000" oninput="xkKlCapNhat(this); xkRecalc()"></div>
        </div>
      </div>
      <div class="rounded-xl p-2" style="background:#fffdf5;border:1px solid #fef3c7">
        <span class="lbl" style="color:#b45309;margin-bottom:4px">Loại vàng / bạc</span>
        <input class="xk-loai inp" placeholder="9999 / 750 / Bạc..." list="xk-loai-options" oninput="xkKlCapNhat(this)">
      </div>
    </div>
    <div class="grid grid-cols-2 sm:grid-cols-3 gap-2 items-end">
      <div>
        <span class="lbl" title="Hàm lượng vàng/bạc của món xuất đi. Để trống = theo hàm lượng đã biết (tuổi / danh mục loại vàng).">% vàng/bạc <span class="font-normal normal-case">(trống = tự động)</span></span>
        <input type="text" inputmode="decimal" class="xk-pct inp text-right" placeholder="tự động" oninput="xkKlCapNhat(this)">
      </div>
      <div class="sm:col-span-2">
        <span class="lbl">Quy đổi 100%</span>
        <div class="xk-kl kl-nhan" aria-live="polite">—</div>
      </div>
    </div>
    <div class="xk-badge hidden text-[11px] font-semibold text-amber-700">📦 Lấy từ tồn kho — sản phẩm sẽ chuyển "Xuất xưởng" khi lưu phiếu</div>
  </div>`;
}

function xkAddRow() {
  const list = document.getElementById('xk-item-list');
  list.insertAdjacentHTML('beforeend', xkRowTemplate());
  xkKlCapNhat(list.lastElementChild);
}

function xkLookup(inp) {
  const row = inp.closest('.xg-row');
  const ma = (inp.value || '').trim().toUpperCase();
  const badge = row.querySelector('.xk-badge');
  if (!ma) {
    delete row.dataset.pid;
    row.classList.remove('tu-kho'); badge.classList.add('hidden');
    return;
  }
  const p = _prodByMa[ma];
  if (!p) {
    delete row.dataset.pid;
    row.classList.remove('tu-kho'); badge.classList.add('hidden');
    alert(`Không tìm thấy sản phẩm CÒN HÀNG có mã "${ma}" trong tồn kho.\nĐể trống mã nếu muốn nhập tay nguyên liệu.`);
    return;
  }
  row.dataset.pid = p.id;
  row.querySelector('.xk-ten').value  = p.ten || '';
  row.querySelector('.xk-loai').value = p.loai_vang || '';
  row.querySelector('.xk-tuoi').value = p.tuoi || p.loai_vang || '';
  row.querySelector('.xk-tl').value   = p.trong_luong || 0;
  row.querySelector('.xk-klda').value = p.kl_da || 0;
  row.querySelector('.xk-klv').value  = (p.kl_vang != null ? p.kl_vang : klvExact(p.trong_luong, p.kl_da));
  row.classList.add('tu-kho'); badge.classList.remove('hidden');
  xkKlCapNhat(row);
  xkRecalc();
}

// KLV (vàng tịnh) = TL Tổng − KL Đá; đổi Tổng/Đá là tự tính lại Vàng (như trang Bán)
function xkKlv(el) {
  const r = el.closest('.xg-row');
  const tl = parseFloat(r.querySelector('.xk-tl').value) || 0;
  const klda = parseFloat(r.querySelector('.xk-klda').value) || 0;
  r.querySelector('.xk-klv').value = klvExact(tl, klda);   // KHÔNG làm tròn
  xkKlCapNhat(r);
  xkRecalc();
}

function xkRecalc() {
  const rows = [...document.querySelectorAll('#xk-item-list .xg-row')];
  let tl = 0, n = 0;
  rows.forEach(r => {
    tl += parseFloat(r.querySelector('.xk-tl').value) || 0;
    if (r.querySelector('.xk-ten').value.trim() || (parseFloat(r.querySelector('.xk-tl').value) || 0) > 0) n++;
  });
  document.getElementById('xk-so-mon').textContent = n;
  document.getElementById('xk-tong-tl').textContent = tl.toLocaleString('vi-VN', {maximumFractionDigits: 3});
  const cel = document.getElementById('xk-count'); if (cel) cel.textContent = n;
}

// Quét mã vạch (như trang Bán): tìm trong tồn kho → tự thêm dòng + đếm; không có → báo
function xkScanIntoRow(code) {
  const msg = document.getElementById('xk-scan-msg');
  code = (code || '').trim();
  if (!code) return;
  const p = _prodByMa[code.toUpperCase()];
  if (!p) {
    msg.textContent = `⚠ Mã "${code}" không có trong tồn kho (còn hàng). Chỉ xuất được hàng còn trong kho; vàng nguyên liệu thì nhập tay.`;
    msg.style.color = '#dc2626';
    return;
  }
  // đã có trong danh sách → không thêm trùng
  const dup = [...document.querySelectorAll('#xk-item-list .xg-row')].find(r => r.dataset.pid && r.dataset.pid == p.id);
  if (dup) {
    msg.textContent = `⚠ "${p.ten || p.ma_hang}" đã có trong danh sách rồi.`;
    msg.style.color = '#d97706';
    dup.style.background = '#fef9c3'; setTimeout(() => dup.style.background = '', 800);
    return;
  }
  // tái dùng dòng trống cuối, không thì thêm dòng mới
  let rows = document.querySelectorAll('#xk-item-list .xg-row');
  let r = rows[rows.length - 1];
  const trong = r && !r.dataset.pid && !r.querySelector('.xk-ten').value.trim() && !r.querySelector('.xk-mahang').value.trim();
  if (!trong) { xkAddRow(); rows = document.querySelectorAll('#xk-item-list .xg-row'); r = rows[rows.length - 1]; }
  // điền từ tồn kho (như xkLookup)
  r.dataset.pid = p.id;
  r.querySelector('.xk-mahang').value = p.ma_hang || '';
  r.querySelector('.xk-ten').value  = p.ten || '';
  r.querySelector('.xk-loai').value = p.loai_vang || '';
  r.querySelector('.xk-tuoi').value = p.tuoi || p.loai_vang || '';
  r.querySelector('.xk-tl').value   = p.trong_luong || 0;
  r.querySelector('.xk-klda').value = p.kl_da || 0;
  r.querySelector('.xk-klv').value  = (p.kl_vang != null ? p.kl_vang : klvExact(p.trong_luong, p.kl_da));
  r.classList.add('tu-kho');
  const badge = r.querySelector('.xk-badge'); if (badge) badge.classList.remove('hidden');
  msg.textContent = `✓ Đã thêm: ${p.ten || p.ma_hang} — ${p.trong_luong || 0} chỉ`;
  msg.style.color = '#16a34a';
  xkKlCapNhat(r);
  xkRecalc();
}

// Loại nơi nhận: đổi hiện Tên xưởng ↔ Thông tin khách
function xkToggleLoai() {
  const khach = document.getElementById('xk-loai').value === 'khach';
  document.getElementById('xk-xuong-wrap').classList.toggle('hidden', khach);
  document.getElementById('xk-khach-box').classList.toggle('hidden', !khach);
}
// Gợi ý khách từ CRM (như trang Bán) — gõ ở BẤT KỲ ô nào (tên/SĐT/CCCD/địa chỉ) đều tìm,
// dropdown nổi đặt ngay dưới ô đang gõ (vpPlaceDrop lo lệch bàn phím trên ĐT).
let _xkKhTimer = null, _xkKhDrop = null;
function _xkKhGetDrop() {
  if (!_xkKhDrop) {
    _xkKhDrop = document.createElement('div');
    _xkKhDrop.id = 'xk-kh-drop';
    _xkKhDrop.className = 'hidden bg-white border rounded-xl shadow-lg max-h-56 overflow-y-auto text-sm';
    _xkKhDrop.style.position = 'fixed';
    _xkKhDrop.style.zIndex = '9999';
    document.body.appendChild(_xkKhDrop);
  }
  return _xkKhDrop;
}
function xkKhBlur() { setTimeout(() => { if (_xkKhDrop) _xkKhDrop.classList.add('hidden'); }, 200); }
function xkKhSuggest(inp) {
  clearTimeout(_xkKhTimer);
  const drop = _xkKhGetDrop();
  const anchor = (typeof inp === 'string') ? document.getElementById('xk-kh-ten') : inp;
  const q = ((typeof inp === 'string' ? inp : inp.value) || '').trim();
  if (q.length < 2) { drop.classList.add('hidden'); return; }
  _xkKhTimer = setTimeout(async () => {
    try {
      const r = await fetch('/api/crm/search-lite?q=' + encodeURIComponent(q));
      const d = await r.json();
      const list = d.customers || [];
      if (!list.length) { drop.classList.add('hidden'); return; }
      drop.innerHTML = list.map(c => `<div class="px-3 py-2 hover:bg-amber-50 cursor-pointer border-b last:border-0"
        onmousedown='xkKhPick(${JSON.stringify(c).replace(/'/g, "&#39;")})'>
        <div class="font-semibold text-gray-800">${c.ho_ten || '—'}</div>
        <div class="text-xs text-gray-500">${[c.dien_thoai, c.cccd, c.dia_chi].filter(Boolean).join(' · ')}</div></div>`).join('');
      drop.classList.remove('hidden');
      if (window.vpPlaceDrop) window.vpPlaceDrop(drop, anchor, 260);
    } catch (e) { drop.classList.add('hidden'); }
  }, 250);
}
function xkKhPick(c) {
  document.getElementById('xk-kh-ten').value    = c.ho_ten || '';
  document.getElementById('xk-kh-sdt').value    = c.dien_thoai || '';
  document.getElementById('xk-kh-cccd').value   = c.cccd || '';
  document.getElementById('xk-kh-diachi').value = c.dia_chi || '';
  if (_xkKhDrop) _xkKhDrop.classList.add('hidden');
}

async function submitXuat() {
  const msg = document.getElementById('xk-msg');
  const loai = document.getElementById('xk-loai').value;
  const laKhach = loai === 'khach';
  const tenXuong = document.getElementById('xk-xuong').value.trim();
  const khTen = document.getElementById('xk-kh-ten').value.trim();
  if (!laKhach && !tenXuong) { msg.textContent = '⚠️ Nhập tên xưởng.'; msg.className = 'text-sm text-amber-600'; return; }
  if (laKhach && !khTen) { msg.textContent = '⚠️ Nhập tên khách hàng.'; msg.className = 'text-sm text-amber-600'; return; }
  const items = [];
  document.querySelectorAll('#xk-item-list .xg-row').forEach(r => {
    const ten = r.querySelector('.xk-ten').value.trim();
    const tl  = parseFloat(r.querySelector('.xk-tl').value) || 0;
    if (!ten && !tl) return;
    items.push({
      product_id: r.dataset.pid ? parseInt(r.dataset.pid) : null,
      ma_hang: r.querySelector('.xk-mahang').value.trim(),
      ten, loai_vang: r.querySelector('.xk-loai').value.trim(),
      tuoi: r.querySelector('.xk-tuoi').value.trim(),
      trong_luong: tl,
      kl_da: parseFloat(r.querySelector('.xk-klda').value) || 0,
      kl_vang: parseFloat(r.querySelector('.xk-klv').value) || 0,
      phan_tram_vang: (r.querySelector('.xk-pct').value || '').trim() || null,   // trống = hàm lượng đã biết
      don_vi: 'Chỉ',
    });
  });
  if (!items.length) { msg.textContent = '⚠️ Thêm ít nhất 1 dòng hàng.'; msg.className = 'text-sm text-amber-600'; return; }
  const saiPct = items.find(it => it.phan_tram_vang != null && !(klSoPct(it.phan_tram_vang) > 0));
  if (saiPct) { msg.textContent = `⚠️ Ô "% vàng/bạc" của "${saiPct.ten}" không hợp lệ — ghi số từ 0 đến 100 (VD 92,5) hoặc để trống.`; msg.className = 'text-sm text-amber-600'; return; }
  msg.textContent = '⏳ Đang lưu...'; msg.className = 'text-sm text-gray-500';
  const r = await fetch('/api/xuong/phieu-xuat', {
    method: 'POST', headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({
      pin: getPin(), ten_xuong: laKhach ? '' : tenXuong,
      loai_noi_nhan: loai,
      khach: laKhach ? {
        ten: khTen,
        sdt: document.getElementById('xk-kh-sdt').value.trim(),
        cccd: document.getElementById('xk-kh-cccd').value.trim(),
        dia_chi: document.getElementById('xk-kh-diachi').value.trim(),
      } : null,
      nguoi_giao: document.getElementById('xk-nguoigiao').value.trim(),
      ghi_chu: document.getElementById('xk-ghichu').value.trim(), items,
    })
  });
  const d = await r.json();
  if (d.success) {
    msg.textContent = `✅ Đã lưu phiếu xuất ${d.ma_phieu} — ${items.length} món.`;
    msg.className = 'text-sm text-green-700 font-semibold';
    ['xk-xuong','xk-nguoigiao','xk-ghichu','xk-kh-ten','xk-kh-sdt','xk-kh-cccd','xk-kh-diachi'].forEach(id => document.getElementById(id).value = '');
    document.getElementById('xk-item-list').innerHTML = '';
    xkAddRow(); xkRecalc();
    loadProductsCache(); loadPhieus();
  } else if (d.error === 'can_gui_duyet') {
    // Nhân viên không đủ quyền lưu thẳng → gửi duyệt, GĐ duyệt xong phiếu TỰ tạo
    await _guiDuyetXuong('xuong_xuat', 0, {
      ten_xuong: laKhach ? '' : tenXuong,
      loai_noi_nhan: loai,
      khach: laKhach ? {
        ten: khTen,
        sdt: document.getElementById('xk-kh-sdt').value.trim(),
        cccd: document.getElementById('xk-kh-cccd').value.trim(),
        dia_chi: document.getElementById('xk-kh-diachi').value.trim(),
      } : null,
      nguoi_giao: document.getElementById('xk-nguoigiao').value.trim(),
      ghi_chu: document.getElementById('xk-ghichu').value.trim(), items,
    }, `Xuất ${items.length} món${laKhach ? ' — đổi với khách ' + khTen : ' đi ' + tenXuong}`, msg);
  } else {
    msg.textContent = '❌ ' + _errLabel(d.error);
    msg.className = 'text-sm text-red-600 font-semibold';
  }
}

// ── GỬI DUYỆT phiếu Xuất Nhập Đổi (nhân viên không có quyền lưu thẳng) ──
// GĐ/PGĐ duyệt xong hệ thống TỰ TẠO phiếu — nhân viên KHÔNG phải bấm Lưu lần nữa.
async function _guiDuyetXuong(loai, phieuId, payload, moTa, msg) {
  if (!confirm(`Bạn chưa được phép lưu thẳng phiếu này.

Gửi duyệt cho Giám đốc / Phó Giám đốc?

${moTa}

Duyệt xong phiếu sẽ TỰ ĐƯỢC TẠO, bạn không phải làm lại.`)) {
    msg.textContent = 'Chưa gửi duyệt — phiếu chưa được lưu.';
    msg.className = 'text-sm text-amber-700 font-semibold';
    return;
  }
  msg.textContent = '⏳ Đang gửi duyệt...';
  msg.className = 'text-sm text-amber-700 font-semibold';
  const r = await fetch('/api/approval/submit', {
    method: 'POST', headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({loai, phieu_id: phieuId, mo_ta: moTa, payload})
  });
  const d = await r.json();
  if (d.success) {
    msg.textContent = '📤 Đã gửi duyệt. Giám đốc duyệt xong phiếu sẽ tự được tạo — bạn không phải nhập lại.';
    msg.className = 'text-sm text-blue-700 font-semibold';
  } else {
    msg.textContent = '❌ ' + (d.message || d.error || 'Không gửi được yêu cầu duyệt');
    msg.className = 'text-sm text-red-600 font-semibold';
  }
}

function _errLabel(e) {
  if (e === 'wrong_pin') return 'Sai mã PIN';
  if (e === 'can_gui_duyet') return 'Cần gửi duyệt phiếu này';
  if (e === 'forbidden_role') return 'Chỉ Giám đốc / Phó Giám đốc được thao tác này';
  if (e === 'da_co_phieu_nhap') return 'Phiếu đã có hàng nhập về — xóa phiếu nhập trước';
  if ((e || '').startsWith('san_pham_khong_con_hang:')) return `Sản phẩm ${e.split(':')[1]} không còn hàng trong kho`;
  if ((e || '').startsWith('san_pham_da_su_dung:')) return `Sản phẩm ${e.split(':')[1]} đã bán/xuất — không xóa được phiếu nhập`;
  return e || 'Lỗi không xác định';
}

// ── Danh sách phiếu ───────────────────────────────────────────────────
let _phieus = [];
const _xgExpanded = {};

async function loadPhieus() {
  const r = await fetch('/api/xuong/phieu-xuat');
  const d = await r.json();
  _phieus = d.phieus || [];
  renderSummary(); renderPhieus();
}

function renderSummary() {
  const dang = _phieus.filter(p => p.trang_thai === 'dang_gia_cong');
  const xong = _phieus.filter(p => p.trang_thai === 'hoan_thanh');
  const tlDang = dang.reduce((a, p) => a + (p.tong_tl_xuat || 0), 0);
  const tienCong = _phieus.reduce((a, p) => a + (p.tong_tien_cong || 0), 0);
  const card = (icon, label, val, color) => `
    <div class="ios-card p-4" style="background:${color}26;border:1px solid ${color}44">
      <div class="text-[11px] font-bold text-gray-500 uppercase">${icon} ${label}</div>
      <div class="text-xl font-black mt-1" style="color:${color}">${val}</div>
    </div>`;
  document.getElementById('xg-summary').innerHTML =
    card('🔨', 'Đang ở xưởng', dang.length + ' phiếu', '#b45309') +
    card('⚖️', 'TL đang gia công', tlDang.toLocaleString('vi-VN', {maximumFractionDigits: 3}) + ' chỉ', '#b45309') +
    card('✅', 'Đã hoàn thành', xong.length + ' phiếu', '#16a34a') +
    card('💰', 'Tiền công đã trả', fmt(tienCong * 1000) + ' đ', '#dc2626');
}

function _ttBadgeXg(tt) {
  return tt === 'hoan_thanh'
    ? '<span class="bg-green-100 text-green-700 border border-green-300 text-xs px-2.5 py-0.5 rounded-full font-bold">✓ Hoàn thành</span>'
    : '<span class="bg-amber-100 text-amber-700 border border-amber-300 text-xs px-2.5 py-0.5 rounded-full font-bold">⏳ Đang gia công</span>';
}

function renderPhieus() {
  const q = (document.getElementById('xg-search').value || '').toLowerCase().trim();
  const list = q
    ? _phieus.filter(p => (p.ma_phieu || '').toLowerCase().includes(q) || (p.ten_xuong || '').toLowerCase().includes(q) || (p.khach_ten || '').toLowerCase().includes(q))
    : _phieus;
  const el = document.getElementById('xg-list');
  if (!list.length) {
    el.innerHTML = '<div class="text-center text-gray-400 text-sm py-8">Chưa có phiếu gia công xưởng nào.</div>';
    return;
  }
  el.innerHTML = list.map(p => {
    const open = q ? true : !!_xgExpanded[p.id];
    const itemRows = (p.items || []).map((it, i) => `
      <tr class="border-b border-gray-100">
        <td class="px-2 py-1.5 text-xs">${i + 1}</td>
        <td class="px-2 py-1.5 text-xs font-mono">${it.ma_hang || '—'}</td>
        <td class="px-2 py-1.5 text-xs font-semibold">${it.ten || ''}</td>
        <td class="px-2 py-1.5 text-xs">${it.loai_vang || '—'}</td>
        <td class="px-2 py-1.5 text-xs">${it.tuoi || '—'}</td>
        <td class="px-2 py-1.5 text-xs text-right font-semibold">${(it.trong_luong || 0).toLocaleString('vi-VN', {maximumFractionDigits: 3})}</td>
        <td class="px-2 py-1.5 text-xs text-right">${klNhanNho(it.nhom_kl)} ${(it.pct_kl || 0).toLocaleString('vi-VN', {maximumFractionDigits: 3})}% → <strong>${(it.quy_doi || 0).toLocaleString('vi-VN', {maximumFractionDigits: 4})}</strong></td>
        <td class="px-2 py-1.5 text-[10px]">${it.product_id ? '<span class="text-amber-700 font-bold">📦 Tồn kho</span>' : '<span class="text-gray-400">Nhập tay</span>'}</td>
      </tr>`).join('');
    const nhapRows = (p.nhaps || []).map(n => `
      <div class="bg-green-50 border border-green-200 rounded-xl px-3 py-2 mt-2">
        <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-xs">
          <span class="font-mono font-bold text-green-800">${n.ma_phieu}</span>
          <span class="text-gray-500">${n.ngay || ''}</span>
          <span>${(n.items || []).length} món · <strong>${(n.tong_tl || 0).toLocaleString('vi-VN', {maximumFractionDigits: 3})} chỉ</strong></span>
          ${n.tien_cong ? `<span class="text-red-600 font-bold">Tiền công: ${fmt(n.tien_cong * 1000)} đ</span>` : '<span class="text-gray-400">Chưa/không trả công</span>'}
          <a href="/xuong/phieu-nhap/${n.id}/print" target="_blank" class="ml-auto text-blue-600 hover:text-blue-800 text-xs font-semibold">🖨️ In phiếu nhập</a>
          <button onclick="printRemote('/xuong/phieu-nhap/${n.id}/print', this)" class="text-blue-600 hover:text-blue-800 text-xs font-semibold" title="Gửi in thẳng ra máy in ở quầy — dùng được từ điện thoại">📠 In tại quầy</button>
          ${IS_DIRECTOR ? `<button onclick="delNhap(${n.id})" class="text-red-400 hover:text-red-600 text-xs">🗑️ Xóa</button>` : ''}
        </div>
        <div class="text-[11px] text-gray-500 mt-1">${(n.items || []).map(i => `${i.ma_hang} (${i.ten} — ${(i.trong_luong || 0)} chỉ${i.gia_ban ? ` — GB ${fmt(i.gia_ban * 1000)}đ` : ''})`).join(' · ')}</div>
      </div>`).join('');
    return `
    <div class="border rounded-2xl overflow-hidden" style="border-color:#fde68a">
      <div class="flex items-center gap-3 px-4 py-3 cursor-pointer hover:bg-amber-50 flex-wrap"
        style="background:linear-gradient(90deg,#fffbeb,#fff)" onclick="toggleXg(${p.id})">
        <span class="w-9 h-9 rounded-full text-white font-black flex items-center justify-center flex-shrink-0 text-sm"
          style="background:linear-gradient(135deg,#4a0000,#8b0000)">🏭</span>
        <div class="min-w-0">
          <div class="font-bold text-sm text-gray-800">${p.ma_phieu} — ${p.loai_noi_nhan === 'khach' ? ('👤 ' + (p.khach_ten || 'Khách')) : ('🏭 ' + (p.ten_xuong || '—'))}</div>
          <div class="text-[11px] text-gray-400">${p.ngay || ''} · ${(p.items || []).length} món · ${klTomTatPhieu(p)}</div>
        </div>
        <div class="ml-auto flex items-center gap-2 flex-shrink-0">
          ${_ttBadgeXg(p.trang_thai)}
          <span class="text-gray-300 text-xs">${open ? '▴' : '▾'}</span>
        </div>
      </div>
      <div id="xg-body-${p.id}" class="${open ? '' : 'hidden'} px-4 pb-3 pt-1 border-t border-amber-100">
        <div class="overflow-x-auto">
        <table class="w-full text-left">
          <thead><tr class="text-[10px] text-gray-400 uppercase">
            <th class="px-2 py-1">#</th><th class="px-2 py-1">Mã</th><th class="px-2 py-1">Tên</th>
            <th class="px-2 py-1">Loại vàng</th><th class="px-2 py-1">Tuổi</th>
            <th class="px-2 py-1 text-right">TL (chỉ)</th><th class="px-2 py-1 text-right">Quy đổi 100% (chỉ)</th><th class="px-2 py-1">Nguồn</th>
          </tr></thead>
          <tbody>${itemRows}</tbody>
        </table>
        </div>
        ${p.nguoi_giao ? `<div class="text-[11px] text-gray-500 mt-1">Người giao: ${p.nguoi_giao}</div>` : ''}
        ${p.ghi_chu ? `<div class="text-[11px] text-gray-500">Ghi chú: ${p.ghi_chu}</div>` : ''}
        ${nhapRows}
        <div class="flex gap-2 mt-3 flex-wrap">
          <a href="/xuong/phieu-xuat/${p.id}/print" target="_blank"
            class="btn-ios btn-ios-secondary text-blue-700 text-xs font-semibold px-4 py-2">🖨️ In phiếu xuất</a>
          <button onclick="printRemote('/xuong/phieu-xuat/${p.id}/print', this)"
            class="btn-ios btn-ios-secondary text-blue-700 text-xs font-semibold px-4 py-2" title="Gửi in thẳng ra máy in ở quầy — dùng được từ điện thoại">📠 In tại quầy</button>
          ${p.trang_thai !== 'hoan_thanh' ? `<button onclick="openNhapModal(${p.id})"
            class="btn-ios text-white text-xs font-bold px-4 py-2" style="background:#16a34a">📥 Nhập hàng về</button>` : ''}
          ${IS_DIRECTOR && !(p.nhaps || []).length ? `<button onclick="delXuat(${p.id})"
            class="btn-ios btn-ios-secondary text-red-600 text-xs font-semibold px-4 py-2">🗑️ Xóa phiếu (hoàn tồn kho)</button>` : ''}
        </div>
      </div>
    </div>`;
  }).join('');
}

function toggleXg(id) {
  _xgExpanded[id] = !_xgExpanded[id];
  renderPhieus();
}

async function delXuat(id) {
  if (!confirm('Xóa phiếu xuất này? Sản phẩm tồn kho đã gửi xưởng sẽ được hoàn về "Còn hàng".')) return;
  const r = await fetch(`/api/xuong/phieu-xuat/${id}`, {
    method: 'DELETE', headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({ pin: getPin() })
  });
  const d = await r.json();
  if (d.success) { loadPhieus(); loadProductsCache(); }
  else alert('❌ ' + _errLabel(d.error));
}

async function delNhap(id) {
  if (!confirm('Xóa phiếu nhập này? Sản phẩm đã tạo sẽ bị gỡ khỏi tồn kho và bút toán tiền công (nếu có) sẽ bị xóa khỏi sổ quỹ.')) return;
  const r = await fetch(`/api/xuong/phieu-nhap/${id}`, {
    method: 'DELETE', headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({ pin: getPin() })
  });
  const d = await r.json();
  if (d.success) { loadPhieus(); loadProductsCache(); }
  else alert('❌ ' + _errLabel(d.error));
}

// ── Modal nhập về ─────────────────────────────────────────────────────
let _nhapXuatId = null;

// ── KIM LOẠI CỦA DÒNG (1.9.0) — MIRROR xuong_db.phan_loai_dong + formula_db.khop_loai_vang /
// phan_loai_mac_dinh. Danh mục (nhóm + %) lấy từ /api/loai-vang/kim-loai theo THỨ TỰ KHỚP giá.
const KL_TEN_100 = { vang: 'vàng ta', bac: 'bạc nguyên chất', khac: 'kim loại khác' };
const KL_TEN_NGAN = { vang: 'vàng ta', bac: 'bạc', khac: 'khác' };
const KL_IC = { vang: '🟡', bac: '⚪', khac: '🟣' };
const KL_NEN = { vang: '#fef9c3', bac: '#f1f5f9', khac: '#f5f3ff' };
let _KL_DM = [];
async function loadKimLoai() {
  try {
    const d = await (await fetch('/api/loai-vang/kim-loai')).json();
    _KL_DM = (d.ds || []);
    const dl = document.getElementById('xk-loai-options');
    if (dl) dl.innerHTML = _KL_DM.filter(x => x.dang_dung).map(x => `<option value="${String(x.ma).replace(/"/g, '&quot;')}">${KL_TEN_NGAN[x.nhom] || ''}</option>`).join('');
    document.querySelectorAll('#xk-item-list .xg-row').forEach(r => xkKlCapNhat(r));
  } catch (e) { /* mất mạng — vẫn đoán theo chữ */ }
}
function klSoPct(v) {
  const x = parseFloat(String(v == null ? '' : v).replace(',', '.').replace('%', '').trim());
  return (x > 0 && x <= 100) ? x : null;
}
function _klPctTuoi(t) {
  const x = String(t || '').trim().toUpperCase();
  if (!x) return null;
  for (const tok of (x.match(/\d+(?:[.,]\d+)*/g) || [])) if (tok.replace(/[.,]/g, '') === '9999') return 100;
  let m = x.match(/(\d+(?:[.,]\d+)?)\s*K/);
  if (m) return Math.round(parseFloat(m[1].replace(',', '.')) / 24 * 10000) / 100;
  m = x.match(/(\d+(?:[.,]\d+)?)/);
  if (!m) return null;
  const v = parseFloat(m[1].replace(',', '.'));
  if (v >= 1000) return Math.round(v) / 100;
  if (v > 100) return Math.round(v * 10) / 100;
  return Math.round(v * 100) / 100;
}
function _klDoan(ma) {
  const s0 = String(ma || '').trim(), u = s0.toUpperCase();
  if (u.includes('BẠC') || u.includes('BAC') || u.startsWith('SILVER')) return { nhom: 'bac', hl: _klPctTuoi(s0) || 92.5 };
  if (u.includes('PLATIN') || u.includes('BẠCH KIM') || u.startsWith('PT')) return { nhom: 'khac', hl: 95 };
  const p = _klPctTuoi(s0);
  return p ? { nhom: 'vang', hl: p } : { nhom: 'khac', hl: null };
}
function _klKhop(gt) {
  let lo = String(gt || '').trim();
  if (lo.toLowerCase().startsWith('vàng ')) lo = lo.slice(5).trim();
  if (!lo) return null;
  const ex = _KL_DM.find(x => x.ma === lo);
  if (ex) return ex;
  return _KL_DM.find(x => lo === x.ma || lo.includes(x.ma) || x.ma.includes(lo)) || null;
}
function klTra(loai, tuoi) {
  for (const gt of [loai, tuoi]) { const k = _klKhop(gt); if (k) return { nhom: k.nhom, hl: k.ham_luong }; }
  const g = _klDoan(loai || tuoi || '');
  if (g.nhom === 'khac' && tuoi) { const g2 = _klDoan(tuoi); if (g2.nhom !== 'khac') return g2; }
  return g;
}
function klDong(loai, tuoi, pctGhi, klv, cu) {
  const t = klTra(loai, tuoi);
  const nhom = t.nhom || 'vang';
  let pct = klSoPct(pctGhi);
  if (pct == null) {
    if (nhom === 'vang') {
      pct = nhPctFromTuoi(tuoi);
      if (!(pct > 0)) pct = cu ? 100 : (t.hl || 100);
    } else {
      pct = /\d/.test(String(tuoi || '')) ? _klPctTuoi(tuoi) : null;
      if (!(pct > 0)) pct = t.hl || 100;
    }
  }
  return { nhom, pct, q: (klv || 0) * pct / 100 };
}
function klNhanNho(n) {
  const c = { vang: 'background:#fef3c7;color:#92400e', bac: 'background:#e2e8f0;color:#334155', khac: 'background:#ede9fe;color:#5b21b6' }[n] || '';
  return `<span class="kl-the" style="${c}">${KL_IC[n] || ''} ${KL_TEN_NGAN[n] || n || ''}</span>`;
}
function klTomTatPhieu(p) {
  const f = x => (x || 0).toLocaleString('vi-VN', { maximumFractionDigits: 3 });
  const qx = p.quy_doi_xuat || {}, qn = p.quy_doi_nhap || {}, hh = p.hao_hut_kl || {};
  const ks = ['vang', 'bac', 'khac'].filter(n => qx[n] || qn[n]);
  if (!ks.length) return 'xuất <strong>0 chỉ</strong>';
  return ks.map(n => {
    let t = `${KL_IC[n]} xuất <strong>${f(qx[n])} chỉ ${KL_TEN_NGAN[n]}</strong>`;
    if (p.nhaps && p.nhaps.length) {
      t += ` · về <strong>${f(qn[n])}</strong> · <span class="${(hh[n] || 0) > 0.0005 ? 'text-red-600 font-bold' : 'text-green-600'}">hao hụt ${f(hh[n])}</span>`;
    }
    return t;
  }).join(' &nbsp;|&nbsp; ');
}
// Dòng XUẤT: hiện kim loại + % đang dùng (ô trống = tự động) + lượng quy đổi 100%
function xkKlCapNhat(el) {
  const r = el.classList && el.classList.contains('xg-row') ? el : el.closest('.xg-row');
  if (!r) return;
  const loai = r.querySelector('.xk-loai').value, tuoi = r.querySelector('.xk-tuoi').value;
  const ghi = r.querySelector('.xk-pct').value;
  const klv = parseFloat(r.querySelector('.xk-klv').value) || 0;
  const k = klDong(loai, tuoi, ghi, klv, false);
  const tu = klDong(loai, tuoi, null, klv, false);
  r.querySelector('.xk-pct').placeholder = 'tự động ' + (tu.pct || 0).toLocaleString('vi-VN', { maximumFractionDigits: 3 });
  const box = r.querySelector('.xk-kl');
  if (!String(loai || '').trim() && !String(tuoi || '').trim()) {
    box.innerHTML = '<span class="text-gray-400">Nhập loại vàng / bạc để tự quy đổi</span>';
    return;
  }
  const sai = String(ghi || '').trim() && klSoPct(ghi) == null;
  box.innerHTML = sai ? '<span class="text-red-600 font-bold">⚠️ % không hợp lệ (0–100)</span>'
    : `${klNhanNho(k.nhom)} ${k.pct.toLocaleString('vi-VN', { maximumFractionDigits: 3 })}% → <strong>${k.q.toLocaleString('vi-VN', { maximumFractionDigits: 4 })}</strong> chỉ ${KL_TEN_100[k.nhom]}${String(ghi || '').trim() ? '' : ' <span class="text-gray-400">(tự động)</span>'}`;
}

function nhRowTemplate(it) {
  it = it || {};
  const esc = s => (s || '').toString().replace(/"/g, '&quot;');
  const pid = it.product_id ? ` data-product-id="${it.product_id}"` : '';
  return `<div class="xg-row" data-gbmode="auto"${pid}>
    <div class="grid grid-cols-2 sm:grid-cols-7 gap-2 items-end">
      <div><span class="lbl">Mã hàng</span><input class="nh-mahang inp font-mono text-xs" list="dl-nh-products" placeholder="Tự cấp / quét" value="${esc(it.ma_hang)}" oninput="nhOnMaInput(this)"></div>
      <div class="col-span-2 sm:col-span-2">
        <span class="lbl">Tên sản phẩm *</span>
        <input class="nh-ten inp" placeholder="VD: Nhẫn Tròn 9999" value="${esc(it.ten)}">
      </div>
      <div><span class="lbl">Loại vàng / bạc</span><input class="nh-loai inp" placeholder="9999/750/Bạc..." list="nh-loai-options" value="${esc(it.loai_vang)}" oninput="nhLoaiChanged(this)"></div>
      <div><span class="lbl">Tuổi</span><input class="nh-tuoi inp" placeholder="VD: 9999" value="${esc(it.tuoi)}" oninput="nhTuoiChanged(this)"></div>
      <div><span class="lbl">KL tổng (chỉ) *</span><input type="number" step="0.0001" class="nh-tl inp" placeholder="0.000" value="${it.trong_luong != null ? it.trong_luong : ''}" oninput="nhRecalc(); nhKlv(this); nhRowCalc(this)"></div>
      <div>
        <span class="lbl">KL đá (chỉ)</span>
        <div class="flex items-center gap-1">
          <input type="number" step="0.0001" class="nh-klda inp !pr-1" placeholder="0" value="${it.kl_da != null ? it.kl_da : ''}" oninput="nhKlv(this); nhRowCalc(this)">
          <button type="button" onclick="nhNhanBanRow(this)" title="Nhân bản — thêm 1 sản phẩm y hệt ngay bên cạnh (mã hàng tự cấp mới, không trùng)"
            class="w-7 h-7 rounded-full bg-teal-50 text-teal-600 flex items-center justify-center flex-shrink-0">📄</button>
          <button type="button" onclick="this.closest('.xg-row').remove(); nhRecalc(); nhUpdateCount()"
            class="w-7 h-7 rounded-full bg-red-50 text-red-500 flex items-center justify-center flex-shrink-0">✕</button>
        </div>
      </div>
      <div><span class="lbl">KLV (tịnh)</span><input class="nh-klv inp text-right" readonly value="${it.kl_vang != null ? it.kl_vang : ''}" style="background:#f8fafc;color:#334155;font-weight:600"></div>
    </div>
    <div class="grid grid-cols-2 sm:grid-cols-3 gap-2 items-end mt-1.5">
      <div><span class="lbl">% vàng/bạc (tự điền)</span><input type="number" step="0.01" class="nh-pct inp text-right" placeholder="tự điền" value="${it.phan_tram_vang != null ? it.phan_tram_vang : ''}" oninput="nhPctTouched(this)"></div>
      <div><span class="lbl">Quy đổi 100% <span class="nh-kl-ten font-normal normal-case"></span></span><input class="nh-vang100 inp text-right" readonly value="" style="background:#fef9c3;color:#92400e;font-weight:700" title="= KLV × %hàm lượng/100 — vàng quy ra vàng ta, bạc quy ra bạc nguyên chất"></div>
      <div><span class="lbl">Ký hiệu</span><input class="nh-kihieu inp" placeholder="Mã nội bộ (tùy chọn)" value="${esc(it.ki_hieu)}"></div>
    </div>
    <div class="grid grid-cols-2 sm:grid-cols-5 gap-2 items-end mt-1.5">
      <div class="nh-giacong-wrap"><span class="lbl" title="Chi phí trả xưởng → vào giá vốn + CHI sổ quỹ">🏭 Gia công xưởng (đ)</span><input type="text" inputmode="numeric" class="nh-tiencong-sp inp" placeholder="0" oninput="onSplitAmtInput(this); nhTcXuongChanged(this); nhUpdateGiaVon()"></div>
      <div class="nh-giacong-wrap"><span class="lbl" title="Công tính khi BÁN (thường cao hơn công xưởng để có lãi công cho người bán) → lưu vào sản phẩm">🏷️ Công bán (đ)</span><input type="text" inputmode="numeric" class="nh-tiencong-ban inp" placeholder="≥ công xưởng" style="border-color:#fcd34d" oninput="onSplitAmtInput(this); nhTcBanTouched(this)"></div>
      <div><span class="lbl">Tiền đá (đ)</span><input type="text" inputmode="numeric" class="nh-tienda inp" placeholder="0" oninput="onSplitAmtInput(this); nhRowCalc(this)"></div>
      <div><span class="lbl">Giá vốn (tự tính)</span><input type="text" class="nh-giavon inp" placeholder="—" readonly
        style="background:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534;font-weight:600"></div>
      <div>
        <span class="lbl">Giá bán (đ)</span>
        <div class="flex items-center gap-1">
          <input type="text" inputmode="numeric" class="nh-giaban inp !pr-1" placeholder="0" readonly
            style="background:#fffbeb;border:1.5px solid #fde68a;color:#92400e;font-weight:600"
            oninput="onSplitAmtInput(this)">
          <button type="button" class="nh-gb-toggle scan-btn !px-2 flex-shrink-0" title="Đang TỰ TÍNH theo công thức — bấm để nhập thủ công"
            onclick="nhToggleGbMode(this)">⚡</button>
        </div>
      </div>
    </div>
    <div class="nh-gb-hint hidden mt-1 text-[11px] text-amber-700"></div>
  </div>`;
}

function nhAddRow(it) {
  document.getElementById('nh-item-list').insertAdjacentHTML('beforeend', nhRowTemplate(it));
  nhUpdateCount();
}

// 27/08/2026 (chủ tiệm yêu cầu): "Nhân bản" — thêm 1 sản phẩm Y HỆT sản phẩm vừa nhập, ngay
// bên cạnh, khi nhập hàng về ở Xuất Nhập Đổi. Mã hàng CỐ Ý để TRỐNG (không copy từ dòng gốc,
// KHÔNG copy product_id) — server (`xuong_db.create_phieu_nhap`) đã có sẵn cơ chế `da_cap`
// tự cấp mã mới KHÔNG TRÙNG cho từng dòng thiếu mã trong CÙNG 1 lần nộp phiếu (đã kiểm tra
// kỹ khi rà item 3 — dùng lại đúng cơ chế đó, không cần tự sinh mã ở client). Dòng nhân bản
// LUÔN là hàng MỚI unlinked (không kế thừa data-product-id của dòng "quét-có-sẵn").
function nhNhanBanRow(btn) {
  const row = btn.closest('.xg-row');
  const val = sel => (row.querySelector(sel)?.value || '');
  nhAddRow({
    ma_hang: '',
    ten: val('.nh-ten'),
    loai_vang: val('.nh-loai'),
    tuoi: val('.nh-tuoi'),
    trong_luong: val('.nh-tl') || null,
    kl_da: val('.nh-klda') || null,
    kl_vang: val('.nh-klv') || null,
    phan_tram_vang: val('.nh-pct') || null,
    ki_hieu: val('.nh-kihieu'),
  });
  const newRow = document.querySelector('#nh-item-list .xg-row:last-child');
  newRow.querySelector('.nh-tiencong-sp').value = val('.nh-tiencong-sp');
  newRow.querySelector('.nh-tiencong-ban').value = val('.nh-tiencong-ban');
  newRow.querySelector('.nh-tienda').value = val('.nh-tienda');
  nhRowCalc(newRow.querySelector('.nh-tl'));
  nhUpdateGiaVon();
  nhUpdateCount();
  newRow.scrollIntoView({ behavior: 'smooth', block: 'center' });
}
// Đếm số món đã thêm (dòng có Tên hoặc KL tổng > 0)
function nhUpdateCount() {
  let n = 0;
  document.querySelectorAll('#nh-item-list .xg-row').forEach(r => {
    if (r.querySelector('.nh-ten').value.trim() || (parseFloat(r.querySelector('.nh-tl').value) || 0) > 0) n++;
  });
  const el = document.getElementById('nh-count'); if (el) el.textContent = n;
}
// KLV (vàng tịnh) = KL tổng − KL đá
function nhKlv(el) {
  const r = el.closest('.xg-row');
  const tl = parseFloat(r.querySelector('.nh-tl').value) || 0;
  const klda = parseFloat(r.querySelector('.nh-klda').value) || 0;
  r.querySelector('.nh-klv').value = klvExact(tl, klda);   // KHÔNG làm tròn
  nhUpdateCount();
  nhUpdateGiaVon();   // KLV đổi → vàng 100% + giá vốn tự tính lại
}
// Tồn kho để quét (con_hang) — nạp lúc mở modal
let nhProducts = [];
async function loadNhProducts() {
  try {
    const d = await (await fetch('/api/pos/products?status=con_hang')).json();
    nhProducts = d.products || [];
    const dl = document.getElementById('dl-nh-products');
    if (dl) dl.innerHTML = nhProducts.map(p =>
      `<option value="${(p.ma_hang || '').replace(/"/g, '&quot;')}">${(p.ten || '').replace(/"/g, '&quot;')} · ${p.trong_luong || 0} chỉ</option>`).join('');
  } catch (e) {}
}
// Danh sách NSX/NPP để chọn (tự điền địa chỉ + TCCS) — như "Nhập hàng mới"
let _nhMf = { nsx: [], npp: [] };
async function loadNhMf() {
  try {
    const d = await (await fetch('/api/pos/manufacturers')).json();
    _nhMf.nsx = (d.manufacturers || []).filter(m => m.loai === 'nsx' || m.loai === 'both');
    _nhMf.npp = (d.manufacturers || []).filter(m => m.loai === 'npp' || m.loai === 'both');
    nhPopMf('nh-nsx', 'nsx'); nhPopMf('nh-npp', 'npp');
  } catch (e) {}
}
function nhPopMf(selId, loai) {
  const sel = document.getElementById(selId);
  if (!sel) return;
  const prev = sel.value;
  const opts = _nhMf[loai] || [];
  sel.innerHTML = `<option value="">— Chọn ${loai.toUpperCase()} —</option>` + opts.map(m =>
    `<option value="${(m.ten || '').replace(/"/g, '&quot;')}" data-dia="${(m.dia_chi || '').replace(/"/g, '&quot;')}" data-tccs="${(m.tccs || '').replace(/"/g, '&quot;')}">${m.ten}</option>`).join('');
  if (prev) sel.value = prev;
}
function nhOnNSX() {
  const opt = document.getElementById('nh-nsx').selectedOptions[0];
  document.getElementById('nh-dc-nsx').value = (opt && opt.dataset.dia) || '';
  document.getElementById('nh-tccs').value   = (opt && opt.dataset.tccs) || '';
}
function nhOnNPP() {
  const opt = document.getElementById('nh-npp').selectedOptions[0];
  document.getElementById('nh-dc-npp').value = (opt && opt.dataset.dia) || '';
}

// Điền 1 dòng từ sản phẩm tồn kho có sẵn (quét-có-sẵn → giữ giá vốn, chỉ link)
function nhFillFromProduct(p, r) {
  r.dataset.productId = p.id;
  r.querySelector('.nh-mahang').value = p.ma_hang || '';
  r.querySelector('.nh-ten').value = p.ten || '';
  r.querySelector('.nh-loai').value = p.loai_vang || '';
  r.querySelector('.nh-tuoi').value = p.tuoi || p.loai_vang || '';
  r.querySelector('.nh-tl').value = p.trong_luong || 0;
  r.querySelector('.nh-klda').value = p.kl_da || 0;
  r.querySelector('.nh-klv').value = (p.kl_vang != null ? p.kl_vang : klvExact(p.trong_luong, p.kl_da));
  // %vàng tự điền theo tuổi (sửa được)
  const pEl = r.querySelector('.nh-pct');
  if (pEl) { const k = klDong(p.loai_vang, p.tuoi, null, 0, _nhQuyTacCu); pEl.value = k.pct > 0 ? k.pct : ''; delete r.dataset.pctTouched; }
  // GIÁ BÁN để TỰ TÍNH ⚡ theo công thức (KLV × giá vàng hiện tại + công bán + đá) — đúng quy ước
  // "giá bán không ghi → tính tự động". Giá bán cũ của SP là số gõ tay lúc "Nhập hàng mới", giữ lại
  // là lệch (giá vốn cũng đã được tính lại theo công thức xưởng).
  nhSetGbMode(r, true);
  nhRecalc(); nhUpdateCount();
}
// Gõ Mã hàng khớp SKU tồn kho → tự điền + link
function nhOnMaInput(input) {
  const r = input.closest('.xg-row');
  const val = input.value.trim().toLowerCase();
  if (!val) { delete r.dataset.productId; return; }
  const p = nhProducts.find(x => (x.ma_hang || '').trim().toLowerCase() === val);
  if (p) nhFillFromProduct(p, r);
  else delete r.dataset.productId;   // mã lạ = hàng mới, tự cấp/giữ mã gõ
}
// Quét mã vạch: có trong kho → điền + link; không có → thêm dòng mới với mã đó
function nhScanIntoRow(code) {
  const msg = document.getElementById('nh-scan-msg');
  code = (code || '').trim();
  if (!code) return;
  const p = nhProducts.find(x => (x.ma_hang || '').trim().toLowerCase() === code.toLowerCase());
  const dup = [...document.querySelectorAll('#nh-item-list .xg-row')].find(r => (r.dataset.productId && p && r.dataset.productId == p.id));
  if (dup) { msg.textContent = `⚠ "${p.ten || p.ma_hang}" đã có trong danh sách rồi.`; msg.style.color = '#d97706'; return; }
  // tái dùng dòng trống cuối
  let rows = document.querySelectorAll('#nh-item-list .xg-row');
  let r = rows[rows.length - 1];
  const trong = r && !r.dataset.productId && !r.querySelector('.nh-ten').value.trim() && !r.querySelector('.nh-mahang').value.trim();
  if (!trong) { nhAddRow(); rows = document.querySelectorAll('#nh-item-list .xg-row'); r = rows[rows.length - 1]; }
  if (p) {
    nhFillFromProduct(p, r);
    // Giá vốn gõ tay lúc "Nhập hàng mới" sẽ bị TÍNH LẠI theo vàng đã xuất + công xưởng.
    // Cách chuẩn (chủ tiệm chốt): Giám đốc XÓA món lỡ tạo rồi khai mới ngay tại đây.
    msg.innerHTML = `✓ Đã điền từ tồn kho: <b>${p.ten || p.ma_hang}</b>`
      + `<br><span style="color:#b45309">⚠️ Giá vốn gõ tay (${fmt(Math.round((p.gia_von||0)*1000))}đ) sẽ được `
      + `TÍNH LẠI theo vàng xuất + công xưởng. Chuẩn nhất: Giám đốc xóa món này ở Tồn kho rồi khai mới ở đây.</span>`;
    msg.style.color = '#16a34a';
  }
  else { r.querySelector('.nh-mahang').value = code; delete r.dataset.productId; r.querySelector('.nh-ten').focus(); msg.textContent = `➕ Mã "${code}" chưa có trong kho → hàng mới, điền thông tin.`; msg.style.color = '#2563eb'; }
  nhUpdateCount();
}

// ── Giá bán tự tính theo công thức (giống trang Tồn kho): KLV × giá bán loại
// vàng (bảng giá) + tiền công + tiền đá. Mặc định TỰ TÍNH, bấm ⚡/✏️ để đổi.
let _priceMap = {};
async function nhFetchPrices() {
  try {
    const r = await fetch('/api/prices');
    const d = await r.json();
    _priceMap = {};
    (d.prices || []).forEach(p => { _priceMap[p.loai] = p.ban; });
    const dl = document.getElementById('nh-loai-options');
    if (dl) dl.innerHTML = Object.keys(_priceMap).map(l => `<option value="${l}">`).join('');
  } catch (e) {}
}

function findGiaVang(loai) {
  if (!loai) return 0;
  const lo = loai.trim();
  if (_priceMap[lo]) return _priceMap[lo];
  for (const [k, v] of Object.entries(_priceMap)) {
    if (lo.includes(k) || k.includes(lo)) return v;
  }
  return 0;
}

const _numD = el => parseFloat((el.value || '').replace(/\./g, '')) || 0;   // ô tiền (đ) có dấu chấm

// Đặt chế độ GIÁ BÁN cho 1 dòng và ĐỒNG BỘ đủ 3 thứ: cờ dataset + nút ⚡/✏️ + ô nhập.
// (Lỗi cũ: nhFillFromProduct chỉ đổi dataset='manual' mà không đổi nút/ô → nhìn thì tưởng
//  đang TỰ TÍNH ⚡ nhưng thực tế là thủ công, giá không tự tính lại.)
function nhSetGbMode(row, auto) {
  row.dataset.gbmode = auto ? 'auto' : 'manual';
  const btn = row.querySelector('.nh-gb-toggle');
  const inp = row.querySelector('.nh-giaban');
  if (btn) {
    btn.textContent = auto ? '⚡' : '✏️';
    btn.title = auto ? 'Đang TỰ TÍNH theo công thức — bấm để nhập thủ công'
                     : 'Đang nhập THỦ CÔNG — bấm để tự tính theo công thức';
  }
  if (inp) {
    inp.readOnly = auto;
    inp.style.cssText = auto
      ? 'background:#fffbeb;border:1.5px solid #fde68a;color:#92400e;font-weight:600'
      : '';
    if (auto) nhRowCalc(inp);
  }
}

function nhToggleGbMode(btn) {
  const row = btn.closest('.xg-row');
  nhSetGbMode(row, row.dataset.gbmode !== 'auto');   // đảo chế độ
}

// Công XƯỞNG đổi → nếu Công BÁN chưa sửa tay thì auto = công xưởng (chủ tiệm bơm lên sau) + tính giá bán
function nhTcXuongChanged(el) {
  const r = el.closest('.xg-row');
  const ban = r.querySelector('.nh-tiencong-ban');
  if (ban && r.dataset.tcBanTouched !== '1') ban.value = el.value;
  nhRowCalc(el);
}
function nhTcBanTouched(el) { el.closest('.xg-row').dataset.tcBanTouched = '1'; nhRowCalc(el); }

function nhRowCalc(el) {
  const row = el.closest('.xg-row');
  const loai = row.querySelector('.nh-loai').value.trim();
  const tl   = parseFloat(row.querySelector('.nh-tl').value) || 0;
  const klda = parseFloat(row.querySelector('.nh-klda').value) || 0;
  const klv  = klvExact(tl, klda);
  const tc   = _numD(row.querySelector('.nh-tiencong-ban'));   // GIÁ BÁN dùng CÔNG BÁN (không phải công xưởng)
  const td   = _numD(row.querySelector('.nh-tienda'));
  const hint = row.querySelector('.nh-gb-hint');
  const gv   = findGiaVang(loai);   // k/chỉ
  const price = klv * gv * 1000 + tc + td;
  if (row.dataset.gbmode === 'auto') {
    row.querySelector('.nh-giaban').value = price ? formatSplitAmt(Math.round(price)) : '';
  }
  if (gv > 0 && klv > 0) {
    hint.textContent = `💡 ${klv.toLocaleString('vi-VN', {maximumFractionDigits: 3})}chỉ × ${fmt(gv * 1000)}đ + công ${fmt(tc)}đ + đá ${fmt(td)}đ = ${fmt(Math.round(price))}đ`;
    hint.classList.remove('hidden');
  } else if (loai && klv > 0) {
    hint.textContent = `⚠️ Không tìm thấy giá loại vàng "${loai}" trong bảng giá — nhập giá bán thủ công (bấm ⚡).`;
    hint.classList.remove('hidden');
  } else {
    hint.classList.add('hidden');
  }
}

function nhRecalc() {
  const px = _phieus.find(p => p.id === _nhapXuatId) || {};
  let tl = 0;
  document.querySelectorAll('#nh-item-list .nh-tl').forEach(i => tl += parseFloat(i.value) || 0);
  document.getElementById('nh-tl-nhap').textContent = tl.toLocaleString('vi-VN', {maximumFractionDigits: 3});
  // KHÔNG trừ TL thô để ra hao hụt nữa: TL thô gộp nhiều tuổi vàng (9999/750/10K…) nên trừ nhau
  // là VÔ NGHĨA (VD xuất 9,268 chỉ thô = 5,0007 chỉ vàng ta, nhận 1 chỉ vàng 9999 → hao hụt thật
  // 4,0007 chứ không phải 8,268). Ô hao hụt nay do nhUpdateGiaVon điền theo VÀNG TA 100%.
  nhUpdateGiaVon();   // trọng lượng đổi → giá vốn + hao hụt vàng ta tính lại theo
}

function onNhHtttChange() {
  document.getElementById('nh-split-row').style.display =
    document.getElementById('nh-hinhthuc').value === 'ca_hai' ? 'grid' : 'none';
}

let _nhTongGiaVonXuat = 0;   // Σ giá vốn hàng xuất (nghìn) — tổng để phân bổ cho hàng nhận về
let _nhTongVang100Xuat = 0;  // Σ vàng 100% xuất đi (chỉ) — để so hao hụt với hàng nhận về
let _nhDaPhanBo = 0;         // giá vốn nền các ĐỢT NHẬP TRƯỚC đã ăn (xưởng trả dần)
let _nhConLai = 0;           // giá vốn còn lại chưa phân bổ
let _nhDonGiaVang = 0;       // đơn giá vốn theo vàng ta (nghìn/chỉ vàng 100%)
let _nhVang100DaNhan = 0;    // vàng ta các ĐỢT TRƯỚC đã nhận (để tính hao hụt đúng khi trả dần)
// 1.9.0 — theo kim loại ('vang' | 'bac' | 'khac'): giá vốn + quy đổi hàng XUẤT, nền + quy đổi các đợt TRƯỚC
let _nhKlXuatGv = {}, _nhKlXuatQ = {}, _nhKlPrevNen = {}, _nhKlPrevQ = {};
let _nhLoai = 'xuong'; // 'xuong' | 'khach'
let _nhQuyTacCu = false;    // phiếu xuất lập trước 1.8.9 → giữ quy tắc cũ 9999 = 99,99% (số lịch sử không đổi)

// Quy đổi TUỔI VÀNG → %vàng (khớp backend xuong_db.tuoi_to_pct — giữ 2 hàm KHỚP nhau)
// Quy định 1.8.9: chuỗi có cụm 9999 (kể cả '9999 ép vỉ', '9999EV', '99.99', '999,9') → 100%.
function nhPctFromTuoi(tuoi) {
  const s = (tuoi || '').trim().toUpperCase();
  if (!s) return null;
  const r2 = x => Math.round(x * 100) / 100;
  if (!_nhQuyTacCu) {
    for (const tok of (s.match(/\d+(?:[.,]\d+)*/g) || [])) {
      if (tok.replace(/[.,]/g, '') === '9999') return 100;
    }
  }
  let m = s.match(/(\d+(?:[.,]\d+)?)\s*K/);                 // Karat: 18K, 10K...
  if (m) return r2(parseFloat(m[1].replace(',', '.')) / 24 * 100);
  m = s.match(/(\d+(?:[.,]\d+)?)/);
  if (!m) return null;
  const v = parseFloat(m[1].replace(',', '.'));
  if (v >= 1000) return r2(v / 100);   // số ‰ x10 khác 9999 (hiếm)
  if (v > 100)   return r2(v / 10);    // 750/610/995 → 75/61/99.5
  return r2(v);                        // ≤100 → đã là %
}
// %vàng sửa tay → không tự ghi đè khi đổi tuổi
function nhPctTouched(el) { el.closest('.xg-row').dataset.pctTouched = '1'; nhUpdateGiaVon(); }
// Đổi tuổi → tự điền %vàng (nếu chưa sửa tay) rồi tính lại giá vốn
function nhTuoiChanged(el) {
  const r = el.closest('.xg-row');
  if (r.dataset.pctTouched !== '1') {
    const k = klDong(r.querySelector('.nh-loai').value, r.querySelector('.nh-tuoi').value, null, 0, _nhQuyTacCu);
    const pEl = r.querySelector('.nh-pct');
    if (pEl) pEl.value = k.pct > 0 ? k.pct : '';
  }
  nhUpdateGiaVon();
}
// Đổi loại vàng/bạc → tự điền lại % (nếu chưa sửa tay) + tính lại giá bán
function nhLoaiChanged(el) { nhTuoiChanged(el); nhRowCalc(el); }

function openNhapModal(xuatId) {
  _nhapXuatId = xuatId;
  const px = _phieus.find(p => p.id === xuatId);
  if (!px) return;
  _nhLoai = px.loai_noi_nhan || 'xuong';
  _nhQuyTacCu = !!px.quy_tac_cu;
  const laKhach = _nhLoai === 'khach';
  // Cơ sở tính giá vốn hàng nhận về (từ snapshot trong phiếu xuất):
  //  • Tổng giá vốn hàng xuất = Σ giá vốn snapshot  → mẫu số phân bổ.
  //  • Tổng vàng 100% xuất đi = Σ (KLV × %tuổi)     → để so hao hụt.
  _nhTongGiaVonXuat  = (px.items || []).reduce((a, i) => a + (parseFloat(i.gia_von) || 0), 0);
  // 1.9.0: theo TỪNG KIM LOẠI — server đã gắn sẵn nhom_kl / quy_doi cho mỗi dòng xuất + nhận
  _nhKlXuatGv = {}; _nhKlXuatQ = {}; _nhKlPrevNen = {}; _nhKlPrevQ = {};
  (px.items || []).forEach(i => {
    const n = i.nhom_kl || 'vang';
    _nhKlXuatGv[n] = (_nhKlXuatGv[n] || 0) + (parseFloat(i.gia_von) || 0);
    _nhKlXuatQ[n] = (_nhKlXuatQ[n] || 0) + (parseFloat(i.quy_doi) || 0);
  });
  (px.nhaps || []).forEach(nh => (nh.items || []).forEach(i => {
    const n = i.nhom_kl || 'vang';
    _nhKlPrevNen[n] = (_nhKlPrevNen[n] || 0) + (parseFloat(i.gia_von_nen) || 0);
    _nhKlPrevQ[n] = (_nhKlPrevQ[n] || 0) + (parseFloat(i.quy_doi) || 0);
  }));
  // Tổng quy đổi lấy đúng số server đã cộng (tránh lệch 0,0001 do cộng số đã làm tròn từng dòng)
  if (px.quy_doi_xuat) _nhKlXuatQ = Object.assign({}, px.quy_doi_xuat);
  if (px.quy_doi_nhap) _nhKlPrevQ = Object.assign({}, px.quy_doi_nhap);
  _nhTongVang100Xuat = _nhKlXuatQ.vang || 0;
  // XƯỞNG TRẢ DẦN: giá vốn nền các ĐỢT TRƯỚC đã nhận → đợt này chỉ được ăn phần CÒN LẠI
  _nhDaPhanBo = Object.values(_nhKlPrevNen).reduce((a, v) => a + v, 0);
  _nhConLai = Math.max(_nhTongGiaVonXuat - _nhDaPhanBo, 0);
  _nhDonGiaVang = _nhTongVang100Xuat > 0 ? (_nhKlXuatGv.vang || 0) / _nhTongVang100Xuat : 0;
  _nhVang100DaNhan = _nhKlPrevQ.vang || 0;

  document.getElementById('nh-ma-xuat').textContent = px.ma_phieu;
  document.getElementById('nh-noinhan-label').textContent = laKhach ? 'Khách' : 'Xưởng';
  document.getElementById('nh-ten-xuong').textContent = (laKhach ? px.khach_ten : px.ten_xuong) || '—';
  document.getElementById('nh-tl-xuat').textContent = (px.tong_tl_xuat || 0).toLocaleString('vi-VN', {maximumFractionDigits: 3});
  // Hiện đúng khối tiền + ô tiền gia công theo loại
  document.getElementById('nh-money-xuong').classList.toggle('hidden', laKhach);
  document.getElementById('nh-money-khach').classList.toggle('hidden', !laKhach);
  document.getElementById('nh-item-list').innerHTML = '';
  nhAddRow();
  document.querySelectorAll('.nh-giacong-wrap').forEach(e => e.classList.toggle('hidden', laKhach));
  ['nh-nguoinhan','nh-ghichu','nh-split-tm','nh-split-ck','nh-tra-khach','nh-khach-tra'].forEach(id => document.getElementById(id).value = '');
  document.getElementById('nh-hinhthuc').value = 'tien_mat';
  document.getElementById('nh-hoanthanh').checked = true;
  document.getElementById('nh-msg').textContent = '';
  document.getElementById('nh-scan-msg').textContent = '';
  document.getElementById('nh-scan-barcode').value = '';
  loadNhProducts();   // làm mới tồn kho để quét (hàng có thể vừa tạo ở "Nhập hàng mới")
  loadNhMf();         // nạp NSX/NPP cho section "Thông tin tem"
  if (!document.getElementById('nh-xuatxu').value.trim()) document.getElementById('nh-xuatxu').value = 'Việt Nam';
  onNhHtttChange(); nhRecalc(); nhUpdateGiaVon(); nhUpdateCount();
  document.getElementById('nhap-modal').classList.remove('hidden');
}

// GIÁ VỐN từng SP nhận về theo VÀNG 100%: gv = A + B
//   A = (vàng 100% SP / Σ vàng 100% nhận về) × TỔNG GIÁ VỐN HÀNG XUẤT
//   B = tiền gia công SP (xưởng) | suất tiền khách × TL (đổi khách)
// + cập nhật panel khớp vàng (xuất/nhận/chênh) + cảnh báo hao hụt.
function nhUpdateGiaVon() {
  const rows = [...document.querySelectorAll('#nh-item-list .xg-row')];
  const laKhach = _nhLoai === 'khach';
  const tongTlIn = rows.reduce((a, r) => a + (parseFloat(r.querySelector('.nh-tl').value) || 0), 0);
  const traKhach = _numD(document.getElementById('nh-tra-khach')) / 1000;   // nghìn
  const khachTra = _numD(document.getElementById('nh-khach-tra')) / 1000;
  const suatKhach = (laKhach && tongTlIn > 0) ? (traKhach - khachTra) / tongTlIn : 0;  // nghìn/chỉ

  // Vòng 1: quy đổi 100% từng dòng THEO KIM LOẠI (mirror xuong_db.phan_loai_dong)
  const per = [];
  let tongGiaCong = 0;
  const qNhan = {};
  rows.forEach(r => {
    const tl = parseFloat(r.querySelector('.nh-tl').value) || 0;
    const klda = parseFloat(r.querySelector('.nh-klda').value) || 0;
    const klv = klvExact(tl, klda);
    const k = klDong(r.querySelector('.nh-loai').value, r.querySelector('.nh-tuoi').value,
                     r.querySelector('.nh-pct')?.value, klv, _nhQuyTacCu);
    const tcong = _numD(r.querySelector('.nh-tiencong-sp')) / 1000;   // nghìn
    tongGiaCong += tcong;
    qNhan[k.nhom] = (qNhan[k.nhom] || 0) + k.q;
    per.push({ r, tl, nhom: k.nhom, q: k.q, tcong });
    const v100El = r.querySelector('.nh-vang100');
    if (v100El) v100El.value = k.q > 0 ? k.q.toLocaleString('vi-VN', { maximumFractionDigits: 4 }) : '';
    const tenEl = r.querySelector('.nh-kl-ten');
    if (tenEl) tenEl.textContent = '(' + KL_TEN_100[k.nhom] + ')';
  });

  // Vòng 2: giá vốn nền theo đúng kim loại; đợt cuối bảo toàn tổng (kim loại lệch cặp dồn vào đây)
  const laDotCuoi = document.getElementById('nh-hoanthanh').checked;
  let bases = per.map(x => {
    const n = x.nhom;
    if (!(n in _nhKlXuatGv)) return 0;
    if (laDotCuoi) {
      const cl = Math.max(_nhKlXuatGv[n] - (_nhKlPrevNen[n] || 0), 0);
      return qNhan[n] > 0 ? x.q / qNhan[n] * cl : 0;
    }
    return _nhKlXuatQ[n] > 0 ? x.q * _nhKlXuatGv[n] / _nhKlXuatQ[n] : 0;
  });
  if (laDotCuoi) {
    const tb = bases.reduce((a, b) => a + b, 0);
    if (tb > 0) bases = bases.map(b => b * _nhConLai / tb);
    else {
      const tq = per.reduce((a, x) => a + x.q, 0);
      bases = per.map(x => tq > 0 ? x.q / tq * _nhConLai : 0);
    }
  }
  per.forEach((x, i) => {
    const gv = laKhach ? (bases[i] + suatKhach * x.tl) : (bases[i] + x.tcong);
    const gvEl = x.r.querySelector('.nh-giavon');
    if (gvEl) gvEl.value = gv > 0 ? fmt(Math.round(gv * 1000)) : '';
  });

  // Panel đối chiếu RIÊNG từng kim loại (vàng ta / bạc / khác)
  const f3 = x => (x || 0).toLocaleString('vi-VN', { maximumFractionDigits: 4 });
  const setTxt = (id, v) => { const e = document.getElementById(id); if (e) e.textContent = v; };
  const kls = ['vang', 'bac', 'khac'].filter(n => (_nhKlXuatQ[n] || 0) > 0 || (qNhan[n] || 0) > 0 || (_nhKlPrevQ[n] || 0) > 0);
  const tomTat = [], canhBao = [];
  document.getElementById('nh-kl-bang').innerHTML = kls.map(n => {
    const xuat = _nhKlXuatQ[n] || 0, truoc = _nhKlPrevQ[n] || 0, nay = qNhan[n] || 0;
    const nhan = truoc + nay, chenh = xuat - nhan;
    const ten = KL_TEN_100[n];
    tomTat.push(`${KL_IC[n]} ${f3(chenh)} chỉ ${KL_TEN_NGAN[n]}`);
    if (nhan - xuat > 0.005) canhBao.push({ d: true, t: `⚠️ ${ten} nhận về (${f3(nhan)}) NHIỀU HƠN xuất đi (${f3(xuat)}) — kiểm tra lại loại/hàm lượng/khối lượng từng món.` });
    else if (xuat > 0 && chenh > xuat * 0.05 + 0.005) canhBao.push({ d: false, t: `⚠️ Hao hụt ${ten} cao (${f3(chenh)} chỉ ≈ ${Math.round(chenh / xuat * 100)}%) — kiểm tra lại nếu bất thường.` });
    if (xuat === 0 && nay > 0) canhBao.push({ d: false, t: `ℹ️ Phiếu xuất KHÔNG có ${KL_TEN_NGAN[n]} nhưng đang nhận ${KL_TEN_NGAN[n]} về — giá vốn của kim loại đã xuất sẽ dồn sang các món này.` });
    return `<div class="rounded-lg px-2 py-1.5" style="background:${KL_NEN[n]}">
      <div class="font-bold text-xs mb-0.5">${KL_IC[n]} ${ten} (100%)</div>
      <div class="flex justify-between gap-2"><span>Xuất đi:</span><span><strong>${f3(xuat)}</strong> chỉ</span></div>
      <div class="flex justify-between gap-2"><span>Nhận về (tự cộng):</span><span><strong>${f3(nhan)}</strong> chỉ${truoc > 0 ? ` <span class="text-[11px] text-gray-500">(đợt trước ${f3(truoc)} + đợt này ${f3(nay)})</span>` : ''}</span></div>
      <div class="flex justify-between gap-2"><span>⚖️ Hao hụt:</span><span><strong class="${chenh > 0.0005 ? 'text-red-600' : 'text-green-600'}">${f3(chenh)}</strong> chỉ</span></div>
    </div>`;
  }).join('') || '<div class="text-xs text-gray-500">Chưa có dữ liệu quy đổi.</div>';
  const hhEl = document.getElementById('nh-haohut');
  if (hhEl) { hhEl.textContent = tomTat.join(' · ') || '0'; hhEl.className = 'text-red-600'; }
  const warn = document.getElementById('nh-vang100-warn');
  if (warn) {
    if (canhBao.length) {
      const dao = canhBao.some(c => c.d);
      warn.className = 'text-xs font-bold rounded-lg px-2 py-1 border ' + (dao ? 'bg-red-100 text-red-700 border-red-300' : 'bg-amber-100 text-amber-800 border-amber-300');
      warn.innerHTML = canhBao.map(c => `<div>${c.t}</div>`).join('');
      warn.classList.remove('hidden');
    } else warn.classList.add('hidden');
  }
  setTxt('nh-tong-giavon-xuat', fmt(Math.round(_nhTongGiaVonXuat * 1000)) + ' đ');

  const tgcEl = document.getElementById('nh-tong-giacong');
  if (tgcEl) tgcEl.textContent = fmt(Math.round(tongGiaCong * 1000)) + ' đ';
  const netEl = document.getElementById('nh-net-khach');
  if (netEl) {
    const net = Math.round((traKhach - khachTra) * 1000);
    netEl.textContent = fmt(net) + ' đ' + (net > 0 ? ' (tiệm trả khách)' : net < 0 ? ' (khách trả tiệm)' : '');
  }
}

function closeNhapModal() {
  document.getElementById('nhap-modal').classList.add('hidden');
  _nhQuyTacCu = false;   // quy tắc 9999 cũ chỉ áp trong modal nhập của phiếu cũ, đóng là trả về quy tắc mới
}

async function submitNhap() {
  const msg = document.getElementById('nh-msg');
  const items = [];
  // Thông tin tem DÙNG CHUNG cho mọi SP nhập (chép vào từng SP như "Nhập hàng mới")
  const _v = id => (document.getElementById(id)?.value || '').trim();
  const tem = {
    nha_san_xuat: _v('nh-nsx'), dia_chi_nsx: _v('nh-dc-nsx'),
    nha_phan_phoi: _v('nh-npp'), dia_chi_npp: _v('nh-dc-npp'),
    tccs: _v('nh-tccs'), xuat_xu: _v('nh-xuatxu'),
    loai_san_pham: _v('nh-loaisp'), don_vi: _v('nh-donvi') || 'Chỉ',
  };
  document.querySelectorAll('#nh-item-list .xg-row').forEach(r => {
    const ten = r.querySelector('.nh-ten').value.trim();
    const tl  = parseFloat(r.querySelector('.nh-tl').value) || 0;
    const pid = r.dataset.productId ? parseInt(r.dataset.productId) : null;
    if (!ten && !tl && !pid) return;
    const klda = parseFloat(r.querySelector('.nh-klda').value) || 0;
    items.push({
      product_id: pid,   // có → SERVER LINK sản phẩm có sẵn, giữ nguyên giá vốn (không tạo trùng)
      ma_hang: r.querySelector('.nh-mahang').value.trim(),
      ten, loai_vang: r.querySelector('.nh-loai').value.trim(),
      tuoi: r.querySelector('.nh-tuoi').value.trim(),
      trong_luong: tl, kl_da: klda, kl_vang: klvExact(tl, klda),
      don_vi: tem.don_vi,
      // Thông tin tem đầy đủ (như Nhập hàng mới) — SP link bỏ qua (server giữ nguyên SP cũ)
      ki_hieu: (r.querySelector('.nh-kihieu')?.value || '').trim(),
      loai_san_pham: tem.loai_san_pham,
      nha_san_xuat: tem.nha_san_xuat, dia_chi_nsx: tem.dia_chi_nsx,
      nha_phan_phoi: tem.nha_phan_phoi, dia_chi_npp: tem.dia_chi_npp,
      tccs: tem.tccs, xuat_xu: tem.xuat_xu,
      // %vàng (hàm lượng) — server dùng quy đổi vàng 100% để phân bổ giá vốn
      phan_tram_vang: (function () {
        const p = parseFloat(r.querySelector('.nh-pct')?.value); if (p > 0) return p;
        return null;   // trống → server tự lấy hàm lượng theo đúng kim loại (tuổi / danh mục loại vàng)
      })(),
      // GIÁ VỐN do SERVER tự tính (hàng mới). tien_cong = CÔNG XƯỞNG (→ giá vốn + CHI sổ quỹ).
      // tien_cong_ban = CÔNG BÁN (→ products.tien_cong, dùng khi bán); trống → server mặc định = công xưởng.
      tien_cong: _numD(r.querySelector('.nh-tiencong-sp')) / 1000,
      tien_cong_ban: (function () { const b = _numD(r.querySelector('.nh-tiencong-ban')); return b > 0 ? b / 1000 : null; })(),
      tien_da:   _numD(r.querySelector('.nh-tienda')) / 1000,
      gia_ban:   _numD(r.querySelector('.nh-giaban')) / 1000,
    });
  });
  if (!items.length) { msg.textContent = '⚠️ Thêm ít nhất 1 sản phẩm.'; msg.className = 'text-sm text-amber-600'; return; }
  const httt = document.getElementById('nh-hinhthuc').value;
  const laKhach = _nhLoai === 'khach';
  const traKhachD = _numD(document.getElementById('nh-tra-khach'));
  const khachTraD = _numD(document.getElementById('nh-khach-tra'));
  // Số tiền cần chia TM/CK khi 'ca hai': xưởng = tổng tiền gia công; khách = |chênh lệch|
  const tongGiaCongD = items.reduce((a, i) => a + (i.tien_cong || 0) * 1000, 0);
  const soTienD = laKhach ? Math.abs(traKhachD - khachTraD) : tongGiaCongD;
  if (httt === 'ca_hai' && soTienD > 0) {
    const tm = _numD(document.getElementById('nh-split-tm'));
    const ck = _numD(document.getElementById('nh-split-ck'));
    if (Math.round(tm + ck) !== Math.round(soTienD)) {
      msg.textContent = `⚠️ TM (${fmt(tm)}) + CK (${fmt(ck)}) phải bằng đúng số tiền ${fmt(soTienD)} đ.`;
      msg.className = 'text-sm text-amber-600'; return;
    }
  }
  msg.textContent = '⏳ Đang lưu...'; msg.className = 'text-sm text-gray-500';
  const r = await fetch(`/api/xuong/phieu-xuat/${_nhapXuatId}/nhap`, {
    method: 'POST', headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({
      pin: getPin(),
      nguoi_nhan: document.getElementById('nh-nguoinhan').value.trim(),
      ghi_chu: document.getElementById('nh-ghichu').value.trim(),
      items,
      tien_tra_khach: laKhach ? traKhachD / 1000 : 0,   // nghìn
      tien_khach_tra: laKhach ? khachTraD / 1000 : 0,
      hinh_thuc_tt: httt,
      so_tien_tien_mat: httt === 'ca_hai' ? document.getElementById('nh-split-tm').value : 0,
      so_tien_chuyen_khoan: httt === 'ca_hai' ? document.getElementById('nh-split-ck').value : 0,
      hoan_thanh: document.getElementById('nh-hoanthanh').checked,
    })
  });
  const d = await r.json();
  if (d.success) {
    msg.textContent = `✅ Đã nhập ${items.length} món vào tồn kho (phiếu ${d.ma_phieu}).`;
    msg.className = 'text-sm text-green-700 font-semibold';
    _xgExpanded[_nhapXuatId] = true;
    loadPhieus(); loadProductsCache();
    setTimeout(closeNhapModal, 1200);
  } else if (d.error === 'can_gui_duyet') {
    await _guiDuyetXuong('xuong_nhap', _nhapXuatId, {
      nguoi_nhan: document.getElementById('nh-nguoinhan').value.trim(),
      ghi_chu: document.getElementById('nh-ghichu').value.trim(),
      items,
      tien_tra_khach: laKhach ? traKhachD / 1000 : 0,
      tien_khach_tra: laKhach ? khachTraD / 1000 : 0,
      hinh_thuc_tt: httt,
      so_tien_tien_mat: httt === 'ca_hai' ? document.getElementById('nh-split-tm').value : 0,
      so_tien_chuyen_khoan: httt === 'ca_hai' ? document.getElementById('nh-split-ck').value : 0,
      hoan_thanh: document.getElementById('nh-hoanthanh').checked,
    }, `Nhập ${items.length} món về kho`, msg);
  } else {
    msg.textContent = '❌ ' + _errLabel(d.error);
    msg.className = 'text-sm text-red-600 font-semibold';
  }
}

// ── Gợi ý tên xưởng từ danh sách NSX ──────────────────────────────────
async function loadXuongSuggest() {
  try {
    const r = await fetch('/api/pos/manufacturers?loai=nsx');
    const d = await r.json();
    document.getElementById('xuong-options').innerHTML =
      (d.manufacturers || []).map(m => `<option value="${m.ten}">`).join('');
  } catch (e) {}
}

// Quét QR CCCD ô khách hàng → tự điền tên/CCCD/địa chỉ (helper dùng chung base.html)
try { bindCccdScanInput('xk-kh-cccd', {ten: 'xk-kh-ten', cccd: 'xk-kh-cccd', diachi: 'xk-kh-diachi'}); } catch(e) {}
// Ô quét mã vạch sản phẩm xuất (tra tồn kho → tự thêm dòng + đếm) — như trang Bán
try { bindBarcodeScanInput('xk-scan-barcode', code => xkScanIntoRow(code)); } catch (e) {}

xkAddRow();
xkToggleLoai();
loadKimLoai();
loadProductsCache();
loadPhieus();
loadXuongSuggest();
nhFetchPrices();
loadNhProducts();
// Ô quét thành phẩm nhập về (tra tồn kho → điền/link, hoặc hàng mới)
try { bindBarcodeScanInput('nh-scan-barcode', code => nhScanIntoRow(code)); } catch (e) {}
</script>
{% endblock %}