{% extends 'base.html' %}
{% block title %}Thiết lập cửa hàng — {{ brand.ten_app }}{% endblock %}
{% block page_subtitle %}Thiết lập cửa hàng{% endblock %}

{% block content %}
<div class="max-w-2xl mx-auto space-y-4">

  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#fff7ed,#fffbeb)">
      <div class="font-extrabold text-gray-800">🏪 Thông tin thương hiệu</div>
      <div class="text-xs text-gray-500 mt-0.5">
        Áp dụng cho TOÀN BỘ app: header, đăng nhập, mọi phiếu in, màn hình khách, hóa đơn điện tử.
        Ô để trống = dùng giá trị mặc định (chữ mờ trong ô).
      </div>
    </div>
    <div class="p-5 space-y-3">
      {% for key, label, hint in labels %}
      <div>
        <label class="block text-xs font-bold text-gray-500 uppercase tracking-wide mb-1">{{ label }}</label>
        <input id="br-{{ key }}" type="text" class="input-ios w-full" style="font-size:16px"
               value="{{ values[key] if values[key] != defaults[key] else '' }}"
               placeholder="{{ defaults[key] or hint }}">
      </div>
      {% endfor %}

      <div class="flex items-center gap-3 pt-2">
        <button onclick="brSave()" class="btn-ios btn-ios-gold px-6 py-2.5 font-bold">💾 Lưu thiết lập</button>
        <button onclick="brResetAll()" class="btn-ios btn-ios-secondary text-sm px-4 py-2.5">↺ Về mặc định hết</button>
        <span id="br-msg" class="text-sm flex-1"></span>
      </div>
      <div class="text-[11px] text-gray-400">
        💡 Sau khi lưu: các trang đang mở cần bấm F5 để thấy tên/slogan mới. Phiếu in lấy giá trị mới ngay lần in kế tiếp.
      </div>
    </div>
  </div>

  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#eff6ff,#eef2ff)">
      <div class="font-extrabold text-gray-800">🖼️ Logo cửa hàng</div>
      <div class="text-xs text-gray-500 mt-0.5">
        Áp dụng BÊN TRONG app: header mọi trang, đăng nhập, mọi phiếu in, màn hình TV, màn hình khách.
        Icon app ngoài màn hình (desktop/điện thoại/tab trình duyệt) giữ nguyên logo ứng dụng — không đổi.
      </div>
    </div>
    <div class="p-5 flex items-center gap-4 flex-wrap">
      <img id="br-logo-img" src="{{ brand.logo_url }}"
           class="w-20 h-20 object-contain rounded-xl border-2 border-amber-200 bg-white p-1">
      <div class="flex-1 space-y-2" style="min-width:220px">
        <input type="file" id="br-logo-file" accept="image/*" class="hidden" onchange="brLogoUpload(this)">
        <div class="flex gap-2 flex-wrap">
          <button onclick="document.getElementById('br-logo-file').click()"
                  class="btn-ios btn-ios-gold text-sm px-4 py-2 font-bold">📤 Tải logo cửa hàng lên</button>
          <button id="br-logo-reset" onclick="brLogoReset()"
                  class="btn-ios btn-ios-secondary text-sm px-4 py-2 {{ '' if brand.logo_url != '/static/logo.png' else 'hidden' }}">
            ↺ Dùng lại logo mặc định
          </button>
        </div>
        <div class="text-[11px] text-gray-400">Nên dùng ảnh PNG nền trong suốt, cạnh dài ≥ 500px. Tối đa 8MB.</div>
        <div id="br-logo-msg" class="text-sm"></div>
      </div>
    </div>
  </div>

  <!-- ── KẾT NỐI THIẾT BỊ ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#f0fdf4,#dcfce7)">
      <div class="font-extrabold text-gray-800">🖨️ Kết nối thiết bị (máy in · máy quét)</div>
      <div class="text-xs text-gray-500 mt-0.5">
        Agent in chạy trên MÁY CẮM MÁY IN (cài 1 lần bằng <code>install_agent.bat</code> trong bộ cài).
        🔫 Máy quét mã vạch/QR: cắm USB là dùng ngay, KHÔNG cần cài đặt gì.
      </div>
    </div>
    <div class="p-5 space-y-4">
      <div>
        <div class="text-xs font-bold text-amber-700 uppercase mb-2">🏷️ In tem (BarTender — cổng 17777)</div>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
          <div><label class="block text-[11px] font-bold text-gray-500 uppercase mb-1">Địa chỉ agent in tem</label>
            <input id="tb-bt-url" class="input-ios w-full text-sm" placeholder="http://127.0.0.1:17777"></div>
          <div><label class="block text-[11px] font-bold text-gray-500 uppercase mb-1">Tên máy in tem</label>
            <input id="tb-bt-printer" class="input-ios w-full text-sm" placeholder="Godex G500"></div>
        </div>
        <div class="flex items-center gap-2 mt-2 flex-wrap">
          <button onclick="tbPing('tem')" class="btn-ios btn-ios-secondary text-xs font-bold px-3 py-2">📡 Kiểm tra kết nối</button>
          <input type="file" id="tb-btw-file" accept=".btw" class="hidden" onchange="tbUpBtw(this)">
          <button onclick="document.getElementById('tb-btw-file').click()"
                  class="btn-ios btn-ios-secondary text-xs font-bold px-3 py-2">📐 Tải file thiết kế tem (.btw)</button>
          <span id="tb-btw-cur" class="text-[11px] text-gray-400"></span>
        </div>
        <div class="mt-3">
          <label class="block text-[11px] font-bold text-gray-500 uppercase mb-1">
            Thư mục chứa các mẫu tem (trên máy chủ)</label>
          <div class="flex gap-2 flex-wrap items-center">
            <input id="tb-tem-thumuc" class="input-ios flex-1 text-sm" style="min-width:220px"
                   placeholder="Để trống = thư mục đang chứa file tem">
            <button onclick="tbLuuThuMucTem()"
                    class="btn-ios btn-ios-secondary text-xs font-bold px-3 py-2">💾 Lưu thư mục</button>
          </div>
          <div class="text-[11px] text-gray-500 mt-1">
            Mọi file <b>.btw</b> trong thư mục này đều thành một mẫu tem, tên mẫu lấy luôn tên file.
            Làm thêm mẫu mới thì chỉ cần lưu file vào đây — <b>không phải khai gì trong app</b>.
            Lúc in, trang in tem sẽ có ô chọn mẫu (chỉ hiện khi có từ 2 mẫu trở lên).
          </div>
          <div id="tb-tem-ds" class="text-[11px] text-gray-600 mt-1"></div>
        </div>
      </div>
      <div class="border-t pt-3">
        <div class="text-xs font-bold text-blue-700 uppercase mb-2">🧾 In hóa đơn tại quầy (cổng 17778)</div>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
          <div><label class="block text-[11px] font-bold text-gray-500 uppercase mb-1">Địa chỉ agent in quầy</label>
            <input id="tb-pr-url" class="input-ios w-full text-sm" placeholder="http://127.0.0.1:17778"></div>
          <div class="flex items-end"><button onclick="tbPing('quay')" class="btn-ios btn-ios-secondary text-xs font-bold px-3 py-2">📡 Kiểm tra + xem máy in</button></div>
        </div>
      </div>
      <div class="flex items-center gap-3 pt-1">
        <button onclick="tbSave()" class="btn-ios btn-ios-gold px-5 py-2.5 font-bold text-sm">💾 Lưu kết nối</button>
        <span class="text-[11px] text-gray-400">Ô để trống = dùng mặc định. Máy in cắm CÙNG máy chủ thì dùng 127.0.0.1; cắm máy khác thì điền IP máy đó (nên dùng IP Tailscale).</span>
      </div>
      <div id="tb-msg" class="text-sm" style="white-space:pre-wrap"></div>
      <!-- RFID:CAU-HINH — khay đọc RFID (spec 2026-07-28-rfid-design.md) -->
      <div class="border-t pt-3">
        <div class="text-xs font-bold text-violet-700 uppercase mb-2">📡 Khay đọc RFID</div>
        <a href="/thiet-bi-rfid" class="block mb-2 rounded-xl px-3 py-2 text-sm font-bold text-violet-800"
           style="background:#f5f3ff;border:1px solid #ddd6fe">📡 Chọn / cài máy RFID (khay, máy cầm tay NHR-10, máy Chainway C5) →</a>
        <div id="rf-tt-box" class="text-sm mb-2 font-semibold"></div>
        <div class="grid grid-cols-2 sm:grid-cols-4 gap-3">
          <div><label class="block text-[11px] font-bold text-gray-500 uppercase mb-1" title="Tem phải đọc được ít nhất N lần mới coi là nằm trên khay — chống đọc thoáng qua">Số lần đọc tối thiểu</label>
            <input id="rf-min-reads" type="number" min="1" max="10" class="input-ios w-full text-sm" oninput="_rfCauHinhDirty=true">
          </div>
          <div><label class="block text-[11px] font-bold text-gray-500 uppercase mb-1" title="Sóng yếu hơn mức này coi như tem ở xa (tủ bên cạnh) → bỏ qua">Ngưỡng sóng (dBm)</label>
            <input id="rf-rssi-min" type="number" min="-90" max="-20" class="input-ios w-full text-sm" oninput="_rfCauHinhDirty=true">
          </div>
          <div><label class="block text-[11px] font-bold text-gray-500 uppercase mb-1" title="Không đọc lại trong N giây thì coi như tem đã nhấc khỏi khay">Rời khay sau (giây)</label>
            <input id="rf-ttl" type="number" min="1" max="30" class="input-ios w-full text-sm" oninput="_rfCauHinhDirty=true">
          </div>
          <div><label class="block text-[11px] font-bold text-gray-500 uppercase mb-1" title="Để thấp cho khay để bàn — cao quá sẽ hút cả tem ở tủ bên cạnh">Công suất (dBm)</label>
            <input id="rf-power" type="number" min="0" max="33" class="input-ios w-full text-sm" oninput="_rfCauHinhDirty=true">
          </div>
        </div>
        <!-- Dense tag profile (05/08/2026) — công tắc, KHÔNG ép cứng: giúp đọc được
             NHIỀU tem cùng lúc (VD 40 nhẫn 1 lần), nhưng có thể đánh đổi độ nhạy của
             1 tem YẾU. Tắt được ngay ở đây nếu phát hiện tem yếu bị bỏ sót, agent tự
             áp lại trong vài giây, KHÔNG cần cài lại phần mềm khay. -->
        <label class="flex items-center gap-2 pt-2 text-sm cursor-pointer">
          <input id="rf-dense" type="checkbox" class="w-4 h-4 accent-violet-600" onchange="_rfCauHinhDirty=true">
          <span class="font-semibold text-gray-700">Dense tag profile — tối ưu đọc NHIỀU tem cùng lúc</span>
        </label>
        <div class="text-[11px] text-gray-400 -mt-1">
          Bật (mặc định) giúp đọc đủ khi đặt cả chồng hàng lên khay 1 lần. Nếu thấy có tem RIÊNG LẺ
          hay bị bỏ sót sau khi bật, tắt cái này thử lại — có thể đánh đổi độ nhạy 1 tem yếu.
        </div>
        <div class="flex items-center gap-3 pt-2 flex-wrap">
          <button onclick="rfLuuCauHinh()" class="btn-ios btn-ios-secondary text-xs font-bold px-3 py-2">💾 Lưu cấu hình khay</button>
          <button onclick="rfXemToken()" class="btn-ios btn-ios-secondary text-xs font-bold px-3 py-2">🔑 Xem mã kết nối agent</button>
          <span id="rf-chua-luu" class="hidden text-[11px] text-amber-600 font-bold">● Có thay đổi CHƯA LƯU — bấm "Lưu cấu hình khay"</span>
          <span class="text-[11px] text-gray-400">Đọc nhầm tem ở tủ bên cạnh → giảm Công suất hoặc nâng Ngưỡng sóng (VD −55).</span>
        </div>
        <div id="rf-token-box" class="hidden mt-2 text-xs bg-violet-50 border border-violet-200 rounded-xl p-3">
          <div class="font-bold text-violet-800 mb-1">Dán vào <span class="font-mono">tools/rfid_agent/config.json</span> ở máy quầy:</div>
          <pre id="rf-token-pre" class="font-mono text-[11px] whitespace-pre-wrap break-all bg-white rounded-lg p-2 border"></pre>
        </div>
        <div id="rf-msg" class="text-sm mt-1"></div>
      </div>
    </div>
  </div>

  <!-- ── QUY ĐỊNH NGHIỆP VỤ (Cảnh báo / Chặn) — trang chỉ mở cho GĐ/PGĐ ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#fef2f2,#fff7ed)">
      <div class="font-extrabold text-gray-800">📋 Quy định nghiệp vụ</div>
      <div class="text-xs text-gray-500 mt-0.5">
        <b>Cảnh báo</b>: app hỏi lại, nhân viên bấm OK vẫn lưu được (nhật ký ghi lại).
        <b>Chặn</b>: không lưu được cho tới khi điền đủ thông tin.
      </div>
    </div>
    <div class="p-5 space-y-3">
      <div id="qd-ds" class="space-y-3 text-sm text-gray-400">Đang tải...</div>
      <div class="flex items-center gap-3 pt-1 flex-wrap">
        <button onclick="qdLuu()" class="btn-ios btn-ios-gold px-5 py-2.5 font-bold text-sm">💾 Lưu quy định</button>
        <span id="qd-msg" class="text-sm"></span>
      </div>
      <div class="border-t pt-3">
        <div class="text-xs font-bold text-red-700 uppercase mb-2">🔒 Luôn chặn (không tắt được)</div>
        <ul id="qd-luon-chan" class="text-xs text-gray-600 space-y-1"></ul>
      </div>
      <div class="border-t pt-3">
        <div class="text-xs font-bold text-gray-600 uppercase mb-2">🕘 Lịch sử thay đổi</div>
        <div id="qd-lich-su" class="text-xs text-gray-600 space-y-1"></div>
      </div>
    </div>
  </div>

  <!-- ── KẾT NỐI ĐIỆN THOẠI (08/10/2026) ── -->
  <a href="/ket-noi-dien-thoai" class="ios-card block px-5 py-4 font-bold text-gray-800">
    📱 Kết nối điện thoại với cửa hàng (mã QR qua Tailscale) →
  </a>

  <!-- ── MẪU GIẤY ĐẢM BẢO RIÊNG (ảnh của tiệm) ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#fef2f2,#fff7ed)">
      <div class="font-extrabold text-gray-800">🧾 Mẫu giấy đảm bảo của cửa hàng</div>
    </div>
    <div class="p-5 space-y-2">
      <div class="text-xs text-gray-500">
        Dùng ảnh giấy đảm bảo của chính tiệm (PNG/JPG): kéo vị trí tên khách, ngày, món hàng, tổng tiền… lên ảnh,
        lưu 1 lần — từ đó in giấy đảm bảo của mọi hóa đơn bán theo mẫu này. Mẫu lưu trong dữ liệu cửa hàng,
        <b>cập nhật phần mềm không làm mất</b>.
      </div>
      <a href="/mau-giay-dam-bao" class="btn-ios btn-ios-gold inline-block px-5 py-2.5 font-bold">🧾 Thiết kế mẫu giấy đảm bảo</a>
    </div>
  </div>

  <!-- ── MẪU HÓA ĐƠN BÁN HÀNG (ảnh của tiệm, tự sang trang khi nhiều món) ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#fef2f2,#fff7ed)">
      <div class="font-extrabold text-gray-800">🧾 Mẫu in hóa đơn bán hàng</div>
    </div>
    <div class="p-5 space-y-2">
      <div class="text-xs text-gray-500">
        Dùng ảnh hóa đơn của chính tiệm (PNG/JPG): kéo số hóa đơn, khách, các cột hàng, tổng tiền… lên ảnh, lưu nhiều mẫu
        và chọn 1 mẫu đang dùng. Nhiều món hơn bảng trên giấy thì hóa đơn <b>tự sang trang 2, 3…</b>. In bằng máy in của
        chính máy đang dùng. Đây là hóa đơn bán hàng của tiệm, không phải hóa đơn điện tử.
      </div>
      <a href="/mau-hoa-don" class="btn-ios btn-ios-gold inline-block px-5 py-2.5 font-bold">🧾 Thiết kế mẫu hóa đơn</a>
    </div>
  </div>

  <!-- ── EMAIL GỬI + EMAIL KHÔI PHỤC MẬT KHẨU (1.8.7) ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#fff7ed,#ffedd5)">
      <div class="font-extrabold text-gray-800">📧 Email &amp; khôi phục mật khẩu</div>
    </div>
    <div class="p-5 space-y-3">
      <div class="text-xs text-gray-500">
        Dùng cho nút <b>"Quên mật khẩu?"</b> ở trang đăng nhập: người quên phải có <b>PIN hệ thống</b> VÀ mã 6 số
        gửi tới <b>email khôi phục của Giám đốc</b>. Email gửi là Gmail của cửa hàng + <b>mật khẩu ứng dụng</b>
        (myaccount.google.com → Bảo mật → Mật khẩu ứng dụng). Mật khẩu ứng dụng được mã hóa trên máy này.
      </div>
      <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
        <label class="block"><span class="text-xs font-semibold text-gray-600">Gmail gửi thư</span>
          <input id="em-gui" class="input-ios w-full" placeholder="tiem@gmail.com" autocomplete="off"></label>
        <label class="block"><span class="text-xs font-semibold text-gray-600">Mật khẩu ứng dụng (16 ký tự)</span>
          <input id="em-mk" type="password" class="input-ios w-full" placeholder="để trống = giữ mật khẩu đã lưu" autocomplete="new-password"></label>
        <label class="block sm:col-span-2"><span class="text-xs font-semibold text-gray-600">Email khôi phục của Giám đốc (nhận mã)</span>
          <input id="em-kp" class="input-ios w-full" placeholder="giamdoc@gmail.com" autocomplete="off"></label>
      </div>
      <div class="flex items-center gap-2 flex-wrap">
        <button onclick="emLuu(false)" class="btn-ios btn-ios-gold px-5 py-2.5 font-bold text-sm">💾 Lưu</button>
        <button onclick="emLuu(true)" class="btn-ios px-5 py-2.5 font-bold text-sm bg-white border">📨 Lưu &amp; gửi thư thử</button>
      </div>
      <div id="em-msg" class="text-sm"></div>
    </div>
  </div>

  <!-- ── CẬP NHẬT PHẦN MỀM ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5 flex items-center justify-between" style="background:linear-gradient(135deg,#faf5ff,#f3e8ff)">
      <div class="font-extrabold text-gray-800">🔄 Cập nhật phần mềm</div>
      <span id="cn-ver" class="text-xs font-bold text-purple-700"></span>
    </div>
    <div class="p-5 space-y-2">
      <!-- CẬP NHẬT 1 NÚT (1.8.7): tự kiểm bản mới khi mở trang; 1 nút = tải + kiểm chữ ký + sao lưu + cài + khởi động lại -->
      <div id="cn-1" class="rounded-xl p-4" style="background:#f5f3ff">
        <div id="cn-1-tt" class="text-sm text-gray-700">⏳ Đang kiểm tra bản mới...</div>
        <button id="cn-1-nut" onclick="cnMotCham()" class="hidden btn-ios mt-3 w-full sm:w-auto px-6 py-3 font-extrabold text-white"
                style="background:linear-gradient(135deg,#6d28d9,#7c3aed)">⬆️ Cập nhật bản mới</button>
        <div id="cn-1-tien-do" class="hidden text-sm font-semibold text-purple-800 mt-3" aria-live="polite"></div>
      </div>
      <details class="mt-2">
      <summary class="cursor-pointer text-sm font-bold text-gray-600 select-none">⚙️ Tùy chọn nâng cao (cài từ tệp, đổi nguồn cập nhật)</summary>
      <div class="space-y-2 mt-3">
      <div class="text-xs text-gray-500">
        Nhận file <b>UPDATE_VangPOS_*.zip</b> từ nhà cung cấp → chọn file bên dưới → nhập PIN.
        App tự sao lưu (dữ liệu + code cũ) rồi áp bản mới — <b>dữ liệu, logo, cấu hình của cửa hàng
        KHÔNG bị ảnh hưởng</b>. Xong bấm "Khởi động lại".
      </div>
      <input type="file" id="cn-file" accept=".zip" class="hidden" onchange="cnUpload(this)">
      <div class="flex items-center gap-2 flex-wrap">
        <button onclick="document.getElementById('cn-file').click()"
                class="btn-ios btn-ios-gold px-5 py-2.5 font-bold text-sm">📦 Chọn gói cập nhật</button>
        <button id="cn-restart" onclick="cnRestart()"
                class="btn-ios hidden px-5 py-2.5 font-bold text-sm text-white" style="background:#7c3aed">🔁 Khởi động lại app</button>
      </div>
      <div id="cn-msg" class="text-sm" style="white-space:pre-wrap"></div>

      <div class="border-t pt-3 mt-2 space-y-2">
        <div class="font-bold text-gray-800 text-sm">📡 Nhận bản mới từ nguồn cập nhật</div>
        <div class="text-xs text-gray-500">
          Kênh của máy này: <b id="cn-kenh">…</b>. Nguồn là thư mục (ổ USB, thư mục chia sẻ) hoặc
          địa chỉ <b>https://</b> do nhà cung cấp đưa. Phần mềm chỉ cài bản có <b>chữ ký của nhà
          cung cấp</b>, đúng kênh, mới hơn bản đang chạy; luôn sao lưu trước và tự trả lại bản cũ
          nếu bản mới không khởi động được.
        </div>
        <div class="flex items-center gap-2 flex-wrap">
          <input id="cn-nguon" class="input-ios-sm flex-1" style="min-width:220px"
                 placeholder="VD: E:\VangPOS-CapNhat hoặc https://...">
          <button onclick="cnLuuNguon()" class="btn-ios px-4 py-2 text-sm font-bold">💾 Lưu nguồn</button>
          <button onclick="cnKiemTra()" class="btn-ios btn-ios-gold px-4 py-2 text-sm font-bold">🔎 Kiểm tra bản mới</button>
        </div>
        <div id="cn-ban-moi" class="hidden rounded-xl p-3 text-sm" style="background:#f5f3ff">
          <div id="cn-ban-moi-tt" style="white-space:pre-wrap"></div>
          <button onclick="cnTaiVaAp()" class="btn-ios mt-2 px-5 py-2.5 font-bold text-sm text-white"
                  style="background:#7c3aed">⬇️ Tải và cài bản này</button>
        </div>
        <div id="cn-ket-qua" class="text-xs text-gray-600" style="white-space:pre-wrap"></div>
      </div>
      </div>
      </details>
    </div>
  </div>

</div>
{% endblock %}

{% block scripts %}
<script>
const BR_KEYS = [{% for key, label, hint in labels %}'{{ key }}',{% endfor %}];

function brSave() {
  askPin('Nhập PIN quản lý để lưu thiết lập cửa hàng', async (pin) => {
    if (!pin) return;
    const body = { pin };
    BR_KEYS.forEach(k => { body[k] = document.getElementById('br-' + k).value.trim(); });
    const msg = document.getElementById('br-msg');
    msg.textContent = 'Đang lưu...'; msg.className = 'text-sm flex-1 text-gray-400';
    try {
      const r = await fetch('/api/brand', {
        method: 'POST', headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(body)
      });
      const d = await r.json();
      if (d.success) {
        msg.textContent = '✅ Đã lưu — F5 các trang đang mở để thấy thay đổi.';
        msg.className = 'text-sm flex-1 text-green-600 font-semibold';
      } else {
        msg.textContent = '❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' :
                          d.error === 'forbidden_role' ? 'Chỉ Giám đốc/Phó GĐ được sửa.' : (d.error || 'Lỗi'));
        msg.className = 'text-sm flex-1 text-red-600 font-semibold';
      }
    } catch (e) {
      msg.textContent = '❌ Mất kết nối: ' + e; msg.className = 'text-sm flex-1 text-red-600';
    }
  });
}

