{% extends "base.html" %}
{% block title %}Báo cáo quản trị tài chính (tham khảo) — {{ brand.ten_app }}{% endblock %}
{% block page_subtitle %}Báo cáo quản trị tài chính (tham khảo){% endblock %}

{% block extra_style %}
  /* Bảng chỉ tiêu (KQKD · LCTT · Cân đối): trên điện thoại tên chỉ tiêu dài làm
     bảng rộng 490px trong khung 366px → phải kéo ngang. Ép bảng vừa khung, tên
     chỉ tiêu xuống dòng, số tiền giữ nguyên 1 dòng. */
  @media (max-width: 640px) {
    #kqkd-tbody, #lctt-tbody, #bcdkt-tai-san, #bcdkt-nguon-von { font-size: 12.5px; }
    #kqkd-tbody, #lctt-tbody, #bcdkt-tai-san, #bcdkt-nguon-von { }
    .ios-card table { table-layout: fixed; width: 100%; }
    .ios-card table td:first-child {
      word-break: break-word; white-space: normal; padding-left: 10px !important;
      padding-right: 4px !important; line-height: 1.35;
    }
    .ios-card table td:last-child {
      white-space: nowrap; padding-left: 4px !important; padding-right: 10px !important;
      width: 42%;
    }
  }
{% endblock %}

{% block content %}

  <!-- ── TAB BÁO CÁO (hub chung 4 trang) ── -->
  {% include '_tab_bao_cao.html' %}

  <!-- ── GHI CHÚ PHẠM VI ── -->
  <div class="ios-card p-4" style="background:linear-gradient(135deg,#fff7ed,#fffbeb)">
    <p class="text-xs text-amber-800/90 leading-relaxed">
      ⚠️ Đây là <b>báo cáo quản trị tổng hợp nội bộ</b>, tính từ dữ liệu sổ quỹ, tồn kho và bán/mua
      hàng hiện có — <b>không phải Báo cáo tài chính chính thức hoặc bộ biểu mẫu đầy đủ theo Thông tư
      99/2025/TT-BTC</b>. Thông tư này áp dụng cho năm tài chính bắt đầu từ hoặc sau ngày 01/01/2026.
      Hệ thống chưa có sổ kế toán kép và chưa theo dõi đủ luồng tiền đầu tư/tài
      chính. Cần đối chiếu với kế toán trước khi dùng cho mục đích pháp lý.
    </p>
  </div>

  <!-- ── BỘ LỌC KỲ BÁO CÁO ── -->
  <div class="ios-card p-4 sm:p-5">
    <div class="bc-loc">
      <div class="bc-loc-ngay">
        <div style="align-self:end">
          <input id="f-from" type="date" lang="vi" class="input-ios !py-2 text-sm w-full" placeholder="Từ ngày" aria-label="Từ ngày">
        </div>
        <div style="align-self:end">
          <input id="f-to" type="date" lang="vi" class="input-ios !py-2 text-sm w-full" placeholder="Đến ngày" aria-label="Đến ngày">
        </div>
      </div>
      <div class="bc-loc-nhanh">
        <button onclick="quickToday()" class="bc-chip">Hôm nay</button>
        <button onclick="quickMonth()" class="bc-chip">Tháng này</button>
        <button onclick="quickYear()"  class="bc-chip">Năm nay</button>
        <button onclick="clearRange()" class="bc-chip bc-chip-xam">Tất cả</button>
      </div>
      <div class="bc-loc-nut">
        <button onclick="loadReport()" class="btn-ios btn-ios-gold px-6 py-2.5 font-bold w-full">🔍 Xem báo cáo</button>
      </div>
    </div>
  </div>

  <!-- ── KQKD ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#fff7ed,#fffbeb)">
      <span class="font-extrabold text-gray-800">📊 Báo cáo kết quả kinh doanh quản trị (chưa phải mẫu B02-DN theo Thông tư 99/2025/TT-BTC)</span>
      <div id="kqkd-period" class="text-xs text-gray-400 mt-0.5"></div>
    </div>
    <div class="overflow-x-auto">
      <table class="w-full text-sm">
          <colgroup><col style="width:44%"><col style="width:28%"><col style="width:28%"></colgroup>
          <thead class="bg-gray-50 text-gray-400 text-xs uppercase">
            <tr><th class="text-left px-4 py-2">Chỉ tiêu</th><th class="text-right px-4 py-2">Kỳ này</th><th class="text-right px-4 py-2">Kỳ trước</th></tr>
          </thead>
        <tbody id="kqkd-tbody"></tbody>
      </table>
    </div>
  </div>

  <!-- ── LCTT ── -->
  <div class="ios-card overflow-hidden">
    <div class="px-5 py-3.5" style="background:linear-gradient(135deg,#fff7ed,#fffbeb)">
      <span class="font-extrabold text-gray-800">💧 Dòng tiền kinh doanh quản trị (chưa đủ dữ liệu lập báo cáo lưu chuyển tiền tệ theo Thông tư 99)</span>
      <div id="lctt-period" class="text-xs text-gray-400 mt-0.5"></div>
      <div class="text-xs text-amber-800 mt-1">Luồng tiền đầu tư và tài chính chưa được phân loại trong hệ thống; chưa thể xác định tổng lưu chuyển tiền trong kỳ.</div>
    </div>
    <div class="overflow-x-auto">
      <table class="w-full text-sm">
          <colgroup><col style="width:44%"><col style="width:28%"><col style="width:28%"></colgroup>
          <thead class="bg-gray-50 text-gray-400 text-xs uppercase">
            <tr><th class="text-left px-4 py-2">Chỉ tiêu</th><th class="text-right px-4 py-2">Kỳ này</th><th class="text-right px-4 py-2">Kỳ trước</th></tr>
          </thead>
        <tbody id="lctt-tbody"></tbody>
      </table>
    </div>
  </div>

  <!-- ── BCĐKT ── -->
  <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)">
      <div>
        <span class="font-extrabold text-gray-800">⚖️ Tổng hợp tài sản và nguồn vốn quản trị (chưa phải mẫu B01-DN theo Thông tư 99/2025/TT-BTC)</span>
        <div id="bcdkt-period" class="text-xs text-gray-400 mt-0.5"></div>
      </div>
      <a href="/tai-san-co-dinh" class="text-xs font-semibold text-amber-600">📦 Quản lý tài sản cố định →</a>
    </div>
    <div class="grid grid-cols-1 lg:grid-cols-3 gap-0 lg:gap-4 p-4 lg:p-5">
      <div class="lg:col-span-2 grid grid-cols-1 sm:grid-cols-2 gap-0 sm:gap-4 divide-y sm:divide-y-0 sm:divide-x divide-gray-100">
        <div class="overflow-x-auto">
          <table class="w-full text-sm">
            <colgroup><col style="width:58%"><col style="width:42%"></colgroup>
            <thead class="bg-gray-50 text-gray-400 text-xs uppercase">
              <tr><th class="text-left px-4 py-2" colspan="2">TÀI SẢN</th></tr>
            </thead>
            <tbody id="bcdkt-tai-san"></tbody>
          </table>
        </div>
        <div class="overflow-x-auto">
          <table class="w-full text-sm">
            <colgroup><col style="width:58%"><col style="width:42%"></colgroup>
            <thead class="bg-gray-50 text-gray-400 text-xs uppercase">
              <tr><th class="text-left px-4 py-2" colspan="2">NGUỒN VỐN</th></tr>
            </thead>
            <tbody id="bcdkt-nguon-von"></tbody>
          </table>
        </div>
      </div>
      <div class="flex flex-col items-center justify-center pt-4 lg:pt-0">
        <div style="position:relative; height:180px; width:100%; max-width:220px">
          <canvas id="chart-taisan"></canvas>
        </div>
        <div id="chart-taisan-legend" class="text-xs text-gray-500 mt-2 space-y-1 w-full max-w-[220px]"></div>
      </div>
    </div>
  </div>

  <!-- ── CÀI ĐẶT THÔNG SỐ BCĐKT ── -->
  <div class="ios-card p-5">
    <h2 class="font-extrabold text-gray-800 mb-1">⚙️ Cài đặt thông số Báo cáo tình hình tài chính</h2>
    <p class="text-xs text-gray-400 mb-3">
      "Phải thu cầm đồ", "Người mua trả tiền trước", "Phải trả người lao động" và "Tài sản cố định"
      nay được TỰ TÍNH từ dữ liệu thật (không cần khai tay). Chỉ còn 2 số dưới đây do chủ tiệm tự
      khai báo (hệ thống không có sổ kế toán để tự tính) — <b>"Nợ phải trả khác"</b> là các khoản
      KHÔNG nằm trong 2 mục tự tính ở trên (VD vay ngân hàng, nợ nhà cung cấp).
    </p>
    <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">
      <div>
        <label class="block text-xs font-semibold text-gray-500 uppercase mb-1">Vốn góp chủ sở hữu (đồng)</label>
        <input id="set-von-gop" type="number" step="any" class="input-ios !py-2 text-sm">
      </div>
      <div>
        <label class="block text-xs font-semibold text-gray-500 uppercase mb-1">Nợ phải trả KHÁC (đồng)</label>
        <input id="set-no-phai-tra" type="number" step="any" class="input-ios !py-2 text-sm">
      </div>
      <div>
        <label class="block text-xs font-semibold text-gray-500 uppercase mb-1">Thuế TNDN tạm tính (%)</label>
        <input id="set-thue-pct" type="number" step="any" class="input-ios !py-2 text-sm">
      </div>
    </div>
    <div class="flex flex-wrap items-center gap-3 mt-3">
      <input id="pin-input" type="password" inputmode="numeric" maxlength="10" placeholder="Mã PIN để lưu..."
        class="input-ios !py-2 text-sm font-bold text-center tracking-widest w-44">
      <button onclick="saveSettings()" class="btn-ios btn-ios-gold px-5 py-2">💾 Lưu cài đặt</button>
      <span id="settings-msg" class="text-sm font-semibold"></span>
    </div>
  </div>

  <!-- ── GIẢI THÍCH SỐ LIỆU BÁO CÁO QUẢN TRỊ ── -->
  <div class="ios-card p-5">
    <h2 class="font-extrabold text-gray-800 mb-3">📝 Giải thích số liệu báo cáo quản trị</h2>
    <div id="thuyet-minh" class="text-sm text-gray-700 leading-relaxed space-y-2"></div>
  </div>

{% endblock %}

{% block scripts %}
<script src="/static/vendor/chart-4.umd.min.js"></script>
<script>
const PIN_KEY = 'vang_admin_pin';
const fmt = n => Number(n||0).toLocaleString('vi-VN');
// Số từ API là NGHÌN đồng → hiển thị ĐỒNG đầy đủ (×1000)
const fmtD = n => fmt(Math.round((n||0)*1000)) + 'đ';
const toISO = d => `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`;
document.getElementById('pin-input').value = localStorage.getItem(PIN_KEY) || '';
document.getElementById('pin-input').addEventListener('input', e => localStorage.setItem(PIN_KEY, e.target.value.trim()));
function getPin() { return document.getElementById('pin-input').value.trim(); }

function setRange(from, to) {
  fpSet('f-from', from);
  fpSet('f-to', to);
  loadReport();
}
function quickToday() { const t = new Date(); setRange(toISO(t), toISO(t)); }
function quickMonth() {
  const t = new Date();
  setRange(toISO(new Date(t.getFullYear(), t.getMonth(), 1)), toISO(t));
}
function quickYear() {
  const t = new Date();
  setRange(toISO(new Date(t.getFullYear(), 0, 1)), toISO(t));
}
function clearRange() { setRange('', ''); }

function fmtDate(iso) {
  if (!iso) return null;
  const [y, m, d] = iso.split('-');
  return `${d}/${m}/${y}`;
}

function row(label, value, opts) {
  opts = opts || {};
  const cls = opts.bold ? 'font-extrabold' : '';
  const valColor = value < 0 ? 'text-red-700' : (opts.color || 'text-gray-800');
  const indent = opts.indent ? 'pl-8' : 'pl-4';
  return `<tr class="border-b border-gray-50 ${opts.highlight ? 'bg-amber-50/60' : ''}">
    <td class="${indent} py-2 ${cls} text-gray-700">${label}</td>
    <td class="px-4 py-2 text-right ${cls} ${valColor}">${fmt(Math.round((value||0)*1000))}${opts.suffix || 'đ'}</td>
  </tr>`;
}

// Cột "Kỳ trước" dùng để so sánh nội bộ; không khẳng định đây là mẫu BCTC theo Thông tư 99.
// prevValue===null (không có kỳ trước — báo cáo "Tất cả") → chỉ hiện 1 cột, không so sánh.
function row2(label, value, prevValue, opts) {
  opts = opts || {};
  const cls = opts.bold ? 'font-extrabold' : '';
  const valColor = value < 0 ? 'text-red-700' : (opts.color || 'text-gray-800');
  const indent = opts.indent ? 'pl-8' : 'pl-4';
  let prevCell = '';
  if (prevValue !== null && prevValue !== undefined) {
    const pColor = prevValue < 0 ? 'text-red-400' : 'text-gray-400';
    prevCell = `<td class="px-4 py-2 text-right ${cls} ${pColor}">${fmt(Math.round((prevValue||0)*1000))}đ</td>`;
  }
  return `<tr class="border-b border-gray-50 ${opts.highlight ? 'bg-amber-50/60' : ''}">
    <td class="${indent} py-2 ${cls} text-gray-700">${label}</td>
    <td class="px-4 py-2 text-right ${cls} ${valColor}">${fmt(Math.round((value||0)*1000))}đ</td>
    ${prevCell}
  </tr>`;
}

function rowChuaTheoDoi(label, coKyTruoc) {
  const o = '<td class="px-4 py-2 text-right text-gray-400 italic">Chưa theo dõi</td>';
  return `<tr class="border-b border-gray-50">
    <td class="pl-4 py-2 text-gray-700">${label}</td>${o}${coKyTruoc ? o : ''}
  </tr>`;
}

function renderKqkd(d, k) {
  document.getElementById('kqkd-period').textContent =
    `Kỳ báo cáo: ${d.tu_ngay ? fmtDate(d.tu_ngay) : 'từ đầu'} — ${d.den_ngay ? fmtDate(d.den_ngay) : 'hiện tại'}`;
  const kt = d.ky_truoc ? d.ky_truoc.kqkd : null;
  const g = (key) => kt ? kt[key] : null;
  document.getElementById('kqkd-tbody').innerHTML =
    row2('Doanh thu bán hàng và cung cấp dịch vụ', k.doanh_thu_ban_goc, g('doanh_thu_ban_goc')) +
    row2('Các khoản giảm trừ doanh thu (giảm giá)', k.giam_tru_doanh_thu, g('giam_tru_doanh_thu')) +
    row2('Doanh thu thuần (doanh thu bán hàng − khoản giảm trừ)', k.doanh_thu_thuan, g('doanh_thu_thuan'), {bold: true}) +
    row2('Giá vốn hàng bán', k.gia_von_ban, g('gia_von_ban')) +
    row2('Lợi nhuận gộp (doanh thu thuần − giá vốn)', k.loi_nhuan_gop, g('loi_nhuan_gop'), {bold: true, highlight: true}) +
    row2('Doanh thu hoạt động tài chính (lãi cầm đồ)', k.doanh_thu_tai_chinh, g('doanh_thu_tai_chinh')) +
    row2('Chi phí tài chính', k.chi_phi_tai_chinh, g('chi_phi_tai_chinh')) +
    row2('Chi phí bán hàng', k.chi_phi_ban_hang, g('chi_phi_ban_hang')) +
    row2('Chi phí quản lý doanh nghiệp', k.chi_phi_quan_ly, g('chi_phi_quan_ly')) +
    row2('Lợi nhuận hoạt động theo công thức quản trị nội bộ', k.loi_nhuan_thuan_hdkd, g('loi_nhuan_thuan_hdkd'), {bold: true, highlight: true}) +
    row2('Thu nhập khác', k.thu_nhap_khac, g('thu_nhap_khac')) +
    row2('Chi phí khác', k.chi_phi_khac, g('chi_phi_khac')) +
    row2('Chênh lệch thu nhập khác và chi phí khác', k.loi_nhuan_khac, g('loi_nhuan_khac')) +
    row2('Lợi nhuận trước thuế theo số liệu đang theo dõi', k.loi_nhuan_truoc_thue, g('loi_nhuan_truoc_thue'), {bold: true, highlight: true}) +
    row2(`Thuế TNDN tạm tính (${fmt(k.thue_tndn_pct)}%)`, k.thue_tndn, g('thue_tndn')) +
    row2('Lợi nhuận sau thuế ước tính (sau thuế TNDN tạm tính; chưa gồm thuế hoãn lại)', k.loi_nhuan_sau_thue, g('loi_nhuan_sau_thue'), {bold: true, highlight: true, color: 'text-green-700'});
}

function renderLctt(d, l) {
  document.getElementById('lctt-period').textContent =
    `Kỳ báo cáo: ${d.tu_ngay ? fmtDate(d.tu_ngay) : 'từ đầu'} — ${d.den_ngay ? fmtDate(d.den_ngay) : 'hiện tại'}`;
  const kt = d.ky_truoc ? d.ky_truoc.lctt : null;
  const g = (key) => kt ? kt[key] : null;
  document.getElementById('lctt-tbody').innerHTML =
    `<tr><td class="pl-4 py-2 font-bold text-gray-700" colspan="3">Thu và chi từ hoạt động kinh doanh đang theo dõi</td></tr>` +
    row2('Tiền thu từ bán hàng, cung cấp dịch vụ và doanh thu khác', l.thu_ban_hang, g('thu_ban_hang'), {indent: true}) +
    row2('Tiền chi mua hàng và dịch vụ', -l.chi_mua_hang, g('chi_mua_hang') !== null ? -g('chi_mua_hang') : null, {indent: true}) +
    row2('  · trong đó: tiền cho vay cầm đồ (gốc)', -l.cd_cho_vay, g('cd_cho_vay') !== null ? -g('cd_cho_vay') : null, {indent: true}) +
    row2('  · trong đó: tiền thu hồi nợ vay cầm đồ (gốc)', l.cd_thu_hoi_goc, g('cd_thu_hoi_goc'), {indent: true}) +
    row2('  · trong đó: tiền thu lãi cầm đồ', l.cd_thu_lai, g('cd_thu_lai'), {indent: true}) +
    row2('Tiền thu khác từ hoạt động kinh doanh', l.thu_khac, g('thu_khac'), {indent: true}) +
    row2('Tiền chi khác cho hoạt động kinh doanh', -l.chi_khac, g('chi_khac') !== null ? -g('chi_khac') : null, {indent: true}) +
    row2('Dòng tiền kinh doanh ròng theo dữ liệu hiện có', l.lctt_hdkd, g('lctt_hdkd'), {bold: true, highlight: true}) +
    rowChuaTheoDoi('Luồng tiền từ hoạt động đầu tư — chưa theo dõi', Boolean(kt)) +
    rowChuaTheoDoi('Luồng tiền từ hoạt động tài chính — chưa theo dõi', Boolean(kt));
}

let chartTaiSan = null;
function renderChartTaiSan(b) {
  const ctx = document.getElementById('chart-taisan');
  const data = [b.tien, b.phai_thu_cam_do, b.hang_ton_kho, b.tscd_con_lai];
  const labels = ['Tiền mặt/quỹ', 'Phải thu cầm đồ', 'Hàng tồn kho', 'TSCĐ (còn lại)'];
  const colors = ['#0284c7', '#b45309', '#d97706', '#15803d'];
  // Lọc bỏ mục = 0 cho biểu đồ gọn (VD chưa khai TSCĐ)
  const idx = data.map((v, i) => i).filter(i => data[i] > 0.01);
  const dd = idx.map(i => data[i]), ll = idx.map(i => labels[i]), cc = idx.map(i => colors[i]);
  if (chartTaiSan) chartTaiSan.destroy();
  if (!dd.length) { document.getElementById('chart-taisan-legend').innerHTML = '<span class="text-gray-300">Chưa có dữ liệu</span>'; return; }
  chartTaiSan = new Chart(ctx, {
    type: 'doughnut',
    data: { labels: ll, datasets: [{ data: dd, backgroundColor: cc, borderWidth: 2, borderColor: '#fff' }] },
    options: { plugins: { legend: { display: false } }, cutout: '62%' }
  });
  const tong = dd.reduce((a, b2) => a + b2, 0);
  document.getElementById('chart-taisan-legend').innerHTML = idx.map((i, j) => {
    const pct = tong ? (dd[j] / tong * 100).toFixed(1) : 0;
    return `<div class="flex items-center gap-1.5"><span style="width:9px;height:9px;border-radius:2px;background:${colors[i]};display:inline-block;flex-shrink:0"></span>
      <span class="flex-1">${labels[i]}</span><span class="font-semibold">${pct}%</span></div>`;
  }).join('');
}

function renderBcdkt(b) {
  document.getElementById('bcdkt-period').textContent = `Tại thời điểm hiện tại`;
  document.getElementById('bcdkt-tai-san').innerHTML =
    `<tr><td class="px-4 py-2 font-bold text-gray-700" colspan="2">Tài sản ngắn hạn</td></tr>` +
    row('Tiền và các khoản tương đương tiền (tồn quỹ)', b.tien, {indent: true}) +
    row('Phải thu ngắn hạn khác (dư nợ cầm đồ đang mở)', b.phai_thu_cam_do, {indent: true}) +
    row(`Hàng tồn kho (${fmt(b.so_luong_ton)} sản phẩm, theo giá vốn)`, b.hang_ton_kho, {indent: true}) +
    row('Cộng tài sản ngắn hạn', b.tong_tai_san_ngan_han, {bold: true}) +
    `<tr><td class="px-4 py-2 font-bold text-gray-700" colspan="2">Tài sản dài hạn</td></tr>` +
    row('Tài sản cố định hữu hình — Nguyên giá', b.tscd_nguyen_gia, {indent: true}) +
    row('Giá trị hao mòn lũy kế', -b.tscd_hao_mon, {indent: true}) +
    row('Giá trị còn lại tài sản cố định hữu hình', b.tscd_con_lai, {indent: true, bold: true}) +
    row('Cộng tài sản dài hạn', b.tong_tai_san_dai_han, {bold: true}) +
    row('Tổng tài sản theo số liệu đang theo dõi', b.tong_tai_san, {bold: true, highlight: true});
  document.getElementById('bcdkt-nguon-von').innerHTML =
    `<tr><td class="px-4 py-2 font-bold text-gray-700" colspan="2">Nợ phải trả</td></tr>` +
    row('Người mua trả tiền trước (cọc chưa giao hàng)', b.nguoi_mua_tra_truoc, {indent: true}) +
    row('Phải trả người lao động (lương chưa trả)', b.phai_tra_nguoi_lao_dong, {indent: true}) +
    row('Phải trả ngắn hạn khác (khai tay)', b.no_phai_tra_khac, {indent: true}) +
    row('Cộng nợ phải trả', b.no_phai_tra, {bold: true}) +
    `<tr><td class="px-4 py-2 font-bold text-gray-700" colspan="2">Vốn chủ sở hữu</td></tr>` +
    row('Vốn góp của chủ sở hữu (khai tay)', b.von_gop, {indent: true}) +
    row('Lợi nhuận sau thuế chưa phân phối', b.loi_nhuan_chua_pp, {indent: true}) +
    row('Cộng vốn chủ sở hữu', b.von_chu_so_huu, {bold: true}) +
    row('Tổng nợ phải trả và vốn chủ sở hữu theo số liệu đang theo dõi', b.tong_nguon_von, {bold: true, highlight: true});
  renderChartTaiSan(b);
}

function renderThuyetMinh(d) {
  const k = d.kqkd, b = d.bcdkt;
  const period = `${d.tu_ngay ? fmtDate(d.tu_ngay) : 'từ đầu hoạt động'} đến ${d.den_ngay ? fmtDate(d.den_ngay) : 'hiện tại'}`;
  document.getElementById('thuyet-minh').innerHTML = `
    <p><b>1. Đặc điểm hoạt động và kỳ báo cáo:</b> Số liệu được tổng hợp tự động từ sổ quỹ, danh sách
    tồn kho, cầm đồ, đặt hàng/gia công, tài sản cố định và các phiếu bán/mua hàng trong hệ thống,
    cho kỳ ${period}${d.ky_truoc ? ` (kỳ trước để so sánh: ${fmtDate(d.ky_truoc.tu_ngay)} — ${fmtDate(d.ky_truoc.den_ngay)})` : ''}.</p>
    <p><b>2. Cơ sở lập báo cáo:</b> Thông tư 99/2025/TT-BTC có hiệu lực từ 01/01/2026 và áp dụng
    cho năm tài chính bắt đầu từ hoặc sau ngày 01/01/2026. Các bảng trên
    chỉ là báo cáo quản trị nội bộ tổng hợp từ dữ liệu đang có; không phải và không khẳng định lập đầy đủ
    các mẫu B01-DN, B02-DN, B03-DN. Báo cáo <b>KHÔNG dựa trên sổ nhật ký chung / hệ thống
    tài khoản kế toán kép đầy đủ</b>, nên không thay thế BCTC chính thức nộp cơ quan thuế.
    Cần đối chiếu với kế toán trước khi dùng cho mục
    đích pháp lý.</p>
    <p><b>3. Hàng tồn kho:</b> ghi nhận theo giá vốn thực tế từng mã hàng tại thời điểm hiện tại
    (${fmt(b.so_luong_ton)} sản phẩm, tổng giá vốn ${fmtD(b.hang_ton_kho)}) — theo nguyên tắc giá gốc.
    Chưa trích lập dự phòng giảm giá hàng tồn kho (ít áp dụng với vàng/kim loại quý, hiếm khi giá trị
    thuần thấp hơn giá gốc lâu dài).</p>
    <p><b>4. Phải thu cầm đồ:</b> ${fmtD(b.phai_thu_cam_do)} — tổng dư nợ (gốc + lãi phát sinh) của các
    phiếu cầm đồ khách CHƯA chuộc, tính tại thời điểm hiện tại.</p>
    <p><b>5. Người mua trả tiền trước:</b> ${fmtD(b.nguoi_mua_tra_truoc)} — tổng tiền cọc của đơn đặt
    lấy hàng/gia công KHÁCH ĐÃ ĐẶT CỌC nhưng CHƯA GIAO HÀNG (nghĩa vụ giao hàng hoặc hoàn tiền).</p>
    <p><b>6. Phải trả người lao động:</b> ${fmtD(b.phai_tra_nguoi_lao_dong)} — lương đã chốt tính nhưng
    chưa chi trả (Nhân sự → Bảng lương).</p>
    <p><b>7. Tài sản cố định:</b> nguyên giá ${fmtD(b.tscd_nguyen_gia)}, hao mòn lũy kế
    ${fmtD(b.tscd_hao_mon)}, giá trị còn lại ${fmtD(b.tscd_con_lai)} — khấu hao đường thẳng theo ngày
    (xem trang <a href="/tai-san-co-dinh" class="underline">Tài sản cố định</a>).</p>
    <p><b>8. Doanh thu hoạt động tài chính / Chi phí bán hàng / quản lý DN / khác:</b> "Doanh thu HĐ
    tài chính" (${fmtD(k.doanh_thu_tai_chinh)}) là LÃI THẬT thu từ cầm đồ (không gồm phần khách trả
    lại gốc đã vay — khoản đó chỉ làm giảm "Phải thu cầm đồ", không phải doanh thu). "Chi phí bán
    hàng"/"Chi phí quản lý DN"/"Chi phí khác" (${fmtD(k.chi_phi_ban_hang)} / ${fmtD(k.chi_phi_quan_ly)} /
    ${fmtD(k.chi_phi_khac)}) lấy từ các khoản chi sổ quỹ được PHÂN LOẠI khi ghi tay (Sổ quỹ → Ghi sổ quỹ
    thủ công → chọn "Loại chi phí"); khoản chưa phân loại mặc định vào "Chi phí quản lý DN". "Thu nhập
    khác" (${fmtD(k.thu_nhap_khac)}) gồm cả tiền cọc bị mất do khách hủy đơn không hoàn (nếu có trong kỳ).</p>
    <p><b>9. Thuế thu nhập doanh nghiệp:</b> tạm tính theo tỷ lệ ${fmt(k.thue_tndn_pct)}% trên lợi
    nhuận trước thuế (nếu dương), chưa tính đến các khoản ưu đãi/miễn giảm thuế hoặc chi phí không
    được trừ (nếu có).</p>
    <p><b>10. Vốn chủ sở hữu:</b> "Vốn góp của chủ sở hữu" (${fmtD(b.von_gop)}) và "Nợ phải trả khác"
    (${fmtD(b.no_phai_tra_khac)}) do chủ tiệm tự khai báo trong phần Cài đặt thông số. "Lợi nhuận sau
    thuế chưa phân phối" (${fmtD(b.loi_nhuan_chua_pp)}) là phần chênh lệch còn lại để Tổng tài sản
    luôn bằng Tổng nguồn vốn — vẫn là ƯỚC LƯỢNG (không có sổ kế toán kép để tính chính xác tuyệt đối)
    nhưng nay chính xác hơn nhiều nhờ các khoản mục 4-7 ở trên đã được tách riêng thay vì gộp lẫn.</p>
  `;
}

async function loadReport() {
  const from = document.getElementById('f-from').value;
  const to = document.getElementById('f-to').value;
  const params = new URLSearchParams();
  if (from) params.set('from', from);
  if (to) params.set('to', to);
  const qs = params.toString();

  const res = await fetch('/api/pos/financial-report' + (qs ? '?' + qs : ''));
  const d = await res.json();

  renderKqkd(d, d.kqkd);
  renderLctt(d, d.lctt);
  renderBcdkt(d.bcdkt);
  renderThuyetMinh(d);
}

async function loadSettings() {
  const res = await fetch('/api/pos/financial-settings');
  const d = await res.json();
  // Backend lưu NGHÌN → hiển thị ĐỒNG (×1000)
  document.getElementById('set-von-gop').value = Math.round((d.von_gop||0) * 1000);
  document.getElementById('set-no-phai-tra').value = Math.round((d.no_phai_tra||0) * 1000);
  document.getElementById('set-thue-pct').value = d.thue_tndn_pct;
}

async function saveSettings() {
  const msg = document.getElementById('settings-msg');
  const res = await fetch('/api/pos/financial-settings', {
    method: 'POST', headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({
      pin: getPin(),
      // Nhập theo ĐỒNG → lưu về NGHÌN (÷1000)
      von_gop: (parseFloat(document.getElementById('set-von-gop').value) || 0) / 1000,
      no_phai_tra: (parseFloat(document.getElementById('set-no-phai-tra').value) || 0) / 1000,
      thue_tndn_pct: document.getElementById('set-thue-pct').value,
    })
  });
  const d = await res.json();
  if (d.success) {
    msg.textContent = '✅ Đã lưu';
    msg.className = 'text-sm font-semibold text-green-700';
    loadReport();
  } else {
    msg.textContent = d.error === 'wrong_pin' ? '❌ Sai mã PIN' : `❌ Lỗi: ${d.error}`;
    msg.className = 'text-sm font-semibold text-red-600';
  }
  setTimeout(() => { msg.textContent = ''; }, 3000);
}

loadSettings();
clearRange();
</script>
{% endblock %}