{% extends "base.html" %}
{% block title %}Khôi phục giao dịch — {{ brand.ten_app }}{% endblock %}
{% block page_subtitle %}Khôi phục giao dịch đã xóa{% endblock %}

{% block content %}
<div class="max-w-2xl mx-auto">
  <div class="ios-card p-4 mb-3" style="background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fde68a">
    <div class="font-bold text-gray-800 flex items-center gap-2">♻️ Giao dịch đã xóa gần đây</div>
    <div class="text-xs text-gray-600 mt-1">
      Mọi lần xóa <b>sổ quỹ</b>, <b>mã hàng</b>, <b>hóa đơn</b>, <b>phiếu mua/cầm/đặt hàng/gia công/đổi hàng</b>,
      <b>phiếu xuất–nhập kho/xưởng</b>, <b>dòng cọc</b>, <b>giao dịch phiếu cầm</b>, <b>phiên kiểm kho</b>,
      <b>bảng lương/chấm công/nhân viên</b> đều được lưu nguyên trạng ở đây.
      Bấm <b>Khôi phục</b> để dựng lại đúng như trước khi xóa. Chỉ Giám đốc/Phó GĐ.<br>
      Nếu món hàng trong phiếu đã được bán/dùng ở phiếu khác sau khi xóa, việc khôi phục sẽ <b>dừng lại
      và báo rõ lý do</b> — không ghi gì để tránh sai tồn kho.<br>
      <b class="text-red-700">⚠️ Nếu sau khi xóa anh/chị đã LẬP LẠI phiếu tương tự, đừng khôi phục phiếu cũ — sẽ tính tiền 2 lần.</b><br>
      Mục ghi <b class="text-amber-700">Khôi phục tay</b> là hóa đơn bị xóa <b>trước ngày 28/07/2026</b> —
      hồi đó bản lưu chưa kèm dòng sổ quỹ nên dựng lại tự động sẽ sai tiền; xem dữ liệu ở
      <b>Nhật ký hoạt động</b> rồi lập lại. Hóa đơn xóa từ nay đã khôi phục được 1 chạm.
    </div>
  </div>

  <div id="kp-notallowed" class="ios-card p-4 text-center text-sm text-red-600 hidden">
    Nội dung này chỉ dành cho Giám đốc / Phó Giám đốc.
  </div>

  <div id="kp-list" class="space-y-2"></div>
  <div id="kp-empty" class="text-center text-sm text-gray-400 py-8 hidden">Chưa có giao dịch nào bị xóa.</div>
</div>
{% endblock %}