function brResetAll() {
  if (!confirm('Xóa hết giá trị đã chỉnh, quay về thông tin mặc định?')) return;
  BR_KEYS.forEach(k => { document.getElementById('br-' + k).value = ''; });
  brSave();
}

// ── Logo cửa hàng (áp BÊN TRONG app; icon app ngoài màn hình KHÔNG đổi) ──
function _brLogoMsg(text, ok) {
  const m = document.getElementById('br-logo-msg');
  m.textContent = text;
  m.className = 'text-sm ' + (ok ? 'text-green-600 font-semibold' : 'text-red-600 font-semibold');
}
function brLogoUpload(inp) {
  const f = inp.files && inp.files[0];
  inp.value = '';                       // cho phép chọn lại cùng file lần sau
  if (!f) return;
  if (f.size > 8 * 1024 * 1024) { _brLogoMsg('❌ Ảnh quá 8MB.', false); return; }
  askPin('Nhập PIN quản lý để đổi logo cửa hàng', async (pin) => {
    if (!pin) return;
    _brLogoMsg('Đang tải lên...', true);
    const fd = new FormData();
    fd.append('file', f);
    fd.append('pin', pin);
    try {
      const r = await fetch('/api/brand/logo', { method: 'POST', body: fd });
      const d = await r.json();
      if (d.success) {
        document.getElementById('br-logo-img').src = d.logo_url;
        document.getElementById('br-logo-reset').classList.remove('hidden');
        _brLogoMsg('✅ Đã đổi logo cửa hàng — F5 các trang đang mở để thấy.', true);
      } else {
        _brLogoMsg('❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : (d.message || d.error || 'Lỗi')), false);
      }
    } catch (e) { _brLogoMsg('❌ Mất kết nối: ' + e, false); }
  });
}
// ── Email gửi + email khôi phục mật khẩu (1.8.7) ──
async function emTai() {
  try {
    const d = await (await fetch('/api/cau-hinh-email')).json();
    if (!d.success) return;
    document.getElementById('em-gui').value = d.smtp_email || '';
    document.getElementById('em-kp').value = d.email_khoi_phuc || '';
    document.getElementById('em-mk').placeholder = d.co_mat_khau ? 'đã lưu — để trống = giữ nguyên' : 'chưa có — dán mật khẩu ứng dụng';
  } catch (e) {}
}
function emLuu(guiThu) {
  const m = document.getElementById('em-msg');
  askPin('Nhập PIN quản lý để lưu cấu hình email', async (pin) => {
    if (!pin) return;
    m.textContent = '⏳ Đang lưu...'; m.style.color = '#92400e';
    try {
      const r = await fetch('/api/cau-hinh-email', { method: 'POST', headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({ pin, gui_thu: !!guiThu, smtp_email: document.getElementById('em-gui').value.trim(),
          smtp_mat_khau: document.getElementById('em-mk').value, email_khoi_phuc: document.getElementById('em-kp').value.trim() }) });
      const d = await r.json();
      if (!d.success) { m.textContent = '❌ ' + (d.message || d.error); m.style.color = '#b91c1c'; return; }
      document.getElementById('em-mk').value = '';
      m.textContent = '✅ Đã lưu.' + (d.gui_thu === true ? ' Đã gửi thư thử — kiểm tra hộp thư Giám đốc.'
        : d.gui_thu === false ? ' ⚠️ Gửi thư thử THẤT BẠI — kiểm tra Gmail và mật khẩu ứng dụng.' : '');
      m.style.color = d.gui_thu === false ? '#b45309' : '#065f46';
      emTai();
    } catch (e) { m.textContent = '❌ Lỗi kết nối'; m.style.color = '#b91c1c'; }
  });
}
emTai();

// ── Cập nhật phần mềm (1-nút, 25/07/2026) ──
fetch('/api/version').then(r => r.json()).then(d => {
  document.getElementById('cn-ver').textContent = 'Đang chạy v' + d.version + ' (' + d.build_date + ')';
}).catch(() => {});
function _cnMsg(t, ok) {
  const m = document.getElementById('cn-msg');
  m.textContent = t;
  m.className = 'text-sm ' + (ok ? 'text-green-700 font-semibold' : 'text-red-600 font-semibold');
}
function cnUpload(inp) {
  const f = inp.files && inp.files[0];
  inp.value = '';
  if (!f) return;
  askPin('Nhập PIN quản lý để CẬP NHẬT PHẦN MỀM', async (pin) => {
    if (!pin) return;
    _cnMsg('Đang tải lên + áp dụng (tự sao lưu trước)...', true);
    const fd = new FormData();
    fd.append('file', f); fd.append('pin', pin);
    try {
      const r = await fetch('/api/cap-nhat', { method: 'POST', body: fd });
      const d = await r.json();
      if (d.success) {
        _cnMsg('✅ Đã áp bản v' + d.version + ' (' + d.files + ' file; đã sao lưu ' + d.backup_db
               + ').\nBấm "Khởi động lại app" để dùng bản mới.\n\nThay đổi:\n' + (d.changelog || ''), true);
        document.getElementById('cn-restart').classList.remove('hidden');
      } else {
        _cnMsg('❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : (d.message || d.error)), false);
      }
    } catch (e) { _cnMsg('❌ Mất kết nối: ' + e, false); }
  });
}
function cnRestart() {
  if (!confirm('Khởi động lại app ngay? Mọi người sẽ mất kết nối ~15 giây.')) return;
  askPin('Nhập PIN quản lý', async (pin) => {
    if (!pin) return;
    try {
      const r = await fetch('/api/cap-nhat/restart', {
        method: 'POST', headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ pin })
      });
      const d = await r.json();
      _cnMsg(d.success ? '🔁 ' + d.message : '❌ ' + (d.message || d.error || 'Lỗi'), d.success);
    } catch (e) { _cnMsg('❌ ' + e, false); }
  });
}

