{
  "id": "water",
  "title": "Water bill — residential",
  "category": "Water",
  "note": "Not affiliated with any utility company; layout templates for demonstration.",
  "fields": [
    {
      "field": "issueDate",
      "id": "water-issue-date",
      "xpath": "//*[@id='water-issue-date']",
      "value": "08/01/2026",
      "depth": 0
    },
    {
      "field": "refNumber",
      "id": "water-ref-number",
      "xpath": "//*[@id='water-ref-number']",
      "value": "00000000",
      "depth": 0
    },
    {
      "field": "mailingAddress",
      "id": "water-mailing-address",
      "xpath": "//*[@id='water-mailing-address']",
      "value": "<span id=\"water-customer-name\" data-field=\"customerName\">CHAN TAI MAN 陳大文</span><br>FLAT A, 1/F, EXAMPLE HOUSE<br>SAMPLE ESTATE<br>SAMPLE DISTRICT",
      "depth": 0
    },
    {
      "field": "customerName",
      "id": "water-customer-name",
      "xpath": "//*[@id='water-customer-name']",
      "value": "CHAN TAI MAN 陳大文",
      "depth": 1
    },
    {
      "field": "supplyAddress",
      "id": "water-supply-address",
      "xpath": "//*[@id='water-supply-address']",
      "value": "FLAT A, 1/F, EXAMPLE HOUSE<br>1 SAMPLE STREET<br>SAMPLE DISTRICT, HONG KONG",
      "depth": 0
    },
    {
      "field": "accountNumber",
      "id": "water-account-number",
      "xpath": "//*[@id='water-account-number']",
      "value": "0000 0000 000",
      "depth": 0
    },
    {
      "field": "consumption",
      "id": "water-consumption",
      "xpath": "//*[@id='water-consumption']",
      "value": "36 立方米/122日",
      "depth": 0
    },
    {
      "field": "dailyAverage",
      "id": "water-daily-average",
      "xpath": "//*[@id='water-daily-average']",
      "value": "0.295立方米 (295 公升)",
      "depth": 0
    },
    {
      "field": "usageChart",
      "id": "water-usage-chart",
      "xpath": "//*[@id='water-usage-chart']",
      "value": "\n                \n                  <div style=\"width:20px; background:#1c1c1a; height: 29px;\"></div>\n                \n                  <div style=\"width:20px; background:#1c1c1a; height: 19px;\"></div>\n                \n                  <div style=\"width:20px; background:#1c1c1a; height: 31px;\"></div>\n                \n                  <div style=\"width:20px; background:#1c1c1a; height: 24px;\"></div>\n                \n                  <div style=\"width:20px; background:#1c1c1a; height: 32px;\"></div>\n                \n                  <div style=\"width:20px; background:#1c1c1a; height: 32px;\"></div>\n                \n                  <div style=\"width:20px; background:#1c1c1a; height: 34px;\"></div>\n                \n              ",
      "depth": 0
    },
    {
      "field": "meterTable",
      "id": "water-meter-table",
      "xpath": "//*[@id='water-meter-table']",
      "value": "\n          <thead><tr style=\"background:#c5d3e8; font-weight:700;\">\n            <th style=\"padding:4px;\">水錶編號</th><th style=\"padding:4px;\">日期</th><th style=\"padding:4px;\">度數</th><th style=\"padding:4px;\">日期</th><th style=\"padding:4px;\">度數</th>\n          </tr></thead>\n          <tbody><tr>\n            <td id=\"water-meter-number\" data-field=\"meterNumber\" style=\"padding:5px;\">00000000</td>\n            <td id=\"water-reading-date-1\" data-field=\"readingDate1\" style=\"padding:5px;\">29/08/2025</td>\n            <td id=\"water-reading-1\" data-field=\"reading1\" style=\"padding:5px;\">901A</td>\n            <td id=\"water-reading-date-2\" data-field=\"readingDate2\" style=\"padding:5px;\">29/12/2025</td>\n            <td id=\"water-reading-2\" data-field=\"reading2\" style=\"padding:5px;\">937A</td>\n          </tr></tbody>\n        ",
      "depth": 0
    },
    {
      "field": "meterNumber",
      "id": "water-meter-number",
      "xpath": "//*[@id='water-meter-number']",
      "value": "00000000",
      "depth": 1
    },
    {
      "field": "readingDate1",
      "id": "water-reading-date-1",
      "xpath": "//*[@id='water-reading-date-1']",
      "value": "29/08/2025",
      "depth": 1
    },
    {
      "field": "reading1",
      "id": "water-reading-1",
      "xpath": "//*[@id='water-reading-1']",
      "value": "901A",
      "depth": 1
    },
    {
      "field": "readingDate2",
      "id": "water-reading-date-2",
      "xpath": "//*[@id='water-reading-date-2']",
      "value": "29/12/2025",
      "depth": 1
    },
    {
      "field": "reading2",
      "id": "water-reading-2",
      "xpath": "//*[@id='water-reading-2']",
      "value": "937A",
      "depth": 1
    },
    {
      "field": "totalDue",
      "id": "water-total-due",
      "xpath": "//*[@id='water-total-due']",
      "value": "$169.60",
      "depth": 0
    },
    {
      "field": "dueDate",
      "id": "water-due-date",
      "xpath": "//*[@id='water-due-date']",
      "value": "30/01/2026",
      "depth": 0
    },
    {
      "field": "surchargeNote",
      "id": "water-surcharge-note",
      "xpath": "//*[@id='water-surcharge-note']",
      "value": "在此日期後加收5%附加費",
      "depth": 0
    },
    {
      "field": "paymentRef",
      "id": "water-payment-ref",
      "xpath": "//*[@id='water-payment-ref']",
      "value": "00000000000",
      "depth": 0
    },
    {
      "field": "lastPaymentDate",
      "id": "water-last-payment-date",
      "xpath": "//*[@id='water-last-payment-date']",
      "value": "26/09/2025",
      "depth": 0
    },
    {
      "field": "lastPaymentAmount",
      "id": "water-last-payment-amount",
      "xpath": "//*[@id='water-last-payment-amount']",
      "value": "$169.70",
      "depth": 0
    },
    {
      "field": "deposit",
      "id": "water-deposit",
      "xpath": "//*[@id='water-deposit']",
      "value": "$400.00",
      "depth": 0
    },
    {
      "field": "disputedAmount",
      "id": "water-disputed-amount",
      "xpath": "//*[@id='water-disputed-amount']",
      "value": "$0.00",
      "depth": 0
    },
    {
      "field": "installmentAmount",
      "id": "water-installment-amount",
      "xpath": "//*[@id='water-installment-amount']",
      "value": "$0.00",
      "depth": 0
    },
    {
      "field": "supplyType",
      "id": "water-supply-type",
      "xpath": "//*[@id='water-supply-type']",
      "value": "住宅供水(010030)",
      "depth": 0
    },
    {
      "field": "balanceBroughtForward",
      "id": "water-balance-bf",
      "xpath": "//*[@id='water-balance-bf']",
      "value": "0.08",
      "depth": 0
    },
    {
      "field": "waterPeriod",
      "id": "water-water-period",
      "xpath": "//*[@id='water-water-period']",
      "value": "29/08/2025 - 29/12/2025",
      "depth": 0
    },
    {
      "field": "waterTier1",
      "id": "water-water-tier-1",
      "xpath": "//*[@id='water-water-tier-1']",
      "value": "0.00",
      "depth": 0
    },
    {
      "field": "waterTier2",
      "id": "water-water-tier-2",
      "xpath": "//*[@id='water-water-tier-2']",
      "value": "99.69",
      "depth": 0
    },
    {
      "field": "waterSubtotal",
      "id": "water-water-subtotal",
      "xpath": "//*[@id='water-water-subtotal']",
      "value": "99.69",
      "depth": 0
    },
    {
      "field": "sewagePeriod",
      "id": "water-sewage-period",
      "xpath": "//*[@id='water-sewage-period']",
      "value": "29/08/2025 - 29/12/2025",
      "depth": 0
    },
    {
      "field": "sewageTier1",
      "id": "water-sewage-tier-1",
      "xpath": "//*[@id='water-sewage-tier-1']",
      "value": "0.00",
      "depth": 0
    },
    {
      "field": "sewageTier2",
      "id": "water-sewage-tier-2",
      "xpath": "//*[@id='water-sewage-tier-2']",
      "value": "69.97",
      "depth": 0
    },
    {
      "field": "sewageSubtotal",
      "id": "water-sewage-subtotal",
      "xpath": "//*[@id='water-sewage-subtotal']",
      "value": "69.97",
      "depth": 0
    },
    {
      "field": "chargesTotal",
      "id": "water-charges-total",
      "xpath": "//*[@id='water-charges-total']",
      "value": "169.74",
      "depth": 0
    },
    {
      "field": "balanceCarriedForward",
      "id": "water-balance-cf",
      "xpath": "//*[@id='water-balance-cf']",
      "value": "0.14 CR",
      "depth": 0
    },
    {
      "field": "amountPayable",
      "id": "water-amount-payable",
      "xpath": "//*[@id='water-amount-payable']",
      "value": "169.60",
      "depth": 0
    },
    {
      "field": "stubPaymentRef",
      "id": "water-stub-payment-ref",
      "xpath": "//*[@id='water-stub-payment-ref']",
      "value": "00000000000",
      "depth": 0
    },
    {
      "field": "crcCode",
      "id": "water-crc",
      "xpath": "//*[@id='water-crc']",
      "value": "CRC000",
      "depth": 0
    },
    {
      "field": "stubTotalDue",
      "id": "water-stub-total",
      "xpath": "//*[@id='water-stub-total']",
      "value": "$169.60",
      "depth": 0
    },
    {
      "field": "stubDueDate",
      "id": "water-stub-due-date",
      "xpath": "//*[@id='water-stub-due-date']",
      "value": "30/01/2026",
      "depth": 0
    },
    {
      "field": "ocrLine",
      "id": "water-ocr-line",
      "xpath": "//*[@id='water-ocr-line']",
      "value": "00000000000000001696030012026000000000000",
      "depth": 0
    },
    {
      "field": "stubIssueDate",
      "id": "water-stub-issue-date",
      "xpath": "//*[@id='water-stub-issue-date']",
      "value": "08/01/2026",
      "depth": 0
    }
  ]
}