real estate property

government public service

healthcare medical

finance banking

technology software

Chinese

The domain name 'theconts.pages.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'theconts'. Its registrable label 'pages' stretches across 5 characters with two vowels and 3 consonants. Splitting it apart reveals 1 word: pages. No strong language cues emerged from the frequency lists.

html/ae/11/ae11d87b-2a55-4508-8517-0af2c30708bf.html.gz

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

98ccf17aa10c20bb1301762618fcc9b6ab3a4e7f26b6071d64d0b41154df3875

27a9c3b61843c6312b87f142d40fe77c0f0f054c9f3cdeccc4bfd5f3322859c8

c9506197caf809a075b6dee1da0d36fb19da7158ffe8a88e7b0c96c5d8623c99

24101ddc2f137940551de9cdb86b5900712e337d61a27ea2d9e9e83d7a0d407c

88b94901204962373e5a5a645668e3eddabb1735e822c73b8687ac5b47478180

9eb31c88e1da56d3d8cff08e4ddb2815290837475312702471a3ed6ded7dce3d

0ce1a15e1ea9b8f6e5a26e4b5583b287316529fd2c7812526c5f52267d9ff2a2

de87e5051e65863ae7bdd06ad7dd8d1572ce4aec06a2116d50652e1ca20c9133

87b65187cfc2139afddb5e35528ea5b923191c77f8246394dddf2628bb3c6ff1

88bbcac9490ad1d1928e9181708244a1b60c87ed4f596b2de8988ba0e6204e3c

b7fa89090583a5d2c77379dd9383888571a05ae0760dcbc6c78f71b961a99ad5

fa90249a528fce6b5c75251f7ee2fae08f94debec6a0ce7e608ed8012b569dad

4e140826ad4d024ea9cc8846fa9cb9c97381be9031212c9d80d635545febaaac

0d777d3ed320e7291b9eff4a6351fc8014f88a7b9a0ddf42d52c44e9cb92d2b2

32d6bf7bc52bca2d370e391abce71daeb61edf559dc4cfc08c1e59d9d169288e

167c8675d65012c2b9bb8dce0ef494997418c779f28d8ef07686d9fbb2c40285

viewport

apple-mobile-web-app-capable

apple-mobile-web-app-status-bar-style

apple-mobile-web-app-title

mobile-web-app-capable

application-name

theme-color

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/firebase-js

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Google LLC

GOOGLE


  import { initializeApp } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js';
  import { getFirestore, doc, getDoc, setDoc, collection, getDocs, deleteDoc, onSnapshot } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore.js';
  import { getAuth, signInWithEmailAndPassword, signOut, onAuthStateChanged, createUserWithEmailAndPassword } from 'https://www.gstatic.com/firebasejs/10.12.0/firebase-auth.js';

  // ============================================================
  // 🔧 YOUR FIREBASE CONFIG — 从 Firebase 控制台复制粘贴到这里
  // ============================================================
  const firebaseConfig = {
    apiKey: "AIzaSyBVKO9N4kj0_M6rJjz6D6G50WKztkeXT5U",
    authDomain: "the-cotns.firebaseapp.com",
    projectId: "the-cotns",
    storageBucket: "the-cotns.firebasestorage.app",
    messagingSenderId: "564064364339",
    appId: "1:564064364339:web:4b5f6aa1eee0f9fc26c046",
    measurementId: "G-T0NMK3HWCG"
  };
  // ============================================================

  window._fbConfig = firebaseConfig;
  const app = initializeApp(firebaseConfig);
  const db = getFirestore(app);
  const auth = getAuth(app);

  // Expose to global scope for use in main script
  window._fb = { db, auth, doc, getDoc, setDoc, collection, getDocs, deleteDoc, onSnapshot, signInWithEmailAndPassword, signOut, onAuthStateChanged, createUserWithEmailAndPassword };

  // Auth state listener
  onAuthStateChanged(auth, (user) => {
    window._fbUser = user;
    if (user) {
      document.getElementById('fb-login-screen').style.display = 'none';
      document.getElementById('fb-app-root').style.display = 'block';
      document.getElementById('fb-user-info').textContent = user.email;
      // Reset login button just in case
      const btn = document.getElementById('fb-login-btn');
      if(btn) { btn.textContent='登录'; btn.disabled=false; }
      // Show default page after login
      const dummyBtn = document.querySelector('.header-nav button') || document.createElement('button');
      showPage('units', dummyBtn);
      window._fbLoadAll().catch(err => {
        console.error('_fbLoadAll failed:', err);
        showGlobalLoading(false);
      });
    } else {
      document.getElementById('fb-login-screen').style.display = 'flex';
      document.getElementById('fb-app-root').style.display = 'none';
    }
  });



// ===== MASTER LISTING DATA =====
const TERMINATED = new Set(); // Data loaded from Firebase;

const UNITS = []; // Data loaded from Firebase