// ── Nguồn cập nhật có chữ ký (08/10/2026) ──
let _cnBanMoi = null;
async function cnTaiNguon() {
  try {
    const d = await (await fetch('/api/cap-nhat/nguon')).json();
    if (!d.success) return;
    document.getElementById('cn-nguon').value = d.nguon || '';
    document.getElementById('cn-kenh').textContent = d.ten_kenh;
  } catch (e) {}
  try {
    const k = await (await fetch('/api/cap-nhat/ket-qua')).json();
    const el = document.getElementById('cn-ket-qua');
    if (k.dang_cho_khoi_dong_lai) {
      el.textContent = '⏳ Đã cài bản mới, chờ khởi động lại để kiểm sức khỏe.';
      document.getElementById('cn-restart').classList.remove('hidden');
    } else if (k.ket_qua && k.ket_qua.loai === 'thanh_cong') {
      el.textContent = '✅ Lần cập nhật gần nhất (' + k.ket_qua.luc + '): v' + k.ket_qua.tu_ban
        + ' → v' + k.ket_qua.len_ban + ' — kiểm sức khỏe ĐẠT.';
    } else if (k.ket_qua) {
      el.textContent = '↩️ Lần cập nhật gần nhất (' + k.ket_qua.luc + '): bản v' + k.ket_qua.ban_loi
        + ' không đạt nên phần mềm đã TỰ TRẢ LẠI bản v' + k.ket_qua.tra_ve_ban
        + '. Dữ liệu và bản quyền giữ nguyên. Hãy báo nhà cung cấp.';
    }
  } catch (e) {}
}
cnTaiNguon();
function cnLuuNguon() {
  const nguon = document.getElementById('cn-nguon').value.trim();
  askPin('Nhập PIN quản lý để ĐỔI NGUỒN CẬP NHẬT', async (pin) => {
    if (!pin) return;
    const r = await fetch('/api/cap-nhat/nguon', { method: 'POST',
      headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ pin, nguon }) });
    const d = await r.json();
    _cnMsg(d.success ? '✅ Đã lưu nguồn cập nhật.' : '❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : (d.message || d.error)), !!d.success);
  });
}
// ── Cập nhật 1 nút (1.8.7) ──
let _cn1 = null;
function _cn1TT(t) { document.getElementById('cn-1-tt').textContent = t; }
async function cnTuKiem() {
  const nut = document.getElementById('cn-1-nut');
  nut.classList.add('hidden'); _cn1 = null;
  try {
    const d = await (await fetch('/api/cap-nhat/kiem-tra')).json();
    if (!d.success) { _cn1TT('⚠️ Không kiểm tra được bản mới: ' + (d.message || d.error || '')); return; }
    if (d.chua_co_nguon) { _cn1TT('ℹ️ Máy chưa có nguồn cập nhật. Mở "Tùy chọn nâng cao" để đặt nguồn (nhà cung cấp đưa), hoặc cài từ tệp .zip.'); return; }
    if (!d.co_ban_moi) { _cn1TT('✅ Đang dùng bản mới nhất. ' + (d.message || '')); return; }
    _cn1 = d;
    _cn1TT('🆕 Có bản v' + d.phien_ban + ' (đã kiểm chữ ký nhà cung cấp) · ' + (d.kich_thuoc / 1048576).toFixed(1) + ' MB'
           + (d.ghi_chu ? '\nNội dung: ' + d.ghi_chu : ''));
    document.getElementById('cn-1-tt').style.whiteSpace = 'pre-wrap';
    nut.textContent = '⬆️ Cập nhật lên v' + d.phien_ban;
    nut.classList.remove('hidden');
  } catch (e) { _cn1TT('⚠️ Mất kết nối khi kiểm tra bản mới.'); }
}
function cnMotCham() {
  if (!_cn1) return;
  if (!confirm('Cập nhật lên v' + _cn1.phien_ban + ' ngay?\n\nNên làm ngoài giờ bán. App tự sao lưu, cài, rồi khởi động lại (~1 phút); '
      + 'nếu bản mới lỗi sẽ tự trả lại bản cũ. Dữ liệu cửa hàng giữ nguyên.')) return;
  askPin('Nhập PIN quản lý để CẬP NHẬT', async (pin) => {
    if (!pin) return;
    const nut = document.getElementById('cn-1-nut'), td = document.getElementById('cn-1-tien-do');
    nut.disabled = true; td.classList.remove('hidden');
    td.textContent = '⏳ Đang tải, kiểm chữ ký, sao lưu và cài bản v' + _cn1.phien_ban + '...';
    let d = {};
    try {
      const r = await fetch('/api/cap-nhat/mot-cham', { method: 'POST', headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ pin, phien_ban: _cn1.phien_ban }) });
      d = await r.json();
    } catch (e) { td.textContent = '❌ Mất kết nối khi cài.'; nut.disabled = false; return; }
    if (!d.success) {
      td.textContent = '❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : (d.message || d.error || 'Không cài được'));
      nut.disabled = false; return;
    }
    if (!d.tu_khoi_dong_lai) {
      td.textContent = '✅ Đã cài v' + d.version + '. ' + (d.loi_khoi_dong_lai || '') ;
      document.getElementById('cn-restart').classList.remove('hidden'); return;
    }
    td.textContent = '🔁 Đã cài v' + d.version + ' — app đang khởi động lại, chờ khoảng 1 phút...';
    const dich = String(d.version), batDau = Date.now();
    const doi = async () => {
      if (Date.now() - batDau > 240000) { td.textContent = '⚠️ App chưa lên lại sau 4 phút. Mở lại biểu tượng VangPOS trên máy chủ rồi tải lại trang.'; return; }
      try {
        const v = await (await fetch('/api/version', { cache: 'no-store' })).json();
        if (v && String(v.version) === dich) {
          td.textContent = '✅ Đã lên bản v' + dich + '. Đang tải lại trang...';
          setTimeout(() => location.reload(), 1500); return;
        }
        if (v && v.version && Date.now() - batDau > 90000) {
          td.textContent = '↩️ App đã chạy lại bằng bản v' + v.version + ' (bản mới không đạt nên tự trả lại bản cũ). Dữ liệu giữ nguyên — hãy báo nhà cung cấp.';
          return;
        }
      } catch (e) {}
      setTimeout(doi, 3000);
    };
    setTimeout(doi, 8000);
  });
}
cnTuKiem();

async function cnKiemTra() {
  const box = document.getElementById('cn-ban-moi');
  box.classList.add('hidden'); _cnBanMoi = null;
  _cnMsg('Đang kiểm tra nguồn...', true);
  try {
    const d = await (await fetch('/api/cap-nhat/kiem-tra')).json();
    if (!d.success) { _cnMsg('❌ ' + (d.message || d.error), false); return; }
    if (!d.co_ban_moi) { _cnMsg('ℹ️ ' + d.message, true); return; }
    _cnBanMoi = d;
    document.getElementById('cn-ban-moi-tt').textContent =
      '🆕 Có bản v' + d.phien_ban + ' (đã kiểm chữ ký nhà cung cấp)\n'
      + 'Phát hành: ' + d.phat_hanh + ' · ' + (d.kich_thuoc / 1048576).toFixed(1) + ' MB\n'
      + (d.ghi_chu ? 'Nội dung: ' + d.ghi_chu : '');
    box.classList.remove('hidden');
    _cnMsg('', true);
  } catch (e) { _cnMsg('❌ Mất kết nối: ' + e, false); }
}
function cnTaiVaAp() {
  if (!_cnBanMoi) return;
  if (!confirm('Cài bản v' + _cnBanMoi.phien_ban + '? Nên làm ngoài giờ bán hàng. '
      + 'Phần mềm sẽ sao lưu trước; sau đó bấm "Khởi động lại app".')) return;
  askPin('Nhập PIN quản lý để CÀI BẢN MỚI', async (pin) => {
    if (!pin) return;
    _cnMsg('Đang tải, kiểm chữ ký + mã băm, sao lưu và cài...', true);
    try {
      const r = await fetch('/api/cap-nhat/tai-va-ap', { method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ pin, phien_ban: _cnBanMoi.phien_ban }) });
      const d = await r.json();
      if (d.success) {
        _cnMsg('✅ Đã cài bản v' + d.version + ' (' + d.files + ' tệp; đã sao lưu ' + d.backup_db
               + ').\nBấm "Khởi động lại app". Phần mềm sẽ tự kiểm sức khỏe; nếu không đạt sẽ tự trả lại bản cũ.', true);
        document.getElementById('cn-restart').classList.remove('hidden');
        document.getElementById('cn-ban-moi').classList.add('hidden');
      } else {
        _cnMsg('❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : (d.message || d.error)), false);
      }
    } catch (e) { _cnMsg('❌ Mất kết nối: ' + e, false); }
  });
}

// ── Kết nối thiết bị (máy in tem/quầy) ──
async function tbLoad() {
  try {
    const d = await (await fetch('/api/thiet-bi')).json();
    if (!d.success) return;
    document.getElementById('tb-bt-url').value = d.bartender.agent_url || '';
    document.getElementById('tb-bt-printer').value = d.bartender.printer || '';
    document.getElementById('tb-pr-url').value = d.print_agent_url || '';
    tbNapMauTem();
    const btw = d.bartender.btw || '';
    document.getElementById('tb-btw-cur').textContent = btw ? ('File tem: ' + btw.split('\\').pop()) : 'Chưa có file tem';
  } catch (e) {}
}
tbLoad();
function _tbMsg(t, ok) {
  const m = document.getElementById('tb-msg');
  m.textContent = t;
  m.className = 'text-sm ' + (ok ? 'text-green-700 font-semibold' : 'text-red-600 font-semibold');
}
function tbSave() {
  askPin('Nhập PIN quản lý để lưu kết nối thiết bị', async (pin) => {
    if (!pin) return;
    try {
      const r = await fetch('/api/thiet-bi', {
        method: 'POST', headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ pin,
          bartender_agent_url: document.getElementById('tb-bt-url').value.trim(),
          bartender_printer: document.getElementById('tb-bt-printer').value.trim(),
          print_agent_url: document.getElementById('tb-pr-url').value.trim() })
      });
      const d = await r.json();
      _tbMsg(d.success ? '✅ Đã lưu kết nối thiết bị.' : '❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : d.error), d.success);
    } catch (e) { _tbMsg('❌ Mất kết nối: ' + e, false); }
  });
}
async function tbPing(loai) {
  _tbMsg('Đang kiểm tra...', true);
  try {
    const r = await fetch('/api/thiet-bi/ping', {
      method: 'POST', headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ loai })
    });
    const d = await r.json();
    if (d.success) _tbMsg('✅ Agent trả lời (' + d.url + '):\n' + d.info, true);
    else _tbMsg('❌ ' + d.error, false);
  } catch (e) { _tbMsg('❌ ' + e, false); }
}
// ── MẪU TEM: liệt kê mọi .btw trong thư mục, khỏi khai từng file ──────────
async function tbNapMauTem() {
  try {
    const d = await (await fetch('/api/pos/mau-tem', { cache: 'no-store' })).json();
    const o = document.getElementById('tb-tem-thumuc');
    if (o && !o.value) o.placeholder = d.thu_muc || 'Để trống = thư mục đang chứa file tem';
    const ds = d.mau || [];
    document.getElementById('tb-tem-ds').innerHTML = ds.length
      ? ('Đang thấy <b>' + ds.length + '</b> mẫu: '
         + ds.map(m => '<span class="px-1.5 py-0.5 rounded bg-gray-100">' + m.ten + '</span>').join(' '))
      : 'Chưa thấy mẫu tem nào trong thư mục.';
  } catch (e) {}
}

async function tbLuuThuMucTem() {
  const tm = document.getElementById('tb-tem-thumuc').value.trim();
  askPin('Nhập PIN để lưu thư mục mẫu tem', async function (pin) {
    if (!pin) return;
    try {
      const r = await fetch('/api/pos/mau-tem', {
        method: 'POST', headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ thu_muc: tm, pin: pin })
      });
      const j = await r.json();
      if (!j.success) {
        alert(j.message || (j.error === 'forbidden_role'
              ? 'Chỉ Giám đốc/Phó Giám đốc mới đổi được, và phải nhập đúng PIN.'
              : 'Không lưu được.'));
        return;
      }
      await tbNapMauTem();
      alert('Đã lưu. Đang thấy ' + (j.mau || []).length + ' mẫu tem.');
    } catch (e) { alert('Lỗi mạng: ' + e); }
  });
}

function tbUpBtw(inp) {
  const f = inp.files && inp.files[0];
  inp.value = '';
  if (!f) return;
  askPin('Nhập PIN quản lý để đổi file thiết kế tem', async (pin) => {
    if (!pin) return;
    const fd = new FormData();
    fd.append('file', f); fd.append('pin', pin);
    try {
      const r = await fetch('/api/thiet-bi/btw', { method: 'POST', body: fd });
      const d = await r.json();
      if (d.success) { _tbMsg('✅ Đã cập nhật file thiết kế tem.', true); tbLoad(); }
      else _tbMsg('❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : (d.message || d.error)), false);
    } catch (e) { _tbMsg('❌ ' + e, false); }
  });
}

function brLogoReset() {
  if (!confirm('Bỏ logo cửa hàng riêng, quay về logo mặc định của app?')) return;
  askPin('Nhập PIN quản lý', async (pin) => {
    if (!pin) return;
    try {
      const r = await fetch('/api/brand/logo', {
        method: 'DELETE', headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({ pin })
      });
      const d = await r.json();
      if (d.success) {
        document.getElementById('br-logo-img').src = d.logo_url + '?t=' + Date.now();
        document.getElementById('br-logo-reset').classList.add('hidden');
        _brLogoMsg('✅ Đã về logo mặc định.', true);
      } else {
        _brLogoMsg('❌ ' + (d.error === 'wrong_pin' ? 'PIN sai.' : (d.error || 'Lỗi')), false);
      }
    } catch (e) { _brLogoMsg('❌ Mất kết nối: ' + e, false); }
  });
}

// ═══ RFID:CAU-HINH — khay đọc RFID ═══
// Trang tự tải lại trạng thái mỗi 5s (rfNapTrangThai) — nếu cứ GHI ĐÈ 5 ô cấu hình
// vô điều kiện thì sửa xong CHƯA BẤM LƯU sẽ bị nhịp tải lại kế tiếp XÓA MẤT thay
// đổi, nhìn như "vừa tắt xong tự bật lại" (chủ tiệm phát hiện 05/08/2026, đúng vậy
// với ô Dense tag profile — sửa checkbox không tự lưu, đợi bấm nút mới lưu, nhưng
// vòng lặp 5s cứ nạp lại giá trị CŨ từ server đè lên). CỜ NÀY: có sửa ô nào (kể cả
// gõ dở, chưa bấm Lưu) thì NGỪNG ghi đè cho tới khi Lưu xong (hoặc tải lại trang).
let _rfCauHinhDirty = false;
async function rfNapTrangThai() {
  let d;
  try { d = await (await fetch('/api/rfid/status', {cache: 'no-store'})).json(); }
  catch (e) { return; }
  const box = document.getElementById('rf-tt-box');
  const r = d.reader || {};
  if (d.agent_online && !r.loi) {
    // dense_profile (05/08/2026): co bat duoc "Dense tag profile" (che do nhieu tem
    // cung luc) hay khong — hien THANG o day, khoi phai tu mo /api/rfid/status.
    const dp = r.dense_profile === true ? ' · <span class="text-emerald-700">✓ Dense tag profile</span>'
             : r.dense_profile === false ? ' · <span class="text-amber-600">⚠️ chưa bật được Dense tag profile</span>'
             : '';
    box.innerHTML = '🟢 Khay đang kết nối · ' + (d.so_tem_tren_khay || 0) + ' tem trên khay'
      + (r.serial_number ? ' · máy ' + r.serial_number : '')
      + (r.app_version ? ' (firmware ' + r.app_version + ')' : '')
      + dp;
    box.className = 'text-sm mb-2 font-semibold text-emerald-700';
  } else if (d.agent_online && r.loi === 'chua_thay_dau_doc') {
    // Phần mềm ở máy quầy CHẠY RỒI nhưng không tìm ra khay — chỉ rõ để khỏi mò
    box.innerHTML = '🟠 Phần mềm ở máy quầy đang chạy nhưng KHÔNG tìm thấy khay.<br>'
      + '<span class="font-normal">Rút khay ra cắm lại (đổi cổng USB khác), đợi Windows nhận '
      + 'xong rồi thử lại. Cổng đã dò: ' + (r.cong_da_do || '—') + '</span>';
    box.className = 'text-sm mb-2 font-semibold text-orange-600';
  } else if (d.agent_online) {
    box.innerHTML = '🟡 Phần mềm ở máy quầy vừa khởi động, đang tìm khay...';
    box.className = 'text-sm mb-2 font-semibold text-amber-600';
  } else {
    // Chưa online: phân biệt "chưa chạy bao giờ" với "chạy rồi mà sai mã kết nối"
    const g = d.goi_gan_nhat;
    if (g && g.ket_qua === 'sai_token') {
      box.innerHTML = '🔴 Máy quầy có gọi tới nhưng MÃ KẾT NỐI SAI'
        + ' (' + g.giay_truoc + ' giây trước, từ ' + (g.ip || '?') + ').<br>'
        + '<span class="font-normal">Ở máy quầy: xóa file config.json trong thư mục khay rồi '
        + 'chạy lại "KHOI DONG KHAY RFID.bat", dán mã bên dưới vào.</span>';
    } else if (g) {
      box.innerHTML = '🟠 Máy quầy gọi tới lần cuối ' + g.giay_truoc + ' giây trước rồi ngừng '
        + '— phần mềm khay có thể đã bị tắt.';
    } else {
      box.innerHTML = '🔴 Chưa thấy khay — máy quầy CHƯA hề gọi tới máy chủ lần nào.<br>'
        + '<span class="font-normal">Vào Thêm → Tải về → "📡 Khay đọc RFID — bản cài sẵn", '
        + 'chép sang máy cắm khay rồi bấm đúp "KHOI DONG KHAY RFID.bat".</span>';
    }
    box.className = 'text-sm mb-2 font-semibold text-red-600';
  }
  document.getElementById('rf-chua-luu').classList.toggle('hidden', !_rfCauHinhDirty);
  if (_rfCauHinhDirty) return;   // đang sửa dở, CHƯA lưu — đừng ghi đè ô đang sửa
  const c = d.cau_hinh || {};
  document.getElementById('rf-min-reads').value = c.min_reads ?? 2;
  document.getElementById('rf-rssi-min').value = c.rssi_min ?? -65;
  document.getElementById('rf-ttl').value = c.ttl_giay ?? 3;
  document.getElementById('rf-power').value = c.antenna_power ?? 12;
  document.getElementById('rf-dense').checked = (c.dense_profile ?? 1) ? true : false;
}
function rfLuuCauHinh() {
  askPin('Nhập PIN quản lý để lưu cấu hình khay RFID', async (pin) => {
    if (pin === null) return;
    const msg = document.getElementById('rf-msg');
    const body = {
      pin,
      min_reads: parseInt(document.getElementById('rf-min-reads').value) || 2,
      rssi_min: parseInt(document.getElementById('rf-rssi-min').value) || -65,
      ttl_giay: parseInt(document.getElementById('rf-ttl').value) || 3,
      antenna_power: parseInt(document.getElementById('rf-power').value) || 12,
      dense_profile: document.getElementById('rf-dense').checked ? 1 : 0,
    };
    let d;
    try {
      d = await (await fetch('/api/rfid/cau-hinh', {method: 'POST',
        headers: {'Content-Type': 'application/json'}, body: JSON.stringify(body)})).json();
    } catch (e) { msg.textContent = '❌ Mất kết nối'; msg.className = 'text-sm mt-1 text-red-600'; return; }
    if (!d.success) {
      msg.textContent = d.error === 'forbidden_role' ? '❌ Sai PIN hoặc không đủ quyền (chỉ Giám đốc/Phó GĐ)' : '❌ ' + d.error;
      msg.className = 'text-sm mt-1 text-red-600 font-semibold'; return;
    }
    msg.textContent = '✅ Đã lưu — agent tự áp trong vài giây (không cần khởi động lại).';
    msg.className = 'text-sm mt-1 text-green-600 font-semibold';
    _rfCauHinhDirty = false;   // đã lưu xong — cho vòng lặp 5s nạp lại bình thường
    rfNapTrangThai();
  });
}
async function rfXemToken() {
  let d;
  try { d = await (await fetch('/api/rfid/status', {cache: 'no-store'})).json(); }
  catch (e) { return; }
  if (!d.token) { alert('Chỉ Giám đốc/Phó Giám đốc xem được mã kết nối.'); return; }
  document.getElementById('rf-token-box').classList.remove('hidden');
  document.getElementById('rf-token-pre').textContent = JSON.stringify({
    server_url: location.origin, token: d.token, com_port: '', baudrate: 115200
  }, null, 2);
}
rfNapTrangThai();
setInterval(rfNapTrangThai, 5000);

// ── Quy định nghiệp vụ (Cảnh báo / Chặn) ──
const QD_NHAN = {canh_bao: 'Cảnh báo', chan: 'Chặn'};
let _qdCfg = {};
function _qdEsc(s) {
  return String(s == null ? '' : s).replace(/[&<>"']/g, ch => ({'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[ch]));
}
async function qdNap() {
  let d;
  try { d = await (await fetch('/api/quy-dinh', {cache: 'no-store'})).json(); }
  catch (e) { document.getElementById('qd-ds').textContent = '❌ Mất kết nối'; return; }
  if (!d.success) { document.getElementById('qd-ds').textContent = '❌ Không tải được quy định'; return; }
  _qdCfg = d.cau_hinh || {};
  document.getElementById('qd-ds').innerHTML = (d.quy_dinh || []).map(q => `
    <div class="flex items-start gap-3 flex-wrap">
      <div class="flex-1" style="min-width:200px">
        <div class="font-semibold text-gray-800">${_qdEsc(q.ten)}</div>
        <div class="text-[11px] text-gray-500">${_qdEsc(q.mo_ta)}</div>
      </div>
      <select id="qd-${_qdEsc(q.ma)}" data-ma="${_qdEsc(q.ma)}" class="qd-sel input-ios text-sm" style="font-size:16px;width:auto">
        <option value="canh_bao" ${q.che_do === 'canh_bao' ? 'selected' : ''}>Cảnh báo</option>
        <option value="chan" ${q.che_do === 'chan' ? 'selected' : ''}>Chặn</option>
      </select>
    </div>`).join('');
  document.getElementById('qd-luon-chan').innerHTML = (d.luon_chan || []).map(x =>
    `<li>• <b>${_qdEsc(x.ten)}</b> — ${_qdEsc(x.ly_do)}</li>`).join('');
  const ls = d.lich_su || [];
  document.getElementById('qd-lich-su').innerHTML = ls.length ? ls.map(x =>
    `<div>${_qdEsc(x.thoi_gian)} · ${_qdEsc(x.nguoi_dung)} · ${(x.thay_doi || []).map(t =>
      `${_qdEsc(t.ten)}: ${_qdEsc(QD_NHAN[t.truoc] || t.truoc)} → <b>${_qdEsc(QD_NHAN[t.sau] || t.sau)}</b>`).join('; ')}</div>`
  ).join('') : '<div class="text-gray-400">Chưa có thay đổi nào.</div>';
}
function qdLuu() {
  const moi = {};
  document.querySelectorAll('.qd-sel').forEach(s => {
    if (s.value !== _qdCfg[s.dataset.ma]) moi[s.dataset.ma] = s.value;
  });
  const msg = document.getElementById('qd-msg');
  if (!Object.keys(moi).length) {
    msg.textContent = 'Chưa đổi quy định nào.'; msg.className = 'text-sm text-gray-500'; return;
  }
  askPin('Nhập PIN quản lý để lưu quy định nghiệp vụ', async (pin) => {
    if (!pin) return;
    msg.textContent = 'Đang lưu...'; msg.className = 'text-sm text-gray-400';
    let d;
    try {
      d = await (await fetch('/api/quy-dinh', {method: 'POST', headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({cau_hinh: moi, pin})})).json();
    } catch (e) { msg.textContent = '❌ Mất kết nối'; msg.className = 'text-sm text-red-600'; return; }
    if (!d.success) {
      msg.textContent = '❌ ' + (d.error === 'forbidden_role' ? 'Sai PIN hoặc không đủ quyền (chỉ Giám đốc/Phó GĐ).' :
                        d.error === 'khong_co_thay_doi' ? 'Không có thay đổi nào.' :
                        d.error === 'cau_hinh_khong_hop_le' ? 'Cấu hình quy định không hợp lệ — tải lại trang rồi chọn lại.' :
                        (d.message || d.error || 'Lỗi'));
      msg.className = 'text-sm text-red-600 font-semibold'; return;
    }
    msg.textContent = '✅ Đã lưu quy định — áp dụng ngay cho lần lưu phiếu kế tiếp.';
    msg.className = 'text-sm text-green-600 font-semibold';
    qdNap();
  });
}
qdNap();
</script>
{% endblock %}