{% block scripts %}
<script>
const KP_ROLE = window._NV_ROLE;
function kpEsc(s){ return (s||'').replace(/[&<>"]/g, c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c])); }
// Nhãn dự phòng — máy chủ đã gửi 'nhan' lấy từ xoa_khoi_phuc.LOAI_XOA cho mọi loại đăng ký;
// bảng này chỉ dùng cho bản lưu kiểu cũ (sale/pawn/cashbook/san_pham...) không có 'nhan'.
const KP_LOAI = {sale:'🧾 Hóa đơn', pawn:'💍 Phiếu cầm', cashbook:'💵 Sổ quỹ',
                 san_pham:'🏷️ Sản phẩm (mã hàng)', giao_dich:'🧾 Hóa đơn',
                 purchase_order:'🧾 Phiếu mua hàng', order:'📦 Đơn đặt hàng',
                 gia_cong:'🔨 Đơn gia công', ban_hang:'🧾 Hóa đơn', mua_hang:'🧾 Phiếu mua hàng',
                 cam_do:'💍 Phiếu cầm', dat_hang:'📦 Đơn đặt hàng', doi_hang:'🔁 Đổi hàng bù tiền',
                 phieu_xuat_kho:'📤 Phiếu xuất kho', phieu_nhap_kho:'📥 Phiếu nhập kho',
                 phieu_xuat_xuong:'📤 Phiếu xuất xưởng', phieu_nhap_xuong:'📥 Phiếu nhập xưởng',
                 coc_don:'💰 Dòng cọc đơn đặt', coc_gia_cong:'💰 Dòng cọc gia công',
                 giao_dich_cam:'💍 Giao dịch phiếu cầm', phien_kiem_kho:'📋 Phiên kiểm kho',
                 bang_luong:'💵 Bảng lương', cham_cong:'🕐 Chấm công',
                 cong_ngay:'🕐 Công ngày (bảng công)', nhan_vien:'👤 Nhân viên'};
// Lỗi khôi phục máy chủ trả dạng mã (không kèm câu) → đổi sang tiếng Việt.
const KP_LOI = {forbidden_role:'Sai PIN hoặc không đủ quyền',
                da_khoi_phuc:'Giao dịch này đã được khôi phục rồi',
                not_found:'Không tìm thấy bản lưu này (có thể đã bị dọn).',
                da_ton_tai:'Sản phẩm này đã có lại trong kho rồi',
                khong_co_du_lieu:'Bản lưu không có dữ liệu để dựng lại'};

async function kpLoad(){
  const box = document.getElementById('kp-list');
  let r;
  try { r = await fetch('/api/pos/deleted-snapshots', {cache:'no-store'}); }
  catch(e){ box.innerHTML = '<div class="text-center text-sm text-red-500 py-6">Lỗi tải dữ liệu.</div>'; return; }
  if (r.status === 403){ document.getElementById('kp-notallowed').classList.remove('hidden'); return; }
  const d = await r.json();
  const items = (d.items||[]);
  if (!items.length){ document.getElementById('kp-empty').classList.remove('hidden'); box.innerHTML=''; return; }
  document.getElementById('kp-empty').classList.add('hidden');
  box.innerHTML = items.map(it => {
    const done = it.da_khoi_phuc == 1;
    const badge = it.nhan || KP_LOAI[it.loai] || it.loai;
    // 'lich_su' = lấy từ Lịch sử chỉnh sửa/xóa (sản phẩm, hóa đơn); 'snapshot' = ảnh chụp sổ quỹ
    const nguon = it.nguon === 'lich_su'
      ? '<span class="text-xs text-slate-400">· lịch sử xóa</span>'
      : '<span class="text-xs text-slate-400">· bản chụp</span>';
    let nut;
    if (done) {
      nut = `<span class="text-xs text-green-600 font-semibold px-2 py-1">Đã khôi phục</span>`;
    } else if (it.co_the_khoi_phuc) {
      const fn = it.nguon === 'lich_su' ? 'kpRestoreSP' : 'kpRestore';
      nut = `<button onclick="${fn}(${it.id}, this)"
                 class="px-3 py-1.5 rounded-lg text-white text-sm font-semibold"
                 style="background:linear-gradient(135deg,#059669,#10b981)">♻️ Khôi phục</button>`;
    } else {
      nut = `<span class="text-xs text-amber-700 font-semibold px-2 py-1">Khôi phục tay</span>`;
    }
    return `<div class="ios-card p-3 ${done?'opacity-60':''}">
      <div class="flex items-start justify-between gap-2 flex-wrap">
        <div class="flex-1" style="min-width:160px">
          <div class="text-xs text-amber-700 font-semibold">${badge} ${nguon}</div>
          <div class="font-semibold text-gray-800 text-sm break-words mt-0.5">${kpEsc(it.tom_tat)}</div>
          <div class="text-xs text-gray-500 mt-1">🕐 Xóa lúc ${kpEsc(it.thoi_gian)} · 👤 ${kpEsc(it.nguoi_dung||'—')}</div>
          ${done ? `<div class="text-xs text-green-600 mt-0.5">✓ Đã có lại trong hệ thống${it.thoi_gian_khoi_phuc?(' · '+kpEsc(it.thoi_gian_khoi_phuc)):''}</div>` : ''}
          ${(!done && it.ly_do) ? `<div class="text-xs text-amber-700 bg-amber-50 border border-amber-200 rounded-lg px-2 py-1 mt-1">⚠️ ${kpEsc(it.ly_do)}</div>` : ''}
        </div>
        <div class="flex-shrink-0">${nut}</div>
      </div>
    </div>`;
  }).join('');
}

// Khôi phục SẢN PHẨM lấy từ Lịch sử xóa (route khác với bản chụp sổ quỹ)
function kpRestoreSP(id, btn){
  askPin('Nhập PIN Giám đốc để khôi phục sản phẩm', async (pin) => {
    if (pin === null) return;
    btn.disabled = true; btn.textContent = 'Đang khôi phục...';
    let r;
    try { r = await fetch(`/api/pos/deleted-history/${id}/restore`, {
        method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({pin})
      }); } catch(e){ alert('Lỗi kết nối'); btn.disabled=false; btn.textContent='♻️ Khôi phục'; return; }
    const d = await r.json();
    if (!d.success){
      const msg = d.message
                || (d.error === 'ma_hang_ton_tai' ? ('Mã hàng ' + (d.ma||'') + ' đang được dùng cho sản phẩm khác — đổi mã sản phẩm kia trước')
                    : (KP_LOI[d.error] || 'Không khôi phục được' + (d.error ? (' (' + d.error + ')') : '')));
      alert(msg); btn.disabled=false; btn.textContent='♻️ Khôi phục'; return;
    }
    alert('✓ Đã khôi phục sản phẩm ' + (d.ma||'') + ' — ' + (d.ten||''));
    kpLoad();
  });
}

function kpRestore(id, btn){
  askPin('Nhập PIN Giám đốc để khôi phục giao dịch', async (pin) => {
    if (pin === null) return;
    btn.disabled = true; btn.textContent = 'Đang khôi phục...';
    let r;
    try { r = await fetch(`/api/pos/deleted-snapshots/${id}/restore`, {
        method:'POST', headers:{'Content-Type':'application/json'}, body: JSON.stringify({pin})
      }); } catch(e){ alert('Lỗi kết nối'); btn.disabled=false; btn.textContent='♻️ Khôi phục'; return; }
    const d = await r.json();
    if (!d.success){
      // Lỗi từ chối (xung đột tồn kho, phiếu đã đổi...) máy chủ gửi kèm câu tiếng Việt → hiện nguyên văn.
      const msg = d.message || KP_LOI[d.error]
                || ('Không khôi phục được' + (d.error ? (' (' + d.error + ')') : ''));
      alert(msg); btn.disabled=false; btn.textContent='♻️ Khôi phục'; return;
    }
    const parts = Object.entries(d.restored||{}).map(([k,v])=>`${v} dòng ${k}`).join(', ');
    alert('✓ Đã khôi phục ' + (d.ma||'') + (parts?(' ('+parts+')'):''));
    kpLoad();
  });
}

if (KP_ROLE !== 'giam_doc' && KP_ROLE !== 'pho_giam_doc'){
  document.getElementById('kp-notallowed').classList.remove('hidden');
} else {
  kpLoad();
}
</script>
{% endblock %}