function getOpPct(u) {
  if(u.type==='LT') return 0.20;

// ============================================================
// 清洁员薪酬报告 - Cleaner Salary Report
// ============================================================
function showCleanerSalaryReport() {
  const clnData = cleaningData || [];
  if(!clnData.length) { alert('暂无清洁记录'); return; }

  const bcFee = parseFloat(document.getElementById('r-bc-fee')?.value) || 80;
  const dcFee = parseFloat(document.getElementById('r-dc-fee')?.value) || 150;

  // Get filters from cleaning page
  const yearF  = document.getElementById('cl-year-filter')?.value  || 'ALL';
  const monthF = document.getElementById('cl-month-filter')?.value || 'ALL';

  // Filter data
  const filtered = clnData.filter(r => {
    const validYears = ['2024','2025','2026','2027'];
    if(!validYears.includes(r.year)) return false;
    if(yearF !== 'ALL' && r.year !== yearF) return false;
    if(monthF !== 'ALL' && r.month !== monthF) return false;
    return true;
  });

  if(!filtered.length) { alert('没有符合条件的清洁记录'); return; }

  // Group by cleaner
  const cleanerMap = {};
  filtered.forEach(r => {
    const name = r.cleaner || '未知清洁员';
    if(!cleanerMap[name]) cleanerMap[name] = { bc:0, dc:0, units:new Set(), months:new Set(), records:[] };
    const c = cleanerMap[name];
    if(r.type === 'DC') c.dc++; else c.bc++;
    if(r.unit) c.units.add(r.unit);
    if(r.month && r.year) c.months.add(r.month + ' ' + r.year);
    c.records.push(r);
  });

  // Build summary
  const cleaners = Object.entries(cleanerMap).sort((a,b) => {
    const aTotal = a[1].bc * bcFee + a[1].dc * dcFee;
    const bTotal = b[1].bc * bcFee + b[1].dc * dcFee;
    return bTotal - aTotal;
  });

  const grandBC = cleaners.reduce((s,[,c])=>s+c.bc,0);
  const grandDC = cleaners.reduce((s,[,c])=>s+c.dc,0);
  const grandTotal = grandBC * bcFee + grandDC * dcFee;

  const periodLabel = yearF === 'ALL' ? '全部期间' : (monthF === 'ALL' ? yearF + ' 全年' : monthF + ' ' + yearF);

  // Summary table rows
  const rows = cleaners.map(([name,c], i) => {
    const salary = c.bc * bcFee + c.dc * dcFee;
    const pct = grandTotal > 0 ? (salary/grandTotal*100).toFixed(1) : 0;
    return `<tr onclick="toggleCleanerDetail('cd-${i}')" style="cursor:pointer;">
      <td style="padding:9px 14px;font-weight:600;font-size:13px;">${name}</td>
      <td class="num" style="padding:9px 10px;">${c.bc}</td>
      <td class="num" style="padding:9px 10px;color:var(--text3);font-size:11px;">RM ${bcFee}</td>
      <td class="num" style="padding:9px 10px;color:#7c3aed;">${c.dc}</td>
      <td class="num" style="padding:9px 10px;color:var(--text3);font-size:11px;">RM ${dcFee}</td>
      <td class="num" style="padding:9px 10px;font-weight:700;color:var(--gold);font-family:'DM Mono',monospace;">RM ${salary.toFixed(2)}</td>
      <td style="padding:9px 10px;">
        <div style="background:var(--cream2);border-radius:4px;height:6px;width:80px;overflow:hidden;">
          <div style="background:var(--gold);height:100%;width:${pct}%;"></div>
        </div>
        <span style="font-size:10px;color:var(--text3);">${pct}%</span>
      </td>
      <td style="padding:9px 10px;font-size:11px;color:var(--text3);">${c.units.size} 个单位</td>
      <td style="padding:9px 10px;font-size:11px;color:var(--text3);">${[...c.months].slice(0,3).join('、')}${c.months.size>3?'...':''}</td>
    </tr>
    <tr id="cd-${i}" style="display:none;background:var(--cream2);">
      <td colspan="9" style="padding:8px 14px;">
        <div style="font-size:11px;color:var(--text2);">
          <strong>清洁单位明细：</strong> ${[...c.units].join('、')}
        </div>
      </td>
    </tr>`;
  }).join('');

  const modal = document.createElement('div');
  modal.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:3000;overflow-y:auto;padding:20px;';
  modal.innerHTML = `
    <div style="background:white;border-radius:12px;max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);">
      <div style="background:var(--dark);color:white;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;">
        <div>
          <div style="font-size:11px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.1em;">清洁员薪酬报告</div>
          <div style="font-size:18px;font-weight:700;margin-top:2px;">💰 ${periodLabel}</div>
        </div>
        <div style="display:flex;gap:8px;align-items:center;">
          <button onclick="exportCleanerSalaryPDF(${JSON.stringify(periodLabel).replace(/"/g,"'")})" style="height:32px;padding:0 14px;background:var(--gold);color:var(--dark);border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;">↓ 导出 PDF</button>
          <button onclick="exportCleanerSalaryCSV(${JSON.stringify(periodLabel).replace(/"/g,"'")})" style="height:32px;padding:0 14px;background:rgba(255,255,255,0.15);color:white;border:none;border-radius:6px;font-size:12px;cursor:pointer;">↓ CSV</button>
          <button onclick="this.closest('[style*=fixed]').remove()" style="background:rgba(255,255,255,0.15);border:none;color:white;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;line-height:1;">×</button>
        </div>
      </div>

      
      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border-bottom:1px solid var(--border2);">
        <div style="padding:14px 20px;border-right:1px solid var(--border2);text-align:center;">
          <div style="font-size:10px;color:var(--text3);text-transform:uppercase;font-weight:600;">清洁员数量</div>
          <div style="font-size:22px;font-weight:700;color:var(--gold);">${cleaners.length}</div>
        </div>
        <div style="padding:14px 20px;border-right:1px solid var(--border2);text-align:center;">
          <div style="font-size:10px;color:var(--text3);text-transform:uppercase;font-weight:600;">Basic Clean</div>
          <div style="font-size:22px;font-weight:700;">${grandBC} <span style="font-size:12px;color:var(--text3);">次</span></div>
        </div>
        <div style="padding:14px 20px;border-right:1px solid var(--border2);text-align:center;">
          <div style="font-size:10px;color:var(--text3);text-transform:uppercase;font-weight:600;">Deep Clean</div>
          <div style="font-size:22px;font-weight:700;color:#7c3aed;">${grandDC} <span style="font-size:12px;color:var(--text3);">次</span></div>
        </div>
        <div style="padding:14px 20px;border-right:1px solid var(--border2);text-align:center;">
          <div style="font-size:10px;color:var(--text3);text-transform:uppercase;font-weight:600;">总记录数</div>
          <div style="font-size:22px;font-weight:700;">${filtered.length}</div>
        </div>
        <div style="padding:14px 20px;text-align:center;">
          <div style="font-size:10px;color:var(--text3);text-transform:uppercase;font-weight:600;">薪酬总额</div>
          <div style="font-size:22px;font-weight:700;color:var(--success);font-family:'DM Mono',monospace;">RM ${grandTotal.toFixed(2)}</div>
          <div style="font-size:10px;color:var(--text3);">BC×${bcFee} + DC×${dcFee}</div>
        </div>
      </div>

      
      <div class="table-wrap">
        <table id="cleaner-salary-table">
          <thead><tr style="background:var(--dark);color:white;">
            <th style="padding:10px 14px;text-align:left;min-width:120px;">清洁员</th>
            <th class="num sortable-th" style="padding:10px 10px;">BC 次数</th>
            <th class="num" style="padding:10px 10px;">单价</th>
            <th class="num sortable-th" style="padding:10px 10px;color:#c084fc;">DC 次数</th>
            <th class="num" style="padding:10px 10px;">单价</th>
            <th class="num sortable-th" style="padding:10px 10px;background:#065f46;">薪酬合计</th>
            <th style="padding:10px 10px;min-width:100px;">占比</th>
            <th style="padding:10px 10px;">单位数</th>
            <th style="padding:10px 10px;">月份</th>
          </tr></thead>
          <tbody>${rows}</tbody>
          <tfoot><tr style="background:var(--cream2);font-weight:700;">
            <td style="padding:9px 14px;">合计</td>
            <td class="num" style="padding:9px 10px;">${grandBC}</td>
            <td></td>
            <td class="num" style="padding:9px 10px;color:#7c3aed;">${grandDC}</td>
            <td></td>
            <td class="num" style="padding:9px 10px;color:var(--success);font-family:'DM Mono',monospace;">RM ${grandTotal.toFixed(2)}</td>
            <td colspan="3"></td>
          </tr></tfoot>
        </table>
      </div>
      <div style="padding:10px 16px;font-size:11px;color:var(--text3);text-align:center;border-top:1px solid var(--border2);">
        点击行展开该清洁员的单位明细 · BC费率: RM ${bcFee}/次 · DC费率: RM ${dcFee}/次
      </div>
    </div>`;

  document.body.appendChild(modal);
  modal.addEventListener('click', e => { if(e.target===modal) modal.remove(); });

  // Store data for export
  modal._cleanerData = cleaners;
  modal._period = periodLabel;
  modal._bcFee = bcFee;
  modal._dcFee = dcFee;
  modal._grandTotal = grandTotal;

  if(typeof makeSortable === 'function') setTimeout(()=>makeSortable('cleaner-salary-table'), 100);
  if(typeof logOp === 'function') logOp('生成清洁员薪酬报告: ' + periodLabel);
}
window.showCleanerSalaryReport = showCleanerSalaryReport;

function toggleCleanerDetail(id) {
  const el = document.getElementById(id);
  if(el) el.style.display = el.style.display==='none' ? 'table-row' : 'none';
}
window.toggleCleanerDetail = toggleCleanerDetail;

function exportCleanerSalaryCSV(period) {
  const modal = document.querySelector('[style*="fixed"]');
  const cleaners = modal?._cleanerData;
  if(!cleaners) return;
  const bcFee = modal._bcFee || 80;
  const dcFee = modal._dcFee || 150;
  const headers = 'CLEANER,BC_COUNT,BC_RATE,DC_COUNT,DC_RATE,TOTAL_SALARY,UNITS_COUNT,MONTHS';
  const rows = cleaners.map(([name,c])=>{
    const salary = c.bc * bcFee + c.dc * dcFee;
    return [name, c.bc, bcFee, c.dc, dcFee, salary.toFixed(2), c.units.size, [...c.months].join(';')].map(v=>`"${v}"`).join(',');
  });
  const csv = headers + '\n' + rows.join('\n');
  const blob = new Blob([csv], {type:'text/csv;charset=utf-8;'});
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url; a.download = 'Cleaner_Salary_' + period.replace(/\s/g,'_') + '.csv'; a.click();
  URL.revokeObjectURL(url);
}
window.exportCleanerSalaryCSV = exportCleanerSalaryCSV;

function exportCleanerSalaryPDF(period) {
  const modal = document.querySelector('[style*="fixed"][style*="3000"]');
  const cleaners = modal?._cleanerData;
  if(!cleaners || !cleaners.length) { alert('无数据'); return; }
  const {jsPDF} = window.jspdf || {};
  if(!jsPDF) { alert('PDF库未加载，请先生成一次报告'); return; }

  const bcFee = modal._bcFee || 80;
  const dcFee = modal._dcFee || 150;
  const grandTotal = modal._grandTotal || 0;

  const doc = new jsPDF({orientation:'portrait', unit:'mm', format:'a4'});
  const W = doc.internal.pageSize.getWidth();

  // Header
  doc.setFillColor(26,26,24); doc.rect(0,0,W,28,'F');
  doc.setFillColor(201,169,110); doc.rect(0,28,W,0.8,'F');
  doc.setTextColor(255,255,255); doc.setFontSize(16); doc.setFont('helvetica','bold');
  doc.text('THE CONTS SDN. BHD.',14,12);
  doc.setFontSize(8); doc.setFont('helvetica','normal'); doc.setTextColor(180,180,160);
  doc.text('清洁员薪酬报告 — CLEANER SALARY REPORT',14,20);
  doc.text('Company No: 202301027399 (1521322-V)',14,25);

  let y = 36;
  doc.setTextColor(30,30,28); doc.setFontSize(13); doc.setFont('helvetica','bold');
  doc.text('CLEANER SALARY REPORT', W/2, y, {align:'center'}); y += 6;
  doc.setFontSize(9); doc.setFont('helvetica','normal'); doc.setTextColor(100,100,90);
  doc.text(`Period: ${period}  |  BC Rate: RM ${bcFee}  |  DC Rate: RM ${dcFee}  |  Generated: ${new Date().toLocaleDateString('en-MY')}`, W/2, y, {align:'center'}); y += 6;
  doc.setDrawColor(200,180,140); doc.line(14,y,W-14,y); y += 6;

  // Table
  const tableData = cleaners.map(([name,c])=>[
    name,
    c.bc.toString(),
    c.dc.toString(),
    (c.bc+c.dc).toString(),
    'RM '+(c.bc*bcFee).toFixed(2),
    'RM '+(c.dc*dcFee).toFixed(2),
    'RM '+(c.bc*bcFee+c.dc*dcFee).toFixed(2),
  ]);

  doc.autoTable({
    startY: y,
    head: [['CLEANER','BC','DC','TOTAL','BC AMT (RM)','DC AMT (RM)','SALARY (RM)']],
    body: tableData,
    foot: [['TOTAL', cleaners.reduce((s,[,c])=>s+c.bc,0).toString(), cleaners.reduce((s,[,c])=>s+c.dc,0).toString(),
            (cleaners.reduce((s,[,c])=>s+c.bc+c.dc,0)).toString(), '', '', 'RM '+grandTotal.toFixed(2)]],
    theme: 'grid',
    styles: {fontSize:9, cellPadding:2.5, textColor:[40,40,38]},
    headStyles: {fillColor:[26,26,24], textColor:255, fontStyle:'bold', fontSize:8.5},
    footStyles: {fillColor:[240,237,228], fontStyle:'bold'},
    columnStyles: {0:{cellWidth:45}, 1:{halign:'center'}, 2:{halign:'center'}, 3:{halign:'center'}, 4:{halign:'right'}, 5:{halign:'right'}, 6:{halign:'right',fontStyle:'bold'}},
    margin: {left:14, right:14},
  });

  y = doc.lastAutoTable.finalY + 10;

  // Footer
  const H = doc.internal.pageSize.getHeight();
  doc.setFillColor(240,237,228); doc.rect(0,H-12,W,12,'F');
  doc.setFontSize(7); doc.setTextColor(120,120,112);
  doc.text('Confidential — THE CONTS SDN. BHD.', 14, H-5);
  doc.text(`Total: RM ${grandTotal.toFixed(2)} | ${period}`, W-14, H-5, {align:'right'});

  doc.save('Cleaner_Salary_' + period.replace(/\s/g,'_') + '.pdf');
  if(typeof logOp === 'function') logOp('导出清洁员薪酬PDF: ' + period);
}
window.exportCleanerSalaryPDF = exportCleanerSalaryPDF;


// ============================================================
// FIREBASE 设置面板功能
// ============================================================

function _fbLog(msg, type='info') {
  const log = document.getElementById('fb-log');
  if(!log) return;
  const time = new Date().toLocaleTimeString('en-MY', {hour12:false});
  const colors = {info:'var(--text2)', success:'#059669', error:'#dc2626', warn:'#d97706'};
  const icons = {info:'ℹ️', success:'✅', error:'❌', warn:'⚠️'};
  const line = document.createElement('div');
  line.style.color = colors[type]||colors.info;
  line.style.borderBottom = '1px solid var(--border2)';
  line.style.paddingBottom = '3px';
  line.style.marginBottom = '3px';
  line.textContent = `[${time}] ${icons[type]||''} ${msg}`;
  // Remove placeholder
  if(log.querySelector('div[style*="text3"]')) log.innerHTML='';
  log.insertBefore(line, log.firstChild);
  // Keep max 50 lines
  while(log.children.length > 50) log.removeChild(log.lastChild);
}

function clearFbLog() {
  const log = document.getElementById('fb-log');
  if(log) log.innerHTML = '<div style="color:var(--text3);">日志已清空</div>';
}

function toggleFbConfig() {
  const details = document.getElementById('fb-config-details');
  const arrow = document.getElementById('fb-config-arrow');
  if(!details) return;
  const isOpen = details.style.display !== 'none';
  details.style.display = isOpen ? 'none' : 'block';
  if(arrow) arrow.style.transform = isOpen ? '' : 'rotate(180deg)';
  if(!isOpen) renderFbConfigDetails();
}

function renderFbConfigDetails() {
  const el = document.getElementById('fb-config-display');
  if(!el) return;
  const fb = window._fb;
  if(!fb?.app) { el.textContent = '⚠️ Firebase 未初始化'; return; }
  try {
    const cfg = window._fbConfig || {
    apiKey: 'AIzaSyBVKO9N4kj0_M6rJjz6D6G50WKztkeXT5U',
    authDomain: 'the-cotns.firebaseapp.com',
    projectId: 'the-cotns',
    storageBucket: 'the-cotns.firebasestorage.app',
    messagingSenderId: '564064364339',
    appId: '1:564064364339:web:4b5f6aa1eee0f9fc26c046'
  };
    el.innerHTML = [
      `<span style="color:#7c3aed">apiKey</span>: "${cfg.apiKey?.slice(0,12)}...${cfg.apiKey?.slice(-4)}"`,
      `<span style="color:#7c3aed">authDomain</span>: "${cfg.authDomain}"`,
      `<span style="color:#7c3aed">projectId</span>: "${cfg.projectId}"`,
      `<span style="color:#7c3aed">storageBucket</span>: "${cfg.storageBucket}"`,
      `<span style="color:#7c3aed">messagingSenderId</span>: "${cfg.messagingSenderId}"`,
      `<span style="color:#7c3aed">appId</span>: "${cfg.appId?.slice(0,20)}..."`,
    ].join('<br>');
  } catch(e) {
    el.textContent = '读取配置时出错: ' + e.message;
  }
}

function refreshFirebaseStatus() {
  _fbLog('刷新 Firebase 状态...', 'info');
  renderFirebaseStatusPanel();
}

async function renderFirebaseStatusPanel() {
  const fb = window._fb;
  const user = window._fbUser;

  // ── Connection status ──
  const dot = document.getElementById('fb-conn-dot');
  const text = document.getElementById('fb-conn-text');
  const userEl = document.getElementById('fb-conn-user');
  const projEl = document.getElementById('fb-project-id');
  const authEl = document.getElementById('fb-auth-domain');

  if(fb && user) {
    if(dot) { dot.style.background='#10b981'; dot.style.boxShadow='0 0 6px #10b981'; }
    if(text) { text.textContent='✅ 已连接'; text.style.color='#059669'; }
    if(userEl) userEl.textContent = `登录账号: ${user.email}`;
    _fbLog(`连接正常 — 用户: ${user.email}`, 'success');
  } else if(fb && !user) {
    if(dot) { dot.style.background='#f59e0b'; }
    if(text) { text.textContent='⚠️ 未登录'; text.style.color='#d97706'; }
    if(userEl) userEl.textContent = '请先登录';
    _fbLog('Firebase 已初始化但用户未登录', 'warn');
  } else {
    if(dot) { dot.style.background='#ef4444'; }
    if(text) { text.textContent='❌ 未连接'; text.style.color='#dc2626'; }
    if(userEl) userEl.textContent = 'Firebase 未初始化';
    _fbLog('Firebase 未连接', 'error');
  }

  // ── Project info ──
  try {
    const cfg = fb?.app?.options;
    if(projEl) projEl.textContent = cfg?.projectId || '未知';
    if(authEl) authEl.textContent = cfg?.authDomain || '';
  } catch(e) {}

  // ── Collection stats ──
  renderCollectionStats();
}

function renderCollectionStats() {
  const grid = document.getElementById('fb-collections-grid');
  const lastSync = document.getElementById('fb-last-sync');
  if(!grid) return;

  const collections = [
    { key:'units',     icon:'🏠', label:'单位资料',   color:'#dbeafe', border:'#93c5fd', data: (typeof UNITS!=='undefined'?UNITS:[]) },
    { key:'booking',   icon:'📊', label:'Booking',    color:'#dcfce7', border:'#86efac', data: (typeof bookingData!=='undefined'?bookingData:[]) },
    { key:'cleaning',  icon:'🧹', label:'清洁记录',   color:'#fef9c3', border:'#fde047', data: (typeof cleaningData!=='undefined'?cleaningData:[]) },
    { key:'utilities', icon:'💡', label:'水电费',     color:'#fce7f3', border:'#f9a8d4', data: Object.keys(typeof utilData!=='undefined'?utilData:{}) },
    { key:'entries',   icon:'📝', label:'其他记录',   color:'#ede9fe', border:'#c4b5fd', data: (typeof entries!=='undefined'?entries:[]) },
  ];

  grid.innerHTML = collections.map(c => {
    const count = Array.isArray(c.data) ? c.data.length : c.data.length;
    const sub = c.key==='utilities'
      ? `${count} 个月份`
      : c.key==='units' ? `${count} 个单位`
      : `${count} 条记录`;
    const isLoaded = count > 0;
    return `
      <div style="background:${c.color};border:1px solid ${c.border};border-radius:10px;padding:14px;cursor:pointer;"
           onclick="fbPingCollection('${c.key}')" title="点击测试读取">
        <div style="font-size:22px;margin-bottom:6px;">${c.icon}</div>
        <div style="font-size:11px;color:#374151;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;">${c.label}</div>
        <div style="font-size:20px;font-weight:800;color:${isLoaded?'#1f2937':'#9ca3af'};margin:4px 0;">${count.toLocaleString()}</div>
        <div style="font-size:10px;color:#6b7280;">${sub}</div>
        <div style="margin-top:6px;font-size:10px;color:${isLoaded?'#059669':'#d97706'};">${isLoaded?'✅ 已加载':'⚠️ 未加载'}</div>
      </div>`;
  }).join('');

  if(lastSync) {
    const now = new Date().toLocaleString('zh-CN', {hour12:false});
    lastSync.textContent = `最后更新: ${now}`;
  }
}

async function fbPingCollection(collectionKey) {
  const fb = window._fb;
  if(!fb) { _fbLog('Firebase 未连接', 'error'); return; }
  _fbLog(`测试读取集合 theconts/${collectionKey}...`, 'info');
  showFbActionResult('⏳ 读取中...', 'info');
  try {
    const {db, doc, getDoc} = fb;
    const start = Date.now();
    const snap = await getDoc(doc(db, 'theconts', collectionKey));
    const ms = Date.now() - start;
    if(snap.exists()) {
      const data = snap.data();
      const keys = Object.keys(data);
      _fbLog(`✅ theconts/${collectionKey} 读取成功 (${ms}ms) — 字段: ${keys.join(', ').slice(0,60)}`, 'success');
      showFbActionResult(`✅ theconts/${collectionKey} 读取成功！响应时间: ${ms}ms`, 'success');
    } else {
      _fbLog(`⚠️ theconts/${collectionKey} 文档不存在`, 'warn');
      showFbActionResult(`⚠️ theconts/${collectionKey} 文档不存在（可能未初始化）`, 'warn');
    }
  } catch(e) {
    _fbLog(`❌ 读取 theconts/${collectionKey} 失败: ${e.message}`, 'error');
    showFbActionResult(`❌ 读取失败: ${e.message}`, 'error');
  }
}

async function fbTestConnection() {
  const fb = window._fb;
  const user = window._fbUser;
  if(!fb || !user) { _fbLog('Firebase 未连接或未登录', 'error'); return; }
  _fbLog('开始完整连接测试...', 'info');
  showFbActionResult('⏳ 测试中...', 'info');
  const results = [];
  const cols = ['units','booking','cleaning','utilities'];
  let allOk = true;
  for(const col of cols) {
    try {
      const {db, doc, getDoc} = fb;
      const t = Date.now();
      const snap = await getDoc(doc(db,'theconts',col));
      const ms = Date.now()-t;
      const ok = snap.exists();
      results.push(`${ok?'✅':'⚠️'} theconts/${col} — ${ok?`OK (${ms}ms)`:'文档不存在'}`);
      _fbLog(`${ok?'✅':'⚠️'} ${col}: ${ok?ms+'ms':'不存在'}`, ok?'success':'warn');
      if(!ok) allOk = false;
    } catch(e) {
      results.push(`❌ theconts/${col} — ${e.message.slice(0,50)}`);
      _fbLog(`❌ ${col}: ${e.message}`, 'error');
      allOk = false;
    }
  }
  const summary = allOk ? '✅ 所有集合读取正常！' : '⚠️ 部分集合有问题，请检查日志';
  showFbActionResult(summary + '\n' + results.join('\n'), allOk?'success':'warn');
}

async function fbSyncAllData() {
  if(!window._fbLoadAll) { _fbLog('_fbLoadAll 未定义', 'error'); return; }
  _fbLog('开始重新同步全部数据...', 'info');
  showFbActionResult('⏳ 同步中，请稍候...', 'info');
  try {
    await window._fbLoadAll();
    _syncGlobals && _syncGlobals();
    renderCollectionStats();
    _fbLog('✅ 全部数据同步完成', 'success');
    showFbActionResult(`✅ 同步完成！单位: ${UNITS.length} · Booking: ${bookingData.length} · 清洁: ${cleaningData.length}`, 'success');
  } catch(e) {
    _fbLog('❌ 同步失败: ' + e.message, 'error');
    showFbActionResult('❌ 同步失败: ' + e.message, 'error');
  }
}

async function fbCheckRules() {
  const fb = window._fb;
  const user = window._fbUser;
  if(!fb||!user) { _fbLog('Firebase 未连接', 'error'); return; }
  _fbLog('检查 Firestore 读写权限...', 'info');
  showFbActionResult('⏳ 检查中...', 'info');
  const results = [];

  // Test read
  try {
    const {db, doc, getDoc} = fb;
    await getDoc(doc(db,'theconts','units'));
    results.push('✅ 读取权限: 正常');
    _fbLog('✅ 读取权限正常', 'success');
  } catch(e) {
    if(e.code==='permission-denied') {
      results.push('❌ 读取权限: 被拒绝');
      _fbLog('❌ 读取权限被拒绝 (permission-denied)', 'error');
    } else {
      results.push(`⚠️ 读取测试: ${e.message.slice(0,40)}`);
    }
  }

  // Test write (safe: write then delete)
  try {
    const {db, doc, setDoc, deleteDoc} = fb;
    const testRef = doc(db, 'theconts', '_permission_test_' + Date.now());
    await setDoc(testRef, {test: true, ts: new Date().toISOString()});
    await deleteDoc(testRef);
    results.push('✅ 写入权限: 正常');
    _fbLog('✅ 写入权限正常', 'success');
  } catch(e) {
    if(e.code==='permission-denied') {
      results.push('❌ 写入权限: 被拒绝');
      _fbLog('❌ 写入权限被拒绝', 'error');
    } else {
      results.push(`⚠️ 写入测试: ${e.message.slice(0,40)}`);
      _fbLog(`⚠️ 写入测试: ${e.message}`, 'warn');
    }
  }

  showFbActionResult(results.join('\n'), results.every(r=>r.startsWith('✅'))?'success':'warn');
}

async function fbExportAll() {
  _fbLog('准备导出全部 Firebase 数据...', 'info');
  showFbActionResult('⏳ 准备导出...', 'info');
  try {
    const exportData = {
      exportTime: new Date().toISOString(),
      project: window._fb?.app?.options?.projectId,
      units: typeof UNITS!=='undefined' ? UNITS : [],
      booking: typeof bookingData!=='undefined' ? bookingData : [],
      cleaning: typeof cleaningData!=='undefined' ? cleaningData : [],
      utilities: typeof utilData!=='undefined' ? utilData : {},
      entries: typeof entries!=='undefined' ? entries : [],
    };
    const json = JSON.stringify(exportData, null, 2);
    const blob = new Blob([json], {type:'application/json'});
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = `theconts_backup_${new Date().toISOString().slice(0,10)}.json`;
    a.click();
    URL.revokeObjectURL(url);
    const totalRecords = exportData.units.length + exportData.booking.length + exportData.cleaning.length;
    _fbLog(`✅ 已导出 ${totalRecords} 条记录 (${(json.length/1024).toFixed(1)} KB)`, 'success');
    showFbActionResult(`✅ 导出成功！共 ${totalRecords} 条记录，文件: ${(json.length/1024).toFixed(1)} KB`, 'success');
  } catch(e) {
    _fbLog('❌ 导出失败: ' + e.message, 'error');
    showFbActionResult('❌ 导出失败: ' + e.message, 'error');
  }
}

function showFbActionResult(msg, type='info') {
  const el = document.getElementById('fb-action-result');
  if(!el) return;
  const colors = {info:'#eff6ff', success:'#f0fdf4', error:'#fef2f2', warn:'#fffbeb'};
  const borders = {info:'#bfdbfe', success:'#bbf7d0', error:'#fecaca', warn:'#fde68a'};
  const textColors = {info:'#1e40af', success:'#166534', error:'#991b1b', warn:'#92400e'};
  el.style.display = 'block';
  el.style.background = colors[type]||colors.info;
  el.style.border = `1px solid ${borders[type]||borders.info}`;
  el.style.color = textColors[type]||textColors.info;
  el.style.whiteSpace = 'pre-line';
  el.textContent = msg;
  setTimeout(()=>{ if(el) el.style.display='none'; }, 8000);
}

// ── Auto-init when settings page is shown ──
// page hooks in base showPage
// ── Export to window ──
window.refreshFirebaseStatus = refreshFirebaseStatus;
window.toggleFbConfig = toggleFbConfig;
window.clearFbLog = clearFbLog;
window.fbTestConnection = fbTestConnection;
window.fbSyncAllData = fbSyncAllData;
window.fbCheckRules = fbCheckRules;
window.fbExportAll = fbExportAll;
window.fbPingCollection = fbPingCollection;

// Init if already on settings page
// Firebase page initialized




// ================================================================
// 月度报告 — Monthly Report Page
// ================================================================

(function() {
'use strict';

// Init month selector to current month
function initMonthlySelectors() {
  const now = new Date();
  const months = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'];
  const mr = document.getElementById('mr-month');
  const yr = document.getElementById('mr-year');
  if(mr) mr.value = months[now.getMonth()];
  if(yr) yr.value = now.getFullYear().toString();
}

// Platform colors
const PLAT_COLOR = {
  AIRBNB: '#FF5A5F', BOOKING: '#003580', OWNER: '#059669',
  AGODA: '#004B87', EXPEDIA: '#FFC72C', OTHER: '#6B7280'
};

function platColor(p) { return PLAT_COLOR[(p||'').toUpperCase()] || PLAT_COLOR.OTHER; }

function renderMonthlyReport() {
  const month = document.getElementById('mr-month')?.value || 'MAR';
  const year  = document.getElementById('mr-year')?.value  || '2026';

  const allBk  = typeof bookingData  !== 'undefined' ? bookingData  : (window.bookingData  || []);
  const allCl  = typeof cleaningData !== 'undefined' ? cleaningData : (window.cleaningData || []);
  const allUtil= typeof utilData     !== 'undefined' ? utilData     : (window.utilData     || {});
  const allUnits = typeof UNITS !== 'undefined' ? UNITS : (window.UNITS || []);

  // Filter current month
  const bk   = allBk.filter(r => r.monthName===month && r.year===year);
  const cl   = allCl.filter(r => r.month===month && r.year===year);
  const util = allUtil[`${year}-${month}`] || {};
  const activeUnits = allUnits.filter(u => !u.terminated);

  // ── KPI Cards ──
  const totalPayout = bk.reduce((s,r) => s + (r.payout||0), 0);
  const bcCount = cl.filter(r=>r.type==='BC').length;
  const dcCount = cl.filter(r=>r.type==='DC').length;
  const clnCost = bcCount * 80 + dcCount * 150;
  const utilUnits = Object.keys(util).length;
  const totalElec  = Object.values(util).reduce((s,v)=>s+(v.elec||0),0);
  const totalWater = Object.values(util).reduce((s,v)=>s+(v.water||0),0);
  const totalWifi  = Object.values(util).reduce((s,v)=>s+(v.wifi||0),0);
  const totalIndah = Object.values(util).reduce((s,v)=>s+(v.indah||0),0);
  const bkUnits    = [...new Set(bk.map(r=>r.unit))].length;
  const totalDays  = bk.reduce((s,r)=>s+(r.dayStay||0),0);
  const monthIdx   = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'].indexOf(month);
  const daysInMonth= new Date(parseInt(year), monthIdx+1, 0).getDate();
  const gp = totalPayout - clnCost - totalElec - totalWater - totalWifi - totalIndah;

  const kpiEl = document.getElementById('mr-kpis');
  if(kpiEl) kpiEl.innerHTML = [
    {icon:'💰', label:'Booking 总收入', val:'RM '+totalPayout.toLocaleString('en-MY',{minimumFractionDigits:2}), color:'var(--gold)', big:true},
    {icon:'📊', label:'Booking 条数', val:bk.length+' 条', color:'var(--text)'},
    {icon:'🏠', label:'有收入单位', val:bkUnits+' 个', color:'var(--text)'},
    {icon:'🌙', label:'总住宿天数', val:totalDays+' 天', color:'var(--text)'},
    {icon:'🧹', label:'清洁次数', val:(bcCount+dcCount)+' 次', color:'var(--text)'},
    {icon:'💡', label:'电费合计', val:'RM '+totalElec.toFixed(2), color:'var(--text)'},
    {icon:'🚿', label:'水费合计', val:'RM '+totalWater.toFixed(2), color:'var(--text)'},
    {icon:'📈', label:'预估净收入 GP', val:'RM '+gp.toLocaleString('en-MY',{minimumFractionDigits:2}), color: gp>=0?'#059669':'#dc2626', big:true},
    {icon:'📆', label:'平均入住率', val: bkUnits>0?(totalDays/(daysInMonth*bkUnits)*100).toFixed(1)+'%':'—', color:'var(--text)'},
  ].map(k=>`
    <div style="background:white;border:1px solid var(--border2);border-radius:10px;padding:14px;${k.big?'border-left:3px solid '+k.color+';':''}">
      <div style="font-size:11px;color:var(--text3);margin-bottom:6px;">${k.icon} ${k.label}</div>
      <div style="font-size:${k.big?'20':'16'}px;font-weight:700;color:${k.color};font-family:'DM Mono',monospace;">${k.val}</div>
    </div>`).join('');

  // ── Platform Distribution ──
  const byPlat = {};
  bk.forEach(r => { byPlat[r.platform] = (byPlat[r.platform]||0) + (r.payout||0); });
  const platEntries = Object.entries(byPlat).sort((a,b)=>b[1]-a[1]);

  const platChartEl = document.getElementById('mr-platform-chart');
  if(platChartEl && totalPayout > 0) {
    platChartEl.innerHTML = `<div style="display:flex;height:20px;border-radius:6px;overflow:hidden;margin-bottom:8px;">
      ${platEntries.map(([p,v])=>`<div style="flex:${v/totalPayout};background:${platColor(p)};transition:flex 0.3s;" title="${p}: RM ${v.toFixed(2)}"></div>`).join('')}
    </div>`;
  }

  const platListEl = document.getElementById('mr-platform-list');
  if(platListEl) platListEl.innerHTML = platEntries.map(([p,v])=>{
    const cnt = bk.filter(r=>r.platform===p).length;
    const pct = totalPayout>0 ? (v/totalPayout*100).toFixed(1) : 0;
    return `<div style="display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid var(--border2);">
      <div style="width:10px;height:10px;border-radius:50%;background:${platColor(p)};flex-shrink:0;"></div>
      <span style="font-size:12px;font-weight:600;flex:1;">${p}</span>
      <span style="font-size:11px;color:var(--text3);">${cnt} 条</span>
      <span style="font-size:11px;color:var(--text3);">${pct}%</span>
      <span style="font-size:12px;font-weight:700;font-family:'DM Mono',monospace;color:var(--gold);">RM ${v.toFixed(2)}</span>
    </div>`;
  }).join('');

  // ── Cleaning Summary ──
  const clByType = {BC: bcCount, DC: dcCount};
  const clByCleaner = {};
  cl.forEach(r => { clByCleaner[r.cleaner||'—'] = (clByCleaner[r.cleaner||'—']||0) + 1; });
  const clSumEl = document.getElementById('mr-cleaning-summary');
  if(clSumEl) clSumEl.innerHTML = `
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;">
      <div style="background:var(--cream2);border-radius:8px;padding:12px;text-align:center;">
        <div style="font-size:22px;font-weight:800;">${bcCount}</div>
        <div style="font-size:11px;color:var(--text3);">Basic Clean (×RM80)</div>
        <div style="font-size:12px;font-weight:600;color:var(--gold);">RM ${(bcCount*80).toFixed(2)}</div>
      </div>
      <div style="background:#fdf4ff;border-radius:8px;padding:12px;text-align:center;">
        <div style="font-size:22px;font-weight:800;color:#7c3aed;">${dcCount}</div>
        <div style="font-size:11px;color:var(--text3);">Deep Clean (×RM150)</div>
        <div style="font-size:12px;font-weight:600;color:#7c3aed;">RM ${(dcCount*150).toFixed(2)}</div>
      </div>
    </div>
    <div style="border-top:1px solid var(--border2);padding-top:10px;">
      <div style="font-size:11px;font-weight:700;color:var(--text3);margin-bottom:6px;">按清洁员</div>
      ${Object.entries(clByCleaner).sort((a,b)=>b[1]-a[1]).map(([c,n])=>`
        <div style="display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border2);">
          <span style="font-size:12px;font-weight:600;">${c}</span>
          <span style="font-size:12px;color:var(--text3);">${n} 次</span>
          <span style="font-size:12px;font-weight:700;font-family:'DM Mono',monospace;">RM ${(cl.filter(r=>(r.cleaner||'—')===c).reduce((s,r)=>s+(r.type==='DC'?150:80),0)).toFixed(2)}</span>
        </div>`).join('')}
      <div style="display:flex;justify-content:space-between;padding:6px 0;margin-top:4px;">
        <span style="font-size:12px;font-weight:700;">合计</span>
        <span style="font-size:14px;font-weight:800;color:var(--gold);font-family:'DM Mono',monospace;">RM ${clnCost.toFixed(2)}</span>
      </div>
    </div>`;

  // ── Unit Table ──
  // Build per-unit data
  const unitMap = {};
  activeUnits.forEach(u => { unitMap[u.bu] = {unit:u, bk:[], cl:[], util: util[u.bu]||{}}; });
  bk.forEach(r => { if(unitMap[r.unit]) unitMap[r.unit].bk.push(r); });
  cl.forEach(r => { if(unitMap[r.unit]) unitMap[r.unit].cl.push(r); });

  // Build building filter
  const buildings = [...new Set(activeUnits.map(u=>u.bu.split('-')[0]))].sort();
  const bldgFilter = document.getElementById('mr-building-filter');
  if(bldgFilter && bldgFilter.options.length <= 1) {
    buildings.forEach(b => {
      const opt = document.createElement('option');
      opt.value = b; opt.textContent = b;
      bldgFilter.appendChild(opt);
    });
  }

  // Sort by payout desc
  const rows = Object.values(unitMap)
    .filter(d => d.bk.length > 0 || d.cl.length > 0)
    .sort((a,b) => b.bk.reduce((s,r)=>s+r.payout,0) - a.bk.reduce((s,r)=>s+r.payout,0));

  window._mrRows = rows; // save for filter
  renderMrTableRows(rows, totalPayout);

  // ── Utilities Summary ──
  const utilEl = document.getElementById('mr-utilities-summary');
  if(utilEl) {
    const utilStats = [
      {label:'有数据单位', val:utilUnits+' 个', icon:'🏠'},
      {label:'电费合计', val:'RM '+totalElec.toFixed(2), icon:'⚡'},
      {label:'水费合计', val:'RM '+totalWater.toFixed(2), icon:'🚿'},
      {label:'WiFi 合计', val:'RM '+totalWifi.toFixed(2), icon:'📶'},
      {label:'Indah Water', val:'RM '+totalIndah.toFixed(2), icon:'🌊'},
      {label:'水电总计', val:'RM '+(totalElec+totalWater+totalWifi+totalIndah).toFixed(2), icon:'💡'},
    ];
    utilEl.innerHTML = utilStats.map(s=>`
      <div style="background:var(--cream2);border-radius:8px;padding:12px;text-align:center;">
        <div style="font-size:18px;margin-bottom:4px;">${s.icon}</div>
        <div style="font-size:13px;font-weight:700;font-family:'DM Mono',monospace;">${s.val}</div>
        <div style="font-size:10px;color:var(--text3);margin-top:2px;">${s.label}</div>
      </div>`).join('');
  }

  // ── No Booking Units ──
  const hasBkSet = new Set(bk.map(r=>r.unit));
  const noBooking = activeUnits.filter(u => !hasBkSet.has(u.bu));
  const noBookEl = document.getElementById('mr-no-booking');
  if(noBookEl) {
    if(noBooking.length === 0) {
      noBookEl.innerHTML = '<span style="color:#059669;">✅ 所有活跃单位本月均有 Booking 记录</span>';
    } else {
      noBookEl.innerHTML = noBooking.map(u=>`
        <span style="display:inline-block;background:var(--cream2);border:1px solid var(--border);border-radius:6px;padding:3px 8px;margin:3px;font-size:12px;font-weight:600;">${u.bu}</span>`).join('');
    }
  }
}
window.renderMonthlyReport = renderMonthlyReport;

function renderMrTableRows(rows, totalPayout) {
  const tbody = document.getElementById('mr-unit-tbody');
  const tfoot = document.getElementById('mr-unit-tfoot');
  const countEl = document.getElementById('mr-unit-count');
  if(!tbody) return;

  // Get current month/year for occupancy calculation
  const month = document.getElementById('mr-month')?.value || 'MAR';
  const year  = document.getElementById('mr-year')?.value  || '2026';
  const monthIdx = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'].indexOf(month);
  const daysInMonth = new Date(parseInt(year), monthIdx+1, 0).getDate();

  // BC/DC rates from report page (or defaults)
  const bcFee = parseFloat(document.getElementById('r-bc-fee')?.value) || 80;
  const dcFee = parseFloat(document.getElementById('r-dc-fee')?.value) || 150;

  let gTotalBk=0, gTotalCln=0, gTotalUtil=0, gTotalGRR=0, gTotalOwner=0, gTotalGL=0;

  tbody.innerHTML = rows.map((d, i) => {
    const u = d.unit;
    // Booking
    const payout   = d.bk.reduce((s,r) => s+(r.payout||0), 0);
    const days     = d.bk.reduce((s,r) => s+(r.dayStay||0), 0);
    const occupancy= daysInMonth > 0 ? Math.min(100, (days/daysInMonth*100)) : 0;

    // Cleaning cost
    const bcCount = d.cl.filter(r=>r.type==='BC').length;
    const dcCount = d.cl.filter(r=>r.type==='DC').length;
    const clnCost = bcCount*bcFee + dcCount*dcFee;

    // Utilities
    const elec  = d.util.elec  || 0;
    const water = d.util.water || 0;
    const wifi  = d.util.wifi  || 0;
    const indah = d.util.indah || 0;
    const utilTotal = elec + water + wifi + indah;

    // GP = Booking - Cleaning - Utilities
    const gp = payout - clnCost - utilTotal;

    // GRR / Owner Payout
    const opPct = u.type==='LT' ? 0.20 : 0.30; // company %
    let grr, ownerPayout;
    if(u.type==='LT' && u.rental > 0) {
      grr = u.rental;          // fixed rental = GRR
      ownerPayout = u.rental;  // owner gets fixed rental
    } else {
      grr = payout;            // for PS, GRR = booking revenue
      ownerPayout = Math.max(0, gp * (1 - opPct)); // owner gets % of GP
    }

    // Gain/Loss = GP - Owner Payout (company's net)
    const gainLoss = gp - ownerPayout;

    gTotalBk+=payout; gTotalCln+=clnCost; gTotalUtil+=utilTotal;
    gTotalGRR+=grr; gTotalOwner+=ownerPayout; gTotalGL+=gainLoss;

    const glColor = gainLoss >= 0 ? '#059669' : '#dc2626';
    const occColor = occupancy >= 70 ? '#059669' : occupancy >= 40 ? '#d97706' : '#dc2626';
    const rowBg = i%2===0 ? '' : 'background:#fafaf8;';
    const typeColor = u.type==='LT' ? '#1e40af' : '#166534';
    const typeBg = u.type==='LT' ? '#dbeafe' : '#dcfce7';

    return `<tr style="${rowBg}cursor:pointer;" onclick="openUnitDetail('${u.bu}')"
        onmouseover="this.style.background='#fff8e7'" onmouseout="this.style.background='${i%2===0?'':'#fafaf8'}'">
      <td style="padding:8px 12px;font-weight:700;font-size:12px;">${u.bu}<div style="font-size:10px;color:var(--text3);font-weight:400;">${u.landlord||''}</div></td>
      <td style="padding:8px 12px;text-align:center;">
        <span style="background:${typeBg};color:${typeColor};padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;">${u.type||'—'}</span>
      </td>
      <td class="num" style="padding:8px 12px;font-weight:700;font-family:'DM Mono',monospace;color:var(--gold);">${payout>0?payout.toFixed(2):'—'}</td>
      <td class="num" style="padding:8px 12px;">
        <span style="color:${occColor};font-weight:700;">${occupancy.toFixed(0)}%</span>
        <div style="font-size:10px;color:var(--text3);">${days}天/${daysInMonth}天</div>
      </td>
      <td class="num" style="padding:8px 12px;font-size:12px;">${clnCost>0?clnCost.toFixed(2):'—'}
        ${clnCost>0?`<div style="font-size:9px;color:var(--text3);">BC:${bcCount} DC:${dcCount}</div>`:''}
      </td>
      <td class="num" style="padding:8px 12px;font-size:12px;">${utilTotal>0?utilTotal.toFixed(2):'—'}
        ${utilTotal>0?`<div style="font-size:9px;color:var(--text3);">E:${elec.toFixed(0)} W:${water.toFixed(0)}</div>`:''}
      </td>
      <td class="num" style="padding:8px 12px;font-size:12px;font-family:'DM Mono',monospace;">${grr>0?grr.toFixed(2):'—'}
        ${u.type==='LT'?'<div style="font-size:9px;color:var(--text3);">Fixed</div>':'<div style="font-size:9px;color:var(--text3);">= Booking</div>'}
      </td>
      <td class="num" style="padding:8px 12px;font-weight:700;font-family:'DM Mono',monospace;color:#1e40af;">${ownerPayout>0?ownerPayout.toFixed(2):'—'}
        ${u.type==='PS'?`<div style="font-size:9px;color:var(--text3);">GP×${((1-opPct)*100).toFixed(0)}%</div>`:''}
      </td>
      <td class="num" style="padding:8px 12px;font-weight:700;font-family:'DM Mono',monospace;color:${glColor};">
        ${gainLoss>=0?'+':''}${gainLoss.toFixed(2)}
      </td>
    </tr>`;
  }).join('');

  if(tfoot) tfoot.innerHTML = `<tr style="background:var(--cream2);font-weight:700;">
    <td style="padding:8px 12px;" colspan="2">合计 (${rows.length} 个单位)</td>
    <td class="num" style="padding:8px 12px;font-family:'DM Mono',monospace;color:var(--gold);">RM ${gTotalBk.toFixed(2)}</td>
    <td></td>
    <td class="num" style="padding:8px 12px;">RM ${gTotalCln.toFixed(2)}</td>
    <td class="num" style="padding:8px 12px;">RM ${gTotalUtil.toFixed(2)}</td>
    <td class="num" style="padding:8px 12px;">RM ${gTotalGRR.toFixed(2)}</td>
    <td class="num" style="padding:8px 12px;color:#1e40af;">RM ${gTotalOwner.toFixed(2)}</td>
    <td class="num" style="padding:8px 12px;color:${gTotalGL>=0?'#059669':'#dc2626'};">${gTotalGL>=0?'+':''}RM ${gTotalGL.toFixed(2)}</td>
  </tr>`;

  if(countEl) countEl.textContent = `显示 ${rows.length} 个单位 · BC费率: RM ${bcFee} · DC费率: RM ${dcFee}`;
}

function filterMrTable() {
  const q = (document.getElementById('mr-unit-search')?.value||'').toLowerCase();
  const bldg = document.getElementById('mr-building-filter')?.value||'ALL';
  const rows = (window._mrRows||[]).filter(d => {
    const bu = d.unit.bu.toLowerCase();
    const land = (d.unit.landlord||'').toLowerCase();
    if(q && !bu.includes(q) && !land.includes(q)) return false;
    if(bldg !== 'ALL' && !d.unit.bu.startsWith(bldg+'-')) return false;
    return true;
  });
  const total = (window._mrRows||[]).reduce((s,d) => s + d.bk.reduce((ss,r) => ss+(r.payout||0), 0), 0);
  renderMrTableRows(rows, total);
}
window.filterMrTable = filterMrTable;

// Monthly page initialized

// Init selectors on load
if(document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', initMonthlySelectors);
} else {
  initMonthlySelectors();
}

console.log('✅ 月度报告页面已加载');
})();




// ================================================================
// Mobile Tab Bar
// ================================================================
(function() {

const MOBILE_TABS = ['dashboard','units','monthly','booking'];
const MORE_ITEMS  = ['report','utilities','cleaning','settings','firebase'];
let _currentTab = 'dashboard';
let _moreOpen = false;

function mobileTab(name) {
  _currentTab = name;
  _moreOpen = false;

  // Call showPage via window to ensure scope access
  if(typeof window.showPage === 'function') {
    window.showPage(name, { classList: { add: function(){}, remove: function(){} } });
  }

  // Update bottom tab active state
  MOBILE_TABS.forEach(t => {
    const el = document.getElementById('mtab-' + t);
    if(el) el.classList.toggle('active', t === name);
  });
  // Update more button active if on more item
  const morBtn = document.getElementById('mtab-more');
  if(morBtn) morBtn.classList.toggle('active', MORE_ITEMS.includes(name));

  // Update more menu items active state
  MORE_ITEMS.forEach(t => {
    const el = document.getElementById('mmenu-' + t);
    if(el) el.classList.toggle('active', t === name);
  });

  // Close more menu
  const menu = document.getElementById('mobile-more-menu');
  if(menu) menu.classList.remove('open');

  // Scroll to top
  window.scrollTo(0, 0);
}
window.mobileTab = mobileTab;

function toggleMoreMenu(force) {
  _moreOpen = force !== undefined ? force : !_moreOpen;
  const menu = document.getElementById('mobile-more-menu');
  if(menu) menu.classList.toggle('open', _moreOpen);
  const btn = document.getElementById('mtab-more');
  if(btn) btn.classList.toggle('active', _moreOpen);
}
window.toggleMoreMenu = toggleMoreMenu;

// Close more menu when tapping outside
document.addEventListener('click', e => {
  if(_moreOpen && !e.target.closest('#mobile-more-menu') && !e.target.closest('#mtab-more')) {
    toggleMoreMenu(false);
  }
});

// Hook into showPage to sync mobile tab state
// page hooks in base showPage
// Set initial active tab on load
setTimeout(() => {
  if(window.innerWidth <= 768) {
    const dashboard = document.getElementById('mtab-dashboard');
    if(dashboard) dashboard.classList.add('active');
  }
}, 800);

})();



// ================================================================
// 杂项管理页面 JS
// Air Cover + 另外收入（不计入报告）
// ================================================================
(function() {

// ── Air Cover items ──
let airCoverItems = [];  // [{desc, amount, date}]
let extraIncomeItems = [];  // [{desc, amount, date}]

function addAirCoverItem() {
  const now = new Date();
  const m = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'][now.getMonth()];
  airCoverItems.push({ desc: '', amount: 0, date: '', unit: '', month: m });
  renderAirCoverItems();
  renderMiscSummary();
}
window.addAirCoverItem = addAirCoverItem;

function addExtraIncomeItem() {
  const now = new Date();
  const m = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'][now.getMonth()];
  extraIncomeItems.push({ desc: '', amount: 0, date: '', unit: '', month: m });
  renderExtraIncomeItems();
  renderMiscSummary();
}
window.addExtraIncomeItem = addExtraIncomeItem;

function removeAirCoverItem(i) {
  airCoverItems.splice(i, 1);
  renderAirCoverItems();
  renderMiscSummary();
}
window.removeAirCoverItem = removeAirCoverItem;

function _buildMonthUnitFilters(items, monthSelId, unitSelId) {
  const months = [...new Set(items.map(r => r.month).filter(Boolean))].sort();
  const units  = [...new Set(items.map(r => r.unit).filter(Boolean))].sort();
  const mSel = document.getElementById(monthSelId);
  const uSel = document.getElementById(unitSelId);
  if(!mSel || !uSel) return;
  const curM = mSel.value, curU = uSel.value;
  mSel.innerHTML = '<option value="ALL">全部月份</option>' +
    ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC']
    .map(m => `<option value="${m}"${curM===m?' selected':''}>${m}</option>`).join('');
  uSel.innerHTML = '<option value="ALL">全部单位</option>' +
    units.map(u => `<option value="${u}"${curU===u?' selected':''}>${u}</option>`).join('');
}

function _renderItemTable(items, tbodyId, tfootId, totalId, filterMonthId, filterUnitId, accentColor, removeFnName, isAirCover) {
  const tbody = document.getElementById(tbodyId);
  const tfoot = document.getElementById(tfootId);
  const totalEl = document.getElementById(totalId);
  if(!tbody) return;

  const fm = document.getElementById(filterMonthId)?.value || 'ALL';
  const fu = document.getElementById(filterUnitId)?.value || 'ALL';
  const filtered = items.filter(r =>
    (fm === 'ALL' || r.month === fm) &&
    (fu === 'ALL' || r.unit === fu)
  );

  const months = ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC'];
  const allUnits = (typeof UNITS !== 'undefined' ? UNITS : (window.UNITS||[])).filter(u=>!u.terminated).map(u=>u.bu);
  const borderCol = accentColor === '#1e40af' ? '#bfdbfe' : '#86efac';
  const prefix = isAirCover ? 'ac' : 'ei';

  if(items.length === 0) {
    tbody.innerHTML = '<tr><td colspan="5" style="text-align:center;color:var(--text3);padding:16px;font-size:12px;">暂无记录 — 点击"+ 添加记录"</td></tr>';
    if(tfoot) tfoot.innerHTML = '';
    if(totalEl) totalEl.textContent = 'RM 0.00';
    return;
  }

  tbody.innerHTML = items.map((item, i) => {
    const hidden = (fm !== 'ALL' && item.month !== fm) || (fu !== 'ALL' && item.unit !== fu);
    const monthOpts = months.map(m => '<option value="' + m + '"' + (item.month===m?' selected':'') + '>' + m + '</option>').join('');
    const unitOpts = allUnits.map(bu => '<option value="' + bu + '"' + (item.unit===bu?' selected':'') + '>' + bu + '</option>').join('');
    const rowStyle = (hidden ? 'display:none;' : '') + (i%2===0 ? '' : 'background:#fafaf8;');
    return '<tr style="' + rowStyle + '" data-idx="' + i + '" data-prefix="' + prefix + '">' +
      '<td style="padding:6px 8px;">' +
        '<select data-field="month" data-idx="' + i + '" data-prefix="' + prefix + '" onchange="updateMiscItem(this)" ' +
          'style="width:64px;height:28px;border:1px solid var(--border);border-radius:5px;font-size:11px;padding:0 4px;">' +
          '<option value="">月份</option>' + monthOpts +
        '</select>' +
      '</td>' +
      '<td style="padding:6px 8px;">' +
        '<select data-field="unit" data-idx="' + i + '" data-prefix="' + prefix + '" onchange="updateMiscItem(this)" ' +
          'style="width:130px;height:28px;border:1px solid var(--border);border-radius:5px;font-size:11px;padding:0 4px;">' +
          '<option value="">选择单位</option>' + unitOpts +
        '</select>' +
      '</td>' +
      '<td style="padding:6px 8px;">' +
        '<input type="text" value="' + (item.desc||'').replace(/"/g,'&quot;') + '" placeholder="描述..." data-field="desc" data-idx="' + i + '" data-prefix="' + prefix + '" oninput="updateMiscItem(this)" ' +
          'style="width:100%;height:28px;border:1px solid var(--border);border-radius:5px;padding:0 8px;font-size:12px;">' +
      '</td>' +
      '<td style="padding:6px 8px;text-align:right;">' +
        '<input type="number" value="' + (item.amount||'') + '" placeholder="0.00" min="0" step="0.01" data-field="amount" data-idx="' + i + '" data-prefix="' + prefix + '" oninput="updateMiscItem(this)" ' +
          'style="width:90px;height:28px;border:1px solid ' + borderCol + ';border-radius:5px;padding:0 8px;font-size:12px;text-align:right;">' +
      '</td>' +
      '<td style="padding:6px 8px;text-align:center;">' +
        '<button onclick="' + removeFnName + '(' + i + ')" style="width:26px;height:26px;background:#fef2f2;border:1px solid #fecaca;border-radius:5px;color:#dc2626;cursor:pointer;font-size:14px;">×</button>' +
      '</td>' +
    '</tr>';
  }).join('');

  const filteredTotal = filtered.reduce((s,r) => s+(r.amount||0), 0);
  const allTotal = items.reduce((s,r) => s+(r.amount||0), 0);
  if(tfoot) tfoot.innerHTML = '<tr style="background:var(--cream2);font-weight:700;">' +
    '<td colspan="3" style="padding:7px 10px;font-size:12px;">' + (filtered.length < items.length ? '筛选: ' + filtered.length + ' 条 / 共 ' + items.length + ' 条' : '共 ' + items.length + ' 条') + '</td>' +
    '<td style="padding:7px 10px;text-align:right;font-family:DM Mono,monospace;color:' + accentColor + ';">RM ' + filteredTotal.toFixed(2) + (filtered.length < items.length ? '<div style="font-size:10px;color:var(--text3);">全部: RM ' + allTotal.toFixed(2) + '</div>' : '') + '</td>' +
    '<td></td>' +
  '</tr>';
  if(totalEl) totalEl.textContent = 'RM ' + filteredTotal.toFixed(2);
}

// Generic item field updater - avoids nested template literals
function updateMiscItem(el) {
  const idx = parseInt(el.dataset.idx);
  const field = el.dataset.field;
  const prefix = el.dataset.prefix;
  const items = prefix === 'ac' ? airCoverItems : extraIncomeItems;
  if(!items[idx]) return;
  items[idx][field] = field === 'amount' ? (parseFloat(el.value)||0) : el.value;
  if(field === 'month' || field === 'unit') {
    _buildMonthUnitFilters(items, prefix+'-filter-month', prefix+'-filter-unit');
  }
  renderMiscSummary();
  if(field === 'amount') renderUnitSummaryTable && renderUnitSummaryTable();
}
window.updateMiscItem = updateMiscItem;


function renderAirCoverItems() {
  _buildMonthUnitFilters(airCoverItems, 'ac-filter-month', 'ac-filter-unit');
  _renderItemTable(airCoverItems, 'misc-aircover-items', 'ac-tfoot', 'misc-aircover-total',
    'ac-filter-month', 'ac-filter-unit', '#1e40af', 'removeAirCoverItem', true);
}

function renderExtraIncomeItems() {
  _buildMonthUnitFilters(extraIncomeItems, 'ei-filter-month', 'ei-filter-unit');
  _renderItemTable(extraIncomeItems, 'misc-extraincome-items', 'ei-tfoot', 'misc-extraincome-total',
    'ei-filter-month', 'ei-filter-unit', '#166534', 'removeExtraIncomeItem', false);
}
// Alias functions for onchange handlers
function renderAirCoverTable() { renderAirCoverItems(); }
function renderExtraIncomeTable() { renderExtraIncomeItems(); }
window.renderAirCoverTable = renderAirCoverTable;
window.renderExtraIncomeTable = renderExtraIncomeTable;

function removeAirCoverItem(i) {
  airCoverItems.splice(i, 1);
  renderAirCoverItems();
  renderMiscSummary();
}
window.removeAirCoverItem = removeAirCoverItem;

function removeExtraIncomeItem(i) {
  extraIncomeItems.splice(i, 1);
  renderExtraIncomeItems();
  renderMiscSummary();
}
window.removeExtraIncomeItem = removeExtraIncomeItem;


function syncDeductionsToMiscPage() {
  // Copy innerHTML from the hidden report page elements to misc page display
  const dedSrc  = document.getElementById('ded-items-list');
  const nospSrc = document.getElementById('nosp-items-list');
  const dedDest  = document.getElementById('misc-ded-items');
  const nospDest = document.getElementById('misc-nosp-items');
  const dedTotal  = document.getElementById('ded-total');
  const nospTotal = document.getElementById('nosp-total');
  const miscDedTotal  = document.getElementById('misc-ded-total');
  const miscNospTotal = document.getElementById('misc-nosp-total');

  if(dedSrc && dedDest) dedDest.innerHTML = dedSrc.innerHTML;
  if(nospSrc && nospDest) nospDest.innerHTML = nospSrc.innerHTML;
  if(dedTotal && miscDedTotal) miscDedTotal.textContent = dedTotal.textContent;
  if(nospTotal && miscNospTotal) miscNospTotal.textContent = nospTotal.textContent;
}

// ── Summary bar ──
function renderMiscSummary() {
  const bar = document.getElementById('misc-summary-bar');
  if(!bar) return;
  const dedTotal  = parseFloat(document.getElementById('ded-total')?.textContent?.replace('RM ','')) || 0;
  const nospTotal = parseFloat(document.getElementById('nosp-total')?.textContent?.replace('RM ','')) || 0;
  const airTotal  = airCoverItems.reduce((s,r) => s+(r.amount||0), 0);
  const extraTotal = extraIncomeItems.reduce((s,r) => s+(r.amount||0), 0);

  const stats = [
    { icon:'📋', label:'Additional Deduction', val: dedTotal,  color:'var(--danger)',  bg:'#fef2f2', note:'计入GP' },
    { icon:'⚠️', label:'不与屋主分成扣除',       val: nospTotal, color:'#92400e',       bg:'#fffbeb', note:'不计入GP' },
    { icon:'✈️', label:'Air Cover',              val: airTotal,  color:'#1e40af',       bg:'#eff6ff', note:'不计入报告' },
    { icon:'💰', label:'另外收入',                val: extraTotal,color:'#166534',       bg:'#f0fdf4', note:'不计入报告' },
  ];

  bar.innerHTML = stats.map(s => `
    <div style="background:${s.bg};border-radius:10px;padding:14px;border:1px solid var(--border2);">
      <div style="font-size:11px;color:var(--text3);margin-bottom:6px;">${s.icon} ${s.label}</div>
      <div style="font-size:18px;font-weight:800;color:${s.color};font-family:'DM Mono',monospace;">RM ${s.val.toFixed(2)}</div>
      <div style="font-size:10px;color:var(--text3);margin-top:3px;">${s.note}</div>
    </div>`).join('');
}
window.renderMiscSummary = renderMiscSummary;

// ── Clear all ──
function clearAllMisc() {
  if(!confirm('确定清空所有杂项记录？\n（包括 Air Cover 和另外收入）')) return;
  airCoverItems = [];
  extraIncomeItems = [];
  renderAirCoverItems();
  renderExtraIncomeItems();
  renderMiscSummary();
}
window.clearAllMisc = clearAllMisc;

// ── Main render (called when page opens) ──
function renderUnitSummaryTable() {
  const tbody = document.getElementById('unit-summary-tbody');
  const tfoot = document.getElementById('unit-summary-tfoot');
  const emptyEl = document.getElementById('unit-summary-empty');
  const mSel = document.getElementById('unit-summary-month');
  if(!tbody) return;

  const filterMonth = mSel?.value || 'ALL';
  const allUnits = typeof UNITS !== 'undefined' ? UNITS.filter(u=>!u.terminated) : (window.UNITS||[]).filter(u=>!u.terminated);

  // Build month options
  if(mSel) {
    const allMonths = [...new Set([...airCoverItems, ...extraIncomeItems].map(r=>r.month).filter(Boolean))].sort();
    const cur = mSel.value;
    mSel.innerHTML = '<option value="ALL">全部月份</option>' +
      ['JAN','FEB','MAR','APR','MAY','JUN','JUL','AUG','SEP','OCT','NOV','DEC']
      .filter(m => allMonths.includes(m))
      .map(m => `<option value="${m}"${cur===m?' selected':''}>${m}</option>`).join('');
    mSel.value = cur;
  }

  // Aggregate by unit
  const unitData = {};
  [...airCoverItems, ...extraIncomeItems].forEach(r => {
    if(!r.unit) return;
    if(filterMonth !== 'ALL' && r.month !== filterMonth) return;
    if(!unitData[r.unit]) unitData[r.unit] = { ac: 0, ei: 0 };
    const isAC = airCoverItems.includes(r);
    if(isAC) unitData[r.unit].ac += (r.amount||0);
    else      unitData[r.unit].ei += (r.amount||0);
  });

  const rows = Object.entries(unitData).sort((a,b) => (b[1].ac+b[1].ei) - (a[1].ac+a[1].ei));

  if(rows.length === 0) {
    tbody.innerHTML = '';
    if(tfoot) tfoot.innerHTML = '';
    if(emptyEl) emptyEl.style.display = 'block';
    return;
  }
  if(emptyEl) emptyEl.style.display = 'none';

  let totAC=0, totEI=0;
  tbody.innerHTML = rows.map(([bu, d], i) => {
    const u = allUnits.find(u=>u.bu===bu) || {};
    totAC += d.ac; totEI += d.ei;
    const total = d.ac + d.ei;
    const bg = i%2===0 ? '' : 'background:#fafaf8;';
    return `<tr style="${bg}cursor:pointer;" onclick="openUnitDetail && openUnitDetail('${bu}')">
      <td style="padding:8px 12px;font-weight:700;font-size:12px;">${bu}</td>
      <td style="padding:8px 12px;font-size:11px;color:var(--text3);">${u.landlord||'—'}</td>
      <td class="num" style="padding:8px 12px;font-family:'DM Mono',monospace;color:#1e40af;font-weight:600;">${d.ac>0?'RM '+d.ac.toFixed(2):'—'}</td>
      <td class="num" style="padding:8px 12px;font-family:'DM Mono',monospace;color:#166534;font-weight:600;">${d.ei>0?'RM '+d.ei.toFixed(2):'—'}</td>
      <td class="num" style="padding:8px 12px;font-family:'DM Mono',monospace;font-weight:700;">RM ${total.toFixed(2)}</td>
    </tr>`;
  }).join('');

  if(tfoot) tfoot.innerHTML = `<tr style="background:var(--cream2);font-weight:700;">
    <td style="padding:8px 12px;" colspan="2">合计 (${rows.length} 个单位)</td>
    <td class="num" style="padding:8px 12px;font-family:'DM Mono',monospace;color:#1e40af;">RM ${totAC.toFixed(2)}</td>
    <td class="num" style="padding:8px 12px;font-family:'DM Mono',monospace;color:#166534;">RM ${totEI.toFixed(2)}</td>
    <td class="num" style="padding:8px 12px;font-family:'DM Mono',monospace;">RM ${(totAC+totEI).toFixed(2)}</td>
  </tr>`;
}
window.renderUnitSummaryTable = renderUnitSummaryTable;

function renderMiscPage() {
  syncDeductionsToMiscPage();
  renderAirCoverItems();
  renderExtraIncomeItems();
  renderMiscSummary();
  renderUnitSummaryTable();
}
window.renderMiscPage = renderMiscPage;

// Init empty states on load
renderAirCoverItems();
renderExtraIncomeItems();

})();




// FINAL FIX: Reparent all page divs to correct container, then fix navigation
(function() {
  function fixPages() {
    // Find all page divs
    var pages = document.querySelectorAll('div[id^="page-"]');
    // Find the right container - the direct parent of page-dashboard (known good)
    var dashboard = document.getElementById('page-dashboard');
    if(!dashboard) return;
    var container = dashboard.parentElement;
    if(!container) return;
    
    // Move all page divs to be direct children of the container
    pages.forEach(function(pg) {
      if(pg.parentElement !== container) {
        container.appendChild(pg);
        console.log('Reparented: ' + pg.id);
      }
    });
    
    // Now override showPage and mobileTab
    window.showPage = function(name, el) {
      pages.forEach(function(p) { p.style.display = 'none'; });
      var pg = document.getElementById('page-' + name);
      if(pg) pg.style.display = 'block';
      if(el && el.classList) el.classList.add('active');
      setTimeout(function() {
        if(name==='booking') { if(window.buildBookingMonthFilter) window.buildBookingMonthFilter(); if(window.renderBookingTable) window.renderBookingTable(); }
        if(name==='utilities') { if(window.buildMonthTabs) window.buildMonthTabs(); if(window.renderUtilities) window.renderUtilities(); }
        if(name==='cleaning') { if(window.buildCleaningFilters) window.buildCleaningFilters(); if(window.renderCleaningTable) window.renderCleaningTable(); }
        if(name==='settings') { if(window.renderSettingsStats) window.renderSettingsStats(); if(window.renderSettingsTable) window.renderSettingsTable(); }
        if(name==='firebase' && window.fbRefreshAll) window.fbRefreshAll();
        if(name==='monthly' && window.renderMonthlyReport) window.renderMonthlyReport();
        if(name==='misc' && window.renderMiscPage) window.renderMiscPage();
        if(name==='dashboard' && window.renderDashboard) window.renderDashboard();
      }, 200);
      // Mobile tab sync
      ['dashboard','units','monthly','booking'].forEach(function(t) {
        var e = document.getElementById('mtab-'+t); if(e) e.classList.toggle('active', t===name);
      });
      var mb = document.getElementById('mtab-more');
      if(mb) mb.classList.toggle('active', ['report','utilities','cleaning','settings','firebase','misc'].indexOf(name) >= 0);
      ['report','utilities','cleaning','settings','firebase','misc'].forEach(function(t) {
        var e = document.getElementById('mmenu-'+t); if(e) e.classList.toggle('active', t===name);
      });
      window.scrollTo(0, 0);
    };
    
    window.mobileTab = function(name) {
      window.showPage(name, {classList:{add:function(){},remove:function(){}}});
      var menu = document.getElementById('mobile-more-menu');
      if(menu) menu.classList.remove('open');
    };
    
    // Show units by default after reparenting
    var visible = document.querySelector('div[id^="page-"][style*="display: block"], div[id^="page-"].active');
    if(!visible) {
      var u = document.getElementById('page-units');
      if(u) u.style.display = 'block';
    }
    
    console.log('✅ Pages reparented and navigation fixed');
  }
  
  // Run after everything loads
  if(document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() { setTimeout(fixPages, 100); });
  } else {
    setTimeout(fixPages, 100);
  }
  
  // Also run after Firebase login (app root shown)
  var origAuthShow = null;
  var checkInterval = setInterval(function() {
    var appRoot = document.getElementById('fb-app-root');
    if(appRoot && appRoot.style.display === 'block') {
      clearInterval(checkInterval);
      setTimeout(fixPages, 500);
    }
  }, 500);
})();


Requests	IP Address	Location	AS Autonomous System
5	142.251.110.94	United States	AS15169Google LLC
2	104.17.24.14	United States	AS13335Cloudflare, Inc.
2	142.251.20.94	United States	AS15169Google LLC
2	142.251.20.95	United States	AS15169Google LLC
2	172.66.44.90	United States	AS13335Cloudflare, Inc.
13	5	-	-

Security Scan Report: theconts.pages.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies4

